npm - @orbe-agro/client-core - Versions diffs - 5.3.13 → 5.3.25 - Mend

@orbe-agro/client-core 5.3.13 → 5.3.25

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 (1869) hide show

package/dist/@ecme/components/shared/DebounceInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DebounceInput.js","sources":["../../../../lib/@ecme/components/shared/DebounceInput.tsx"],"sourcesContent":["import Input from '@/components/ui/Input'\r\nimport useDebounce from '@/utils/hooks/useDebounce'\r\nimport type { ChangeEvent, Ref } from 'react'\r\nimport type { InputProps } from '@/components/ui/Input'\r\n\r\nexport type DebounceInputProps = InputProps & {\r\n wait?: number\r\n ref?: Ref<HTMLInputElement>\r\n}\r\n\r\nconst DebounceInput = (props: DebounceInputProps) => {\r\n const { wait = 500, ref, ...rest } = props\r\n\r\n function handleDebounceFn(value: ChangeEvent<HTMLInputElement>) {\r\n props.onChange?.(value)\r\n }\r\n\r\n const debounceFn = useDebounce(handleDebounceFn, wait)\r\n\r\n const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\r\n debounceFn(e)\r\n }\r\n\r\n return <Input ref={ref} {...rest} onChange={handleInputChange} />\r\n}\r\n\r\nexport default DebounceInput\r\n"],"names":["DebounceInput","props","wait","ref","rest","handleDebounceFn","value","_a","debounceFn","useDebounce","Input"],"mappings":";;;;AAUA,MAAMA,IAAgB,CAACC,MAA8B;AACjD,QAAM,EAAE,MAAAC,IAAO,KAAK,KAAAC,GAAK,GAAGC,MAASH;AAErC,WAASI,EAAiBC,GAAsC;;AAC5D,KAAAC,IAAAN,EAAM,aAAN,QAAAM,EAAA,KAAAN,GAAiBK;AAAA,~~EAAK~~;~~AAG1B~~,QAAME,IAAaC,EAAYJ,GAAkBH,CAAI;AAMrD,2BAAQQ,GAAA,EAAM,KAAAP,GAAW,GAAGC,GAAM,UAJR,CAAC,MAAqC;AAC5D,IAAAI,EAAW,CAAC;AAAA,~~EAAA~~,~~GAG~~+C;AACnE;"}
1	+ {"version":3,"file":"DebounceInput.js","sources":["../../../../lib/@ecme/components/shared/DebounceInput.tsx"],"sourcesContent":["import Input from '@/components/ui/Input'\nimport useDebounce from '@/utils/hooks/useDebounce'\nimport type { ChangeEvent, Ref } from 'react'\nimport type { InputProps } from '@/components/ui/Input'\n\nexport type DebounceInputProps = InputProps & {\n wait?: number\n ref?: Ref<HTMLInputElement>\n}\n\nconst DebounceInput = (props: DebounceInputProps) => {\n const { wait = 500, ref, ...rest } = props\n\n function handleDebounceFn(value: ChangeEvent<HTMLInputElement>) {\n props.onChange?.(value)\n }\n\n const debounceFn = useDebounce(handleDebounceFn, wait)\n\n const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n debounceFn(e)\n }\n\n return <Input ref={ref} {...rest} onChange={handleInputChange} />\n}\n\nexport default DebounceInput\n"],"names":["DebounceInput","props","wait","ref","rest","handleDebounceFn","value","_a","debounceFn","useDebounce","Input"],"mappings":";;;;AAUA,MAAMA,IAAgB,CAACC,MAA8B;AACjD,QAAM,EAAE,MAAAC,IAAO,KAAK,KAAAC,GAAK,GAAGC,MAASH;AAErC,WAASI,EAAiBC,GAAsC;;AAC5D,KAAAC,IAAAN,EAAM,aAAN,QAAAM,EAAA,KAAAN,GAAiBK;AAAA,EACrB;AAEA,QAAME,IAAaC,EAAYJ,GAAkBH,CAAI;AAMrD,2BAAQQ,GAAA,EAAM,KAAAP,GAAW,GAAGC,GAAM,UAJR,CAAC,MAAqC;AAC5D,IAAAI,EAAW,CAAC;AAAA,EAChB,GAE+D;AACnE;"}

package/dist/@ecme/components/shared/DoubleSidedImage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DoubleSidedImage.js","sources":["../../../../lib/@ecme/components/shared/DoubleSidedImage.tsx"],"sourcesContent":["import { useThemeStore } from '@/store/themeStore'\r\nimport { THEME_ENUM } from '@/constants/theme.constant'\r\nimport type { DetailedHTMLProps, ImgHTMLAttributes } from 'react'\r\n\r\ninterface DoubleSidedImageProps\r\n extends DetailedHTMLProps<\r\n ImgHTMLAttributes<HTMLImageElement>,\r\n HTMLImageElement\r\n > {\r\n darkModeSrc: string\r\n}\r\n\r\nconst { MODE_DARK } = THEME_ENUM\r\n\r\nconst DoubleSidedImage = ({\r\n src,\r\n darkModeSrc,\r\n alt = '',\r\n ...rest\r\n}: DoubleSidedImageProps) => {\r\n const mode = useThemeStore((state) => state.mode)\r\n\r\n return (\r\n <img src={mode === MODE_DARK ? darkModeSrc : src} alt={alt} {...rest} />\r\n )\r\n}\r\n\r\nexport default DoubleSidedImage\r\n"],"names":["MODE_DARK","THEME_ENUM","DoubleSidedImage","src","darkModeSrc","alt","rest","mode","useThemeStore","state","jsx"],"mappings":";;;AAYA,MAAM,EAAE,WAAAA,MAAcC,GAEhBC,IAAmB,CAAC;AAAA,EACtB,KAAAC;AAAA,EACA,aAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,GAAGC;AACP,MAA6B;AACzB,QAAMC,IAAOC,EAAc,CAACC,MAAUA,EAAM,IAAI;AAEhD,SACI,gBAAAC,EAAC,SAAI,KAAKH,MAASP,IAAYI,IAAcD,GAAK,KAAAE,GAAW,GAAGC,EAAA,CAAM;AAE9E;"}
1	+ {"version":3,"file":"DoubleSidedImage.js","sources":["../../../../lib/@ecme/components/shared/DoubleSidedImage.tsx"],"sourcesContent":["import { useThemeStore } from '@/store/themeStore'\nimport { THEME_ENUM } from '@/constants/theme.constant'\nimport type { DetailedHTMLProps, ImgHTMLAttributes } from 'react'\n\ninterface DoubleSidedImageProps\n extends DetailedHTMLProps<\n ImgHTMLAttributes<HTMLImageElement>,\n HTMLImageElement\n > {\n darkModeSrc: string\n}\n\nconst { MODE_DARK } = THEME_ENUM\n\nconst DoubleSidedImage = ({\n src,\n darkModeSrc,\n alt = '',\n ...rest\n}: DoubleSidedImageProps) => {\n const mode = useThemeStore((state) => state.mode)\n\n return (\n <img src={mode === MODE_DARK ? darkModeSrc : src} alt={alt} {...rest} />\n )\n}\n\nexport default DoubleSidedImage\n"],"names":["MODE_DARK","THEME_ENUM","DoubleSidedImage","src","darkModeSrc","alt","rest","mode","useThemeStore","state","jsx"],"mappings":";;;AAYA,MAAM,EAAE,WAAAA,MAAcC,GAEhBC,IAAmB,CAAC;AAAA,EACtB,KAAAC;AAAA,EACA,aAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,GAAGC;AACP,MAA6B;AACzB,QAAMC,IAAOC,EAAc,CAACC,MAAUA,EAAM,IAAI;AAEhD,SACI,gBAAAC,EAAC,SAAI,KAAKH,MAASP,IAAYI,IAAcD,GAAK,KAAAE,GAAW,GAAGC,EAAA,CAAM;AAE9E;"}

package/dist/@ecme/components/shared/EllipsisButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EllipsisButton.js","sources":["../../../../lib/@ecme/components/shared/EllipsisButton.tsx"],"sourcesContent":["import { TbDots } from \"react-icons/tb\";\r\nimport { Button, ButtonProps } from \"../ui\";\r\n\r\ntype EllipsisButtonProps = ButtonProps;\r\n\r\nconst EllipsisButton = (props: EllipsisButtonProps) => {\r\n const {\r\n shape = \"circle\",\r\n variant = \"plain\",\r\n size = \"xs\",\r\n type = \"button\",\r\n } = props;\r\n\r\n return (\r\n <Button\r\n shape={shape}\r\n variant={variant}\r\n size={size}\r\n icon={<TbDots />}\r\n type={type}\r\n {...props}\r\n />\r\n );\r\n};\r\n\r\nexport default EllipsisButton;\r\n"],"names":["EllipsisButton","props","shape","variant","size","type","jsx","Button","TbDots"],"mappings":";;;;AAKA,MAAMA,IAAiB,CAACC,MAA+B;AACrD,QAAM;AAAA,IACJ,OAAAC,IAAQ;AAAA,IACR,SAAAC,IAAU;AAAA,IACV,MAAAC,IAAO;AAAA,IACP,MAAAC,IAAO;AAAA,EAAA,IACLJ;AAEJ,SACE,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAL;AAAA,MACA,SAAAC;AAAA,MACA,MAAAC;AAAA,MACA,wBAAOI,GAAA,EAAO;AAAA,MACd,MAAAH;AAAA,MACC,GAAGJ;AAAA,IAAA;AAAA,EAAA;AAGV;"}
1	+ {"version":3,"file":"EllipsisButton.js","sources":["../../../../lib/@ecme/components/shared/EllipsisButton.tsx"],"sourcesContent":["import { TbDots } from \"react-icons/tb\";\nimport { Button, ButtonProps } from \"../ui\";\n\ntype EllipsisButtonProps = ButtonProps;\n\nconst EllipsisButton = (props: EllipsisButtonProps) => {\n const {\n shape = \"circle\",\n variant = \"plain\",\n size = \"xs\",\n type = \"button\",\n } = props;\n\n return (\n <Button\n shape={shape}\n variant={variant}\n size={size}\n icon={<TbDots />}\n type={type}\n {...props}\n />\n );\n};\n\nexport default EllipsisButton;\n"],"names":["EllipsisButton","props","shape","variant","size","type","jsx","Button","TbDots"],"mappings":";;;;AAKA,MAAMA,IAAiB,CAACC,MAA+B;AACrD,QAAM;AAAA,IACJ,OAAAC,IAAQ;AAAA,IACR,SAAAC,IAAU;AAAA,IACV,MAAAC,IAAO;AAAA,IACP,MAAAC,IAAO;AAAA,EAAA,IACLJ;AAEJ,SACE,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAL;AAAA,MACA,SAAAC;AAAA,MACA,MAAAC;AAAA,MACA,wBAAOI,GAAA,EAAO;AAAA,MACd,MAAAH;AAAA,MACC,GAAGJ;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/@ecme/components/shared/GanttChart/GanttChart.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GanttChart.js","sources":["../../../../../lib/@ecme/components/shared/GanttChart/GanttChart.tsx"],"sourcesContent":["import { ViewMode, Gantt } from 'gantt-task-react'\r\nimport TaskListTable from './TaskListTable'\r\nimport TaskListHeader from './TaskListHeader'\r\nimport TooltipContent from './TooltipContent'\r\nimport tasksPreProcess from './tasksPreProcess'\r\nimport { PatternLines } from '@visx/pattern'\r\nimport type { ExtraCell } from './TaskListTable'\r\nimport type { ExtraHeader } from './TaskListHeader'\r\nimport type { Task, GanttProps } from 'gantt-task-react'\r\n\r\ntype ExtendedTask<T extends Record<string, unknown> = NonNullable<unknown>> =\r\n Task & {\r\n barVariant?: string\r\n } & T\r\n\r\ntype GanttChartProps<T extends Record<string, unknown>> = GanttProps & {\r\n extraColumns?: Array<{\r\n header: ExtraHeader\r\n cell: ExtraCell\r\n }>\r\n tasks: ExtendedTask<T>[]\r\n colorsMap?: Record<string, string>\r\n showArrow?: boolean\r\n}\r\n\r\nconst GanttChart = <T extends Record<string, unknown>>(\r\n props: GanttChartProps<T>,\r\n) => {\r\n const {\r\n tasks,\r\n viewMode = ViewMode.Day,\r\n extraColumns,\r\n colorsMap = {},\r\n showArrow,\r\n ...rest\r\n } = props\r\n\r\n return (\r\n <>\r\n <Gantt\r\n tasks={tasksPreProcess(tasks, colorsMap)}\r\n viewMode={viewMode}\r\n listCellWidth={'200px'}\r\n columnWidth={65}\r\n barProgressColor={'#3380fa'}\r\n barProgressSelectedColor={'#3380fa'}\r\n barBackgroundColor={'#e2e8f0'}\r\n barBackgroundSelectedColor={'#e2e8f0'}\r\n projectProgressColor={'#6299f1'}\r\n projectProgressSelectedColor={'#6299f1'}\r\n projectBackgroundColor=\"#3380fa\"\r\n projectBackgroundSelectedColor=\"#3380fa\"\r\n milestoneBackgroundColor=\"#3380fa\"\r\n milestoneBackgroundSelectedColor=\"#3380fa\"\r\n todayColor=\"url(#horzLines)\"\r\n rowHeight={50}\r\n TaskListHeader={(props) => (\r\n <TaskListHeader\r\n {...props}\r\n extraHeaders={extraColumns?.map((col) => col.header)}\r\n />\r\n )}\r\n TaskListTable={(props) => (\r\n <TaskListTable\r\n {...props}\r\n extraCells={extraColumns?.map((col) => col.cell)}\r\n />\r\n )}\r\n TooltipContent={TooltipContent}\r\n barCornerRadius={6}\r\n {...(!showArrow ? { arrowColor: 'transparent' } : {})}\r\n {...rest}\r\n />\r\n <svg className=\"h-0 w-0\">\r\n <PatternLines\r\n id=\"horzLines\"\r\n height={10}\r\n width={10}\r\n className=\"stroke-gray-200 dark:stroke-gray-700\"\r\n strokeWidth={1.5}\r\n background=\"transparent\"\r\n orientation={['diagonal']}\r\n />\r\n </svg>\r\n </>\r\n )\r\n}\r\n\r\nexport type { Task, ExtendedTask }\r\n\r\nexport default GanttChart\r\n"],"names":["GanttChart","props","tasks","viewMode","ViewMode","extraColumns","colorsMap","showArrow","rest","jsxs","Fragment","jsx","Gantt","tasksPreProcess","TaskListHeader","col","TaskListTable","TooltipContent","PatternLines"],"mappings":";;;;;;;AAyBA,MAAMA,IAAa,CACfC,MACC;AACD,QAAM;AAAA,IACF,OAAAC;AAAA,IACA,UAAAC,IAAWC,EAAS;AAAA,IACpB,cAAAC;AAAA,IACA,WAAAC,IAAY,CAAA;AAAA,IACZ,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHP;AAEJ,SACI,gBAAAQ,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAOC,EAAgBX,GAAOI,CAAS;AAAA,QACvC,UAAAH;AAAA,QACA,eAAe;AAAA,QACf,aAAa;AAAA,QACb,kBAAkB;AAAA,QAClB,0BAA0B;AAAA,QAC1B,oBAAoB;AAAA,QACpB,4BAA4B;AAAA,QAC5B,sBAAsB;AAAA,QACtB,8BAA8B;AAAA,QAC9B,wBAAuB;AAAA,QACvB,gCAA+B;AAAA,QAC/B,0BAAyB;AAAA,QACzB,kCAAiC;AAAA,QACjC,YAAW;AAAA,QACX,WAAW;AAAA,QACX,gBAAgB,CAACF,MACb,gBAAAU;AAAA,UAACG;AAAA,UAAA;AAAA,YACI,GAAGb;AAAAA,YACJ,cAAcI,KAAA,gBAAAA,EAAc,IAAI,CAACU,MAAQA,EAAI;AAAA,UAAM;AAAA,QAAA;AAAA,QAG3D,eAAe,CAACd,MACZ,gBAAAU;AAAA,UAACK;AAAA,UAAA;AAAA,YACI,GAAGf;AAAAA,YACJ,YAAYI,KAAA,gBAAAA,EAAc,IAAI,CAACU,MAAQA,EAAI;AAAA,UAAI;AAAA,QAAA;AAAA,QAGvD,gBAAAE;AAAA,QACA,iBAAiB;AAAA,QAChB,GAAKV,IAA4C,CAAA,IAAhC,EAAE,YAAY,cAAA;AAAA,QAC/B,GAAGC;AAAA,MAAA;AAAA,IAAA;AAAA,IAER,gBAAAG,EAAC,OAAA,EAAI,WAAU,WACX,UAAA,gBAAAA;AAAA,MAACO;AAAA,MAAA;AAAA,QACG,IAAG;AAAA,QACH,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,WAAU;AAAA,QACV,aAAa;AAAA,QACb,YAAW;AAAA,QACX,aAAa,CAAC,UAAU;AAAA,MAAA;AAAA,IAAA,EAC5B,CACJ;AAAA,EAAA,GACJ;AAER;"}
1	+ {"version":3,"file":"GanttChart.js","sources":["../../../../../lib/@ecme/components/shared/GanttChart/GanttChart.tsx"],"sourcesContent":["import { ViewMode, Gantt } from 'gantt-task-react'\nimport TaskListTable from './TaskListTable'\nimport TaskListHeader from './TaskListHeader'\nimport TooltipContent from './TooltipContent'\nimport tasksPreProcess from './tasksPreProcess'\nimport { PatternLines } from '@visx/pattern'\nimport type { ExtraCell } from './TaskListTable'\nimport type { ExtraHeader } from './TaskListHeader'\nimport type { Task, GanttProps } from 'gantt-task-react'\n\ntype ExtendedTask<T extends Record<string, unknown> = NonNullable<unknown>> =\n Task & {\n barVariant?: string\n } & T\n\ntype GanttChartProps<T extends Record<string, unknown>> = GanttProps & {\n extraColumns?: Array<{\n header: ExtraHeader\n cell: ExtraCell\n }>\n tasks: ExtendedTask<T>[]\n colorsMap?: Record<string, string>\n showArrow?: boolean\n}\n\nconst GanttChart = <T extends Record<string, unknown>>(\n props: GanttChartProps<T>,\n) => {\n const {\n tasks,\n viewMode = ViewMode.Day,\n extraColumns,\n colorsMap = {},\n showArrow,\n ...rest\n } = props\n\n return (\n <>\n <Gantt\n tasks={tasksPreProcess(tasks, colorsMap)}\n viewMode={viewMode}\n listCellWidth={'200px'}\n columnWidth={65}\n barProgressColor={'#3380fa'}\n barProgressSelectedColor={'#3380fa'}\n barBackgroundColor={'#e2e8f0'}\n barBackgroundSelectedColor={'#e2e8f0'}\n projectProgressColor={'#6299f1'}\n projectProgressSelectedColor={'#6299f1'}\n projectBackgroundColor=\"#3380fa\"\n projectBackgroundSelectedColor=\"#3380fa\"\n milestoneBackgroundColor=\"#3380fa\"\n milestoneBackgroundSelectedColor=\"#3380fa\"\n todayColor=\"url(#horzLines)\"\n rowHeight={50}\n TaskListHeader={(props) => (\n <TaskListHeader\n {...props}\n extraHeaders={extraColumns?.map((col) => col.header)}\n />\n )}\n TaskListTable={(props) => (\n <TaskListTable\n {...props}\n extraCells={extraColumns?.map((col) => col.cell)}\n />\n )}\n TooltipContent={TooltipContent}\n barCornerRadius={6}\n {...(!showArrow ? { arrowColor: 'transparent' } : {})}\n {...rest}\n />\n <svg className=\"h-0 w-0\">\n <PatternLines\n id=\"horzLines\"\n height={10}\n width={10}\n className=\"stroke-gray-200 dark:stroke-gray-700\"\n strokeWidth={1.5}\n background=\"transparent\"\n orientation={['diagonal']}\n />\n </svg>\n </>\n )\n}\n\nexport type { Task, ExtendedTask }\n\nexport default GanttChart\n"],"names":["GanttChart","props","tasks","viewMode","ViewMode","extraColumns","colorsMap","showArrow","rest","jsxs","Fragment","jsx","Gantt","tasksPreProcess","TaskListHeader","col","TaskListTable","TooltipContent","PatternLines"],"mappings":";;;;;;;AAyBA,MAAMA,IAAa,CACfC,MACC;AACD,QAAM;AAAA,IACF,OAAAC;AAAA,IACA,UAAAC,IAAWC,EAAS;AAAA,IACpB,cAAAC;AAAA,IACA,WAAAC,IAAY,CAAA;AAAA,IACZ,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHP;AAEJ,SACI,gBAAAQ,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAOC,EAAgBX,GAAOI,CAAS;AAAA,QACvC,UAAAH;AAAA,QACA,eAAe;AAAA,QACf,aAAa;AAAA,QACb,kBAAkB;AAAA,QAClB,0BAA0B;AAAA,QAC1B,oBAAoB;AAAA,QACpB,4BAA4B;AAAA,QAC5B,sBAAsB;AAAA,QACtB,8BAA8B;AAAA,QAC9B,wBAAuB;AAAA,QACvB,gCAA+B;AAAA,QAC/B,0BAAyB;AAAA,QACzB,kCAAiC;AAAA,QACjC,YAAW;AAAA,QACX,WAAW;AAAA,QACX,gBAAgB,CAACF,MACb,gBAAAU;AAAA,UAACG;AAAA,UAAA;AAAA,YACI,GAAGb;AAAAA,YACJ,cAAcI,KAAA,gBAAAA,EAAc,IAAI,CAACU,MAAQA,EAAI;AAAA,UAAM;AAAA,QAAA;AAAA,QAG3D,eAAe,CAACd,MACZ,gBAAAU;AAAA,UAACK;AAAA,UAAA;AAAA,YACI,GAAGf;AAAAA,YACJ,YAAYI,KAAA,gBAAAA,EAAc,IAAI,CAACU,MAAQA,EAAI;AAAA,UAAI;AAAA,QAAA;AAAA,QAGvD,gBAAAE;AAAA,QACA,iBAAiB;AAAA,QAChB,GAAKV,IAA4C,CAAA,IAAhC,EAAE,YAAY,cAAA;AAAA,QAC/B,GAAGC;AAAA,MAAA;AAAA,IAAA;AAAA,IAER,gBAAAG,EAAC,OAAA,EAAI,WAAU,WACX,UAAA,gBAAAA;AAAA,MAACO;AAAA,MAAA;AAAA,QACG,IAAG;AAAA,QACH,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,WAAU;AAAA,QACV,aAAa;AAAA,QACb,YAAW;AAAA,QACX,aAAa,CAAC,UAAU;AAAA,MAAA;AAAA,IAAA,EAC5B,CACJ;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/components/shared/GanttChart/TaskListHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TaskListHeader.js","sources":["../../../../../lib/@ecme/components/shared/GanttChart/TaskListHeader.tsx"],"sourcesContent":["import { ReactNode } from 'react'\r\n\r\nexport type ExtraHeader = string \| ReactNode\r\n\r\ntype TaskListHeaderProps = {\r\n headerHeight: number\r\n rowWidth: string\r\n fontFamily: string\r\n fontSize: string\r\n extraHeaders?: ExtraHeader[]\r\n}\r\n\r\nconst TaskListHeader = ({\r\n headerHeight,\r\n rowWidth,\r\n extraHeaders = [],\r\n}: TaskListHeaderProps) => {\r\n return (\r\n <div className=\"table\">\r\n <div\r\n className=\"table-row list-none bg-gray-100/50 bg:fill-gray-700/40\"\r\n style={{\r\n height: headerHeight,\r\n }}\r\n >\r\n <div\r\n className=\"table-cell align-middle px-3 \"\r\n style={{\r\n minWidth: rowWidth,\r\n }}\r\n >\r\n  Name\r\n </div>\r\n <div\r\n className=\"border-r border-gray-200 dark:border-gray-700 -ml-1\"\r\n style={{\r\n height: headerHeight,\r\n }}\r\n />\r\n </div>\r\n {extraHeaders.map((headers, index) => (\r\n <div\r\n key={`${headers}-${index}`}\r\n className=\"table-row list-none bg-gray-100/50 bg:fill-gray-700/40\"\r\n style={{\r\n height: headerHeight,\r\n }}\r\n >\r\n <div\r\n className=\"table-cell align-middle px-3\"\r\n style={{\r\n minWidth: rowWidth,\r\n }}\r\n >\r\n  {headers}\r\n </div>\r\n <div\r\n className=\"border-r border-gray-200 dark:border-gray-700 -ml-1\"\r\n style={{\r\n height: headerHeight,\r\n }}\r\n />\r\n </div>\r\n ))}\r\n </div>\r\n )\r\n}\r\n\r\nexport default TaskListHeader\r\n"],"names":["TaskListHeader","headerHeight","rowWidth","extraHeaders","jsxs","jsx","headers","index"],"mappings":";AAYA,MAAMA,IAAiB,CAAC;AAAA,EACpB,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC,IAAe,CAAA;AACnB,MAEQ,gBAAAC,EAAC,OAAA,EAAI,WAAU,SACX,UAAA;AAAA,EAAA,gBAAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,OAAO;AAAA,QACH,QAAQH;AAAA,MAAA;AAAA,MAGZ,UAAA;AAAA,QAAA,gBAAAI;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,OAAO;AAAA,cACH,UAAUH;AAAA,YAAA;AAAA,YAEjB,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGD,gBAAAG;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,OAAO;AAAA,cACH,QAAQJ;AAAA,YAAA;AAAA,UACZ;AAAA,QAAA;AAAA,MACJ;AAAA,IAAA;AAAA,EAAA;AAAA,EAEHE,EAAa,IAAI,CAACG,GAASC,MACxB,gBAAAH;AAAA,IAAC;AAAA,IAAA;AAAA,MAEG,WAAU;AAAA,MACV,OAAO;AAAA,QACH,QAAQH;AAAA,MAAA;AAAA,MAGZ,UAAA;AAAA,QAAA,gBAAAG;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,OAAO;AAAA,cACH,UAAUF;AAAA,YAAA;AAAA,YAEjB,UAAA;AAAA,cAAA;AAAA,cACUI;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAEX,gBAAAD;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,OAAO;AAAA,cACH,QAAQJ;AAAA,YAAA;AAAA,UACZ;AAAA,QAAA;AAAA,MACJ;AAAA,IAAA;AAAA,IAnBK,GAAGK,CAAO,IAAIC,CAAK;AAAA,EAAA,CAqB/B;AAAA,GACL;"}
1	+ {"version":3,"file":"TaskListHeader.js","sources":["../../../../../lib/@ecme/components/shared/GanttChart/TaskListHeader.tsx"],"sourcesContent":["import { ReactNode } from 'react'\n\nexport type ExtraHeader = string \| ReactNode\n\ntype TaskListHeaderProps = {\n headerHeight: number\n rowWidth: string\n fontFamily: string\n fontSize: string\n extraHeaders?: ExtraHeader[]\n}\n\nconst TaskListHeader = ({\n headerHeight,\n rowWidth,\n extraHeaders = [],\n}: TaskListHeaderProps) => {\n return (\n <div className=\"table\">\n <div\n className=\"table-row list-none bg-gray-100/50 bg:fill-gray-700/40\"\n style={{\n height: headerHeight,\n }}\n >\n <div\n className=\"table-cell align-middle px-3 \"\n style={{\n minWidth: rowWidth,\n }}\n >\n  Name\n </div>\n <div\n className=\"border-r border-gray-200 dark:border-gray-700 -ml-1\"\n style={{\n height: headerHeight,\n }}\n />\n </div>\n {extraHeaders.map((headers, index) => (\n <div\n key={`${headers}-${index}`}\n className=\"table-row list-none bg-gray-100/50 bg:fill-gray-700/40\"\n style={{\n height: headerHeight,\n }}\n >\n <div\n className=\"table-cell align-middle px-3\"\n style={{\n minWidth: rowWidth,\n }}\n >\n  {headers}\n </div>\n <div\n className=\"border-r border-gray-200 dark:border-gray-700 -ml-1\"\n style={{\n height: headerHeight,\n }}\n />\n </div>\n ))}\n </div>\n )\n}\n\nexport default TaskListHeader\n"],"names":["TaskListHeader","headerHeight","rowWidth","extraHeaders","jsxs","jsx","headers","index"],"mappings":";AAYA,MAAMA,IAAiB,CAAC;AAAA,EACpB,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC,IAAe,CAAA;AACnB,MAEQ,gBAAAC,EAAC,OAAA,EAAI,WAAU,SACX,UAAA;AAAA,EAAA,gBAAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,OAAO;AAAA,QACH,QAAQH;AAAA,MAAA;AAAA,MAGZ,UAAA;AAAA,QAAA,gBAAAI;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,OAAO;AAAA,cACH,UAAUH;AAAA,YAAA;AAAA,YAEjB,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGD,gBAAAG;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,OAAO;AAAA,cACH,QAAQJ;AAAA,YAAA;AAAA,UACZ;AAAA,QAAA;AAAA,MACJ;AAAA,IAAA;AAAA,EAAA;AAAA,EAEHE,EAAa,IAAI,CAACG,GAASC,MACxB,gBAAAH;AAAA,IAAC;AAAA,IAAA;AAAA,MAEG,WAAU;AAAA,MACV,OAAO;AAAA,QACH,QAAQH;AAAA,MAAA;AAAA,MAGZ,UAAA;AAAA,QAAA,gBAAAG;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,OAAO;AAAA,cACH,UAAUF;AAAA,YAAA;AAAA,YAEjB,UAAA;AAAA,cAAA;AAAA,cACUI;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAEX,gBAAAD;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,OAAO;AAAA,cACH,QAAQJ;AAAA,YAAA;AAAA,UACZ;AAAA,QAAA;AAAA,MACJ;AAAA,IAAA;AAAA,IAnBK,GAAGK,CAAO,IAAIC,CAAK;AAAA,EAAA,CAqB/B;AAAA,GACL;"}

package/dist/@ecme/components/shared/GanttChart/TaskListTable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TaskListTable.js","sources":["../../../../../lib/@ecme/components/shared/GanttChart/TaskListTable.tsx"],"sourcesContent":["import classNames from '@/utils/classNames'\r\nimport { TbChevronRight, TbChevronDown } from 'react-icons/tb'\r\nimport type { Task } from 'gantt-task-react'\r\nimport type { ReactNode } from 'react'\r\n\r\ntype ExtendedTask = Task & { barVariant?: string }\r\n\r\nexport type ExtraCell = (task: ExtendedTask) => ReactNode \| string\r\n\r\ntype TaskListTableProps = {\r\n rowHeight: number\r\n rowWidth: string\r\n fontFamily: string\r\n fontSize: string\r\n locale: string\r\n tasks: ExtendedTask[]\r\n selectedTaskId: string\r\n setSelectedTask: (taskId: string) => void\r\n onExpanderClick: (task: Task) => void\r\n extraCells?: ExtraCell[]\r\n}\r\n\r\nconst TaskListTable = ({\r\n rowHeight,\r\n rowWidth,\r\n tasks,\r\n onExpanderClick,\r\n extraCells,\r\n}: TaskListTableProps) => {\r\n return (\r\n <div className=\"table\">\r\n {tasks.map((t, rowIndex) => {\r\n return (\r\n <div\r\n key={`${t.id}row`}\r\n className=\"_34SS0\"\r\n style={{ height: rowHeight }}\r\n >\r\n <div\r\n className=\"table-cell align-middle whitespace-nowrap overflow-hidden text-ellipsis border-r border-gray-200 dark:border-gray-700 px-2\"\r\n style={{\r\n minWidth: rowWidth,\r\n maxWidth: rowWidth,\r\n }}\r\n title={t.name}\r\n >\r\n <div className=\"flex items-center gap-1\">\r\n <div\r\n className=\"text-lg cursor-pointer min-w-4\"\r\n role=\"button\"\r\n onClick={() => onExpanderClick(t)}\r\n >\r\n {t.hideChildren === false && (\r\n <TbChevronDown />\r\n )}\r\n {t.hideChildren === true && (\r\n <TbChevronRight />\r\n )}\r\n </div>\r\n <div\r\n className={classNames(\r\n 'truncate',\r\n typeof t.hideChildren === 'boolean' &&\r\n 'heading-text font-bold',\r\n )}\r\n >\r\n {t.name}\r\n </div>\r\n </div>\r\n </div>\r\n {extraCells?.map((cell, cellIndex) => (\r\n <div\r\n key={`${t.id}-cell-${rowIndex}-${cellIndex}`}\r\n className=\"table-cell align-middle whitespace-nowrap overflow-hidden text-ellipsis border-r border-gray-200 dark:border-gray-700 px-2\"\r\n style={{\r\n minWidth: rowWidth,\r\n maxWidth: rowWidth,\r\n }}\r\n >\r\n  {cell(t)}\r\n </div>\r\n ))}\r\n </div>\r\n )\r\n })}\r\n </div>\r\n )\r\n}\r\n\r\nexport default TaskListTable\r\n"],"names":["TaskListTable","rowHeight","rowWidth","tasks","onExpanderClick","extraCells","jsx","t","rowIndex","jsxs","TbChevronDown","TbChevronRight","classNames","cell","cellIndex"],"mappings":";;;AAsBA,MAAMA,IAAgB,CAAC;AAAA,EACnB,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,YAAAC;AACJ,MAEQ,gBAAAC,EAAC,SAAI,WAAU,SACV,YAAM,IAAI,CAACC,GAAGC,MAEP,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IAEG,WAAU;AAAA,IACV,OAAO,EAAE,QAAQR,EAAA;AAAA,IAEjB,UAAA;AAAA,MAAA,gBAAAK;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,OAAO;AAAA,YACH,UAAUJ;AAAA,YACV,UAAUA;AAAA,UAAA;AAAA,UAEd,OAAOK,EAAE;AAAA,UAET,UAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,YAAA,gBAAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,MAAK;AAAA,gBACL,SAAS,MAAML,EAAgBG,CAAC;AAAA,gBAE/B,UAAA;AAAA,kBAAAA,EAAE,iBAAiB,MAChB,gBAAAD,EAACI,GAAA,CAAA,CAAc;AAAA,kBAElBH,EAAE,iBAAiB,MAChB,gBAAAD,EAACK,GAAA,CAAA,CAAe;AAAA,gBAAA;AAAA,cAAA;AAAA,YAAA;AAAA,YAGxB,gBAAAL;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,WAAWM;AAAA,kBACP;AAAA,kBACA,OAAOL,EAAE,gBAAiB,aACtB;AAAA,gBAAA;AAAA,gBAGP,UAAAA,EAAE;AAAA,cAAA;AAAA,YAAA;AAAA,UACP,EAAA,CACJ;AAAA,QAAA;AAAA,MAAA;AAAA,MAEHF,KAAA,gBAAAA,EAAY,IAAI,CAACQ,GAAMC,MACpB,gBAAAL;AAAA,QAAC;AAAA,QAAA;AAAA,UAEG,WAAU;AAAA,UACV,OAAO;AAAA,YACH,UAAUP;AAAA,YACV,UAAUA;AAAA,UAAA;AAAA,UAEjB,UAAA;AAAA,YAAA;AAAA,YACUW,EAAKN,CAAC;AAAA,UAAA;AAAA,QAAA;AAAA,QAPR,GAAGA,EAAE,EAAE,SAASC,CAAQ,IAAIM,CAAS;AAAA,MAAA;AAAA,IASjD;AAAA,EAAA;AAAA,EA/CI,GAAGP,EAAE,EAAE;AAAA,CAkDvB,~~GACL~~;"}
1	+ {"version":3,"file":"TaskListTable.js","sources":["../../../../../lib/@ecme/components/shared/GanttChart/TaskListTable.tsx"],"sourcesContent":["import classNames from '@/utils/classNames'\nimport { TbChevronRight, TbChevronDown } from 'react-icons/tb'\nimport type { Task } from 'gantt-task-react'\nimport type { ReactNode } from 'react'\n\ntype ExtendedTask = Task & { barVariant?: string }\n\nexport type ExtraCell = (task: ExtendedTask) => ReactNode \| string\n\ntype TaskListTableProps = {\n rowHeight: number\n rowWidth: string\n fontFamily: string\n fontSize: string\n locale: string\n tasks: ExtendedTask[]\n selectedTaskId: string\n setSelectedTask: (taskId: string) => void\n onExpanderClick: (task: Task) => void\n extraCells?: ExtraCell[]\n}\n\nconst TaskListTable = ({\n rowHeight,\n rowWidth,\n tasks,\n onExpanderClick,\n extraCells,\n}: TaskListTableProps) => {\n return (\n <div className=\"table\">\n {tasks.map((t, rowIndex) => {\n return (\n <div\n key={`${t.id}row`}\n className=\"_34SS0\"\n style={{ height: rowHeight }}\n >\n <div\n className=\"table-cell align-middle whitespace-nowrap overflow-hidden text-ellipsis border-r border-gray-200 dark:border-gray-700 px-2\"\n style={{\n minWidth: rowWidth,\n maxWidth: rowWidth,\n }}\n title={t.name}\n >\n <div className=\"flex items-center gap-1\">\n <div\n className=\"text-lg cursor-pointer min-w-4\"\n role=\"button\"\n onClick={() => onExpanderClick(t)}\n >\n {t.hideChildren === false && (\n <TbChevronDown />\n )}\n {t.hideChildren === true && (\n <TbChevronRight />\n )}\n </div>\n <div\n className={classNames(\n 'truncate',\n typeof t.hideChildren === 'boolean' &&\n 'heading-text font-bold',\n )}\n >\n {t.name}\n </div>\n </div>\n </div>\n {extraCells?.map((cell, cellIndex) => (\n <div\n key={`${t.id}-cell-${rowIndex}-${cellIndex}`}\n className=\"table-cell align-middle whitespace-nowrap overflow-hidden text-ellipsis border-r border-gray-200 dark:border-gray-700 px-2\"\n style={{\n minWidth: rowWidth,\n maxWidth: rowWidth,\n }}\n >\n  {cell(t)}\n </div>\n ))}\n </div>\n )\n })}\n </div>\n )\n}\n\nexport default TaskListTable\n"],"names":["TaskListTable","rowHeight","rowWidth","tasks","onExpanderClick","extraCells","jsx","t","rowIndex","jsxs","TbChevronDown","TbChevronRight","classNames","cell","cellIndex"],"mappings":";;;AAsBA,MAAMA,IAAgB,CAAC;AAAA,EACnB,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,YAAAC;AACJ,MAEQ,gBAAAC,EAAC,SAAI,WAAU,SACV,YAAM,IAAI,CAACC,GAAGC,MAEP,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IAEG,WAAU;AAAA,IACV,OAAO,EAAE,QAAQR,EAAA;AAAA,IAEjB,UAAA;AAAA,MAAA,gBAAAK;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,OAAO;AAAA,YACH,UAAUJ;AAAA,YACV,UAAUA;AAAA,UAAA;AAAA,UAEd,OAAOK,EAAE;AAAA,UAET,UAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,YAAA,gBAAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,MAAK;AAAA,gBACL,SAAS,MAAML,EAAgBG,CAAC;AAAA,gBAE/B,UAAA;AAAA,kBAAAA,EAAE,iBAAiB,MAChB,gBAAAD,EAACI,GAAA,CAAA,CAAc;AAAA,kBAElBH,EAAE,iBAAiB,MAChB,gBAAAD,EAACK,GAAA,CAAA,CAAe;AAAA,gBAAA;AAAA,cAAA;AAAA,YAAA;AAAA,YAGxB,gBAAAL;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,WAAWM;AAAA,kBACP;AAAA,kBACA,OAAOL,EAAE,gBAAiB,aACtB;AAAA,gBAAA;AAAA,gBAGP,UAAAA,EAAE;AAAA,cAAA;AAAA,YAAA;AAAA,UACP,EAAA,CACJ;AAAA,QAAA;AAAA,MAAA;AAAA,MAEHF,KAAA,gBAAAA,EAAY,IAAI,CAACQ,GAAMC,MACpB,gBAAAL;AAAA,QAAC;AAAA,QAAA;AAAA,UAEG,WAAU;AAAA,UACV,OAAO;AAAA,YACH,UAAUP;AAAA,YACV,UAAUA;AAAA,UAAA;AAAA,UAEjB,UAAA;AAAA,YAAA;AAAA,YACUW,EAAKN,CAAC;AAAA,UAAA;AAAA,QAAA;AAAA,QAPR,GAAGA,EAAE,EAAE,SAASC,CAAQ,IAAIM,CAAS;AAAA,MAAA;AAAA,IASjD;AAAA,EAAA;AAAA,EA/CI,GAAGP,EAAE,EAAE;AAAA,CAkDvB,EAAA,CACL;"}

package/dist/@ecme/components/shared/GanttChart/TooltipContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TooltipContent.js","sources":["../../../../../lib/@ecme/components/shared/GanttChart/TooltipContent.tsx"],"sourcesContent":["import Progress from '@/components/ui/Progress'\r\nimport { TbClock } from 'react-icons/tb'\r\nimport dayjs from 'dayjs'\r\nimport type { Task } from 'gantt-task-react'\r\n\r\ntype TooltipContentProps = {\r\n task: Task\r\n}\r\n\r\nconst progressBarStatusClass = (progression: number) => {\r\n if (progression > 70) {\r\n return 'bg-success'\r\n }\r\n\r\n if (progression < 40) {\r\n return 'bg-error'\r\n }\r\n\r\n return\r\n}\r\n\r\nconst TooltipContent = (props: TooltipContentProps) => {\r\n const { task } = props\r\n\r\n return (\r\n <div className=\"p-3 rounded-lg shadow bg-gray-800 dark:bg-black flex justify-between items-center min-w-[200px] z-10\">\r\n <div className=\"flex flex-col w-full\">\r\n <div className=\"text-white font-bold mb-1\">{task.name}</div>\r\n <div className=\"flex items-center gap-1 text-gray-300\">\r\n <TbClock className=\"text-lg\" />\r\n <span>\r\n {dayjs(task.start).format('DD')} ~{' '}\r\n {dayjs(task.end).format('DD MMM')}\r\n </span>\r\n </div>\r\n <div>\r\n {!!task.progress && (\r\n <Progress\r\n customColorClass={progressBarStatusClass(\r\n task.progress,\r\n )}\r\n className=\"text-white\"\r\n percent={task.progress}\r\n trailClass=\"bg-gray-500\"\r\n customInfo={\r\n <div className=\"text-white font-bold\">\r\n {task.progress}%\r\n </div>\r\n }\r\n />\r\n )}\r\n </div>\r\n </div>\r\n </div>\r\n )\r\n}\r\n\r\nexport default TooltipContent\r\n"],"names":["progressBarStatusClass","progression","TooltipContent","props","task","jsxs","jsx","TbClock","dayjs","Progress"],"mappings":";;;;;AASA,MAAMA,IAAyB,CAACC,MAAwB;AACpD,MAAIA,IAAc;AACd,WAAO;AAGX,MAAIA,IAAc;AACd,WAAO;AAIf,GAEMC,IAAiB,CAACC,MAA+B;AACnD,QAAM,EAAE,MAAAC,MAASD;AAEjB,2BACK,OAAA,EAAI,WAAU,yGACX,UAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,wBACX,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,6BAA6B,UAAAF,EAAK,MAAK;AAAA,IACtD,gBAAAC,EAAC,OAAA,EAAI,WAAU,yCACX,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAA,EAAQ,WAAU,UAAA,CAAU;AAAA,wBAC5B,QAAA,EACI,UAAA;AAAA,QAAAC,EAAMJ,EAAK,KAAK,EAAE,OAAO,IAAI;AAAA,QAAE;AAAA,QAAG;AAAA,QAClCI,EAAMJ,EAAK,GAAG,EAAE,OAAO,QAAQ;AAAA,MAAA,EAAA,CACpC;AAAA,IAAA,GACJ;AAAA,IACA,gBAAAE,EAAC,OAAA,EACI,UAAA,CAAC,CAACF,EAAK,YACJ,gBAAAE;AAAA,MAACG;AAAA,MAAA;AAAA,QACG,kBAAkBT;AAAA,UACdI,EAAK;AAAA,QAAA;AAAA,QAET,WAAU;AAAA,QACV,SAASA,EAAK;AAAA,QACd,YAAW;AAAA,QACX,YACI,gBAAAC,EAAC,OAAA,EAAI,WAAU,wBACV,UAAA;AAAA,UAAAD,EAAK;AAAA,UAAS;AAAA,QAAA,EAAA,CACnB;AAAA,MAAA;AAAA,IAAA,EAER,CAER;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;AAER;"}
1	+ {"version":3,"file":"TooltipContent.js","sources":["../../../../../lib/@ecme/components/shared/GanttChart/TooltipContent.tsx"],"sourcesContent":["import Progress from '@/components/ui/Progress'\nimport { TbClock } from 'react-icons/tb'\nimport dayjs from 'dayjs'\nimport type { Task } from 'gantt-task-react'\n\ntype TooltipContentProps = {\n task: Task\n}\n\nconst progressBarStatusClass = (progression: number) => {\n if (progression > 70) {\n return 'bg-success'\n }\n\n if (progression < 40) {\n return 'bg-error'\n }\n\n return\n}\n\nconst TooltipContent = (props: TooltipContentProps) => {\n const { task } = props\n\n return (\n <div className=\"p-3 rounded-lg shadow bg-gray-800 dark:bg-black flex justify-between items-center min-w-[200px] z-10\">\n <div className=\"flex flex-col w-full\">\n <div className=\"text-white font-bold mb-1\">{task.name}</div>\n <div className=\"flex items-center gap-1 text-gray-300\">\n <TbClock className=\"text-lg\" />\n <span>\n {dayjs(task.start).format('DD')} ~{' '}\n {dayjs(task.end).format('DD MMM')}\n </span>\n </div>\n <div>\n {!!task.progress && (\n <Progress\n customColorClass={progressBarStatusClass(\n task.progress,\n )}\n className=\"text-white\"\n percent={task.progress}\n trailClass=\"bg-gray-500\"\n customInfo={\n <div className=\"text-white font-bold\">\n {task.progress}%\n </div>\n }\n />\n )}\n </div>\n </div>\n </div>\n )\n}\n\nexport default TooltipContent\n"],"names":["progressBarStatusClass","progression","TooltipContent","props","task","jsxs","jsx","TbClock","dayjs","Progress"],"mappings":";;;;;AASA,MAAMA,IAAyB,CAACC,MAAwB;AACpD,MAAIA,IAAc;AACd,WAAO;AAGX,MAAIA,IAAc;AACd,WAAO;AAIf,GAEMC,IAAiB,CAACC,MAA+B;AACnD,QAAM,EAAE,MAAAC,MAASD;AAEjB,2BACK,OAAA,EAAI,WAAU,yGACX,UAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,wBACX,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,6BAA6B,UAAAF,EAAK,MAAK;AAAA,IACtD,gBAAAC,EAAC,OAAA,EAAI,WAAU,yCACX,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAA,EAAQ,WAAU,UAAA,CAAU;AAAA,wBAC5B,QAAA,EACI,UAAA;AAAA,QAAAC,EAAMJ,EAAK,KAAK,EAAE,OAAO,IAAI;AAAA,QAAE;AAAA,QAAG;AAAA,QAClCI,EAAMJ,EAAK,GAAG,EAAE,OAAO,QAAQ;AAAA,MAAA,EAAA,CACpC;AAAA,IAAA,GACJ;AAAA,IACA,gBAAAE,EAAC,OAAA,EACI,UAAA,CAAC,CAACF,EAAK,YACJ,gBAAAE;AAAA,MAACG;AAAA,MAAA;AAAA,QACG,kBAAkBT;AAAA,UACdI,EAAK;AAAA,QAAA;AAAA,QAET,WAAU;AAAA,QACV,SAASA,EAAK;AAAA,QACd,YAAW;AAAA,QACX,YACI,gBAAAC,EAAC,OAAA,EAAI,WAAU,wBACV,UAAA;AAAA,UAAAD,EAAK;AAAA,UAAS;AAAA,QAAA,EAAA,CACnB;AAAA,MAAA;AAAA,IAAA,EAER,CAER;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;AAER;"}

package/dist/@ecme/components/shared/GanttChart/getStartEndDateForProject.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"getStartEndDateForProject.js","sources":["../../../../../lib/@ecme/components/shared/GanttChart/getStartEndDateForProject.ts"],"sourcesContent":["import type { ExtendedTask } from './GanttChart'\r\n\r\nfunction getStartEndDateForProject(tasks: ExtendedTask[], projectId: string) {\r\n const projectTasks = tasks.filter((t) => t.project === projectId)\r\n let start = projectTasks[0].start\r\n let end = projectTasks[0].end\r\n\r\n for (let i = 0; i < projectTasks.length; i++) {\r\n const task = projectTasks[i]\r\n if (start.getTime() > task.start.getTime()) {\r\n start = task.start\r\n }\r\n if (end.getTime() < task.end.getTime()) {\r\n end = task.end\r\n }\r\n }\r\n return [start, end]\r\n}\r\n\r\nexport default getStartEndDateForProject\r\n"],"names":["getStartEndDateForProject","tasks","projectId","projectTasks","start","end","i","task"],"mappings":"AAEA,SAASA,EAA0BC,GAAuBC,GAAmB;AACzE,QAAMC,IAAeF,EAAM,OAAO,CAAC,MAAM,EAAE,YAAYC,CAAS;AAChE,MAAIE,IAAQD,EAAa,CAAC,EAAE,OACxBE,IAAMF,EAAa,CAAC,EAAE;AAE1B,WAASG,IAAI,GAAGA,IAAIH,EAAa,QAAQG,KAAK;AAC1C,UAAMC,IAAOJ,EAAaG,CAAC;AAC3B,IAAIF,EAAM,QAAA,IAAYG,EAAK,MAAM,cAC7BH,IAAQG,EAAK,QAEbF,EAAI,QAAA,IAAYE,EAAK,IAAI,cACzBF,IAAME,EAAK;AAAA,~~EACf~~;~~AAEJ~~,SAAO,CAACH,GAAOC,CAAG;AACtB;"}
1	+ {"version":3,"file":"getStartEndDateForProject.js","sources":["../../../../../lib/@ecme/components/shared/GanttChart/getStartEndDateForProject.ts"],"sourcesContent":["import type { ExtendedTask } from './GanttChart'\n\nfunction getStartEndDateForProject(tasks: ExtendedTask[], projectId: string) {\n const projectTasks = tasks.filter((t) => t.project === projectId)\n let start = projectTasks[0].start\n let end = projectTasks[0].end\n\n for (let i = 0; i < projectTasks.length; i++) {\n const task = projectTasks[i]\n if (start.getTime() > task.start.getTime()) {\n start = task.start\n }\n if (end.getTime() < task.end.getTime()) {\n end = task.end\n }\n }\n return [start, end]\n}\n\nexport default getStartEndDateForProject\n"],"names":["getStartEndDateForProject","tasks","projectId","projectTasks","start","end","i","task"],"mappings":"AAEA,SAASA,EAA0BC,GAAuBC,GAAmB;AACzE,QAAMC,IAAeF,EAAM,OAAO,CAAC,MAAM,EAAE,YAAYC,CAAS;AAChE,MAAIE,IAAQD,EAAa,CAAC,EAAE,OACxBE,IAAMF,EAAa,CAAC,EAAE;AAE1B,WAASG,IAAI,GAAGA,IAAIH,EAAa,QAAQG,KAAK;AAC1C,UAAMC,IAAOJ,EAAaG,CAAC;AAC3B,IAAIF,EAAM,QAAA,IAAYG,EAAK,MAAM,cAC7BH,IAAQG,EAAK,QAEbF,EAAI,QAAA,IAAYE,EAAK,IAAI,cACzBF,IAAME,EAAK;AAAA,EAEnB;AACA,SAAO,CAACH,GAAOC,CAAG;AACtB;"}

package/dist/@ecme/components/shared/GanttChart/tasksPreProcess.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tasksPreProcess.js","sources":["../../../../../lib/@ecme/components/shared/GanttChart/tasksPreProcess.ts"],"sourcesContent":["import dayjs from 'dayjs'\r\nimport type { ExtendedTask } from './GanttChart'\r\n\r\nfunction hexToRgb(hex: string): string \| null {\r\n hex = hex.replace(/^#/, '')\r\n\r\n let bigint: number\r\n if (hex.length === 3) {\r\n bigint = parseInt(\r\n hex.charAt(0) +\r\n hex.charAt(0) +\r\n hex.charAt(1) +\r\n hex.charAt(1) +\r\n hex.charAt(2) +\r\n hex.charAt(2),\r\n 16,\r\n )\r\n } else if (hex.length === 6) {\r\n bigint = parseInt(hex, 16)\r\n } else {\r\n return null\r\n }\r\n\r\n const r = (bigint >> 16) & 255\r\n const g = (bigint >> 8) & 255\r\n const b = bigint & 255\r\n\r\n return `rgb(${r}, ${g}, ${b})`\r\n}\r\n\r\nfunction isHexOrRgb(color: string): 'hex' \| 'rgb' \| 'invalid' {\r\n const hexRegex = /^#?([A-Fa-f0-9]{6}\|[A-Fa-f0-9]{3})$/\r\n const rgbRegex = /^rgb\$(\\d{1,3}),\\s(\\d{1,3}),\\s(\\d{1,3})\$$/\r\n\r\n if (hexRegex.test(color)) {\r\n return 'hex'\r\n } else if (rgbRegex.test(color)) {\r\n return 'rgb'\r\n } else {\r\n return 'invalid'\r\n }\r\n}\r\n\r\nfunction applyOpacityToRgb(color: string, opacity: number): string \| null {\r\n const rgbRegex = /^rgb\$(\\d{1,3}),\\s(\\d{1,3}),\\s(\\d{1,3})\$$/\r\n const match = color.match(rgbRegex)\r\n\r\n if (match) {\r\n const r = parseInt(match[1], 10)\r\n const g = parseInt(match[2], 10)\r\n const b = parseInt(match[3], 10)\r\n\r\n if (opacity < 0 \|\| opacity > 1) {\r\n return null // Invalid opacity value\r\n }\r\n\r\n return `rgba(${r}, ${g}, ${b}, ${opacity})`\r\n } else {\r\n return null // Invalid RGB color\r\n }\r\n}\r\n\r\nexport default function tasksPreProcess(\r\n tasks: ExtendedTask[],\r\n colorsMap: Record<string, string>,\r\n) {\r\n const coloredTask = tasks.map((task) => {\r\n task.start = dayjs(task.start).toDate()\r\n task.end = dayjs(task.end).toDate()\r\n\r\n if (task.barVariant && colorsMap[task.barVariant]) {\r\n const inputColor = colorsMap[task.barVariant]\r\n let color = ''\r\n\r\n if (isHexOrRgb(inputColor) === 'invalid') {\r\n return task\r\n }\r\n\r\n if (isHexOrRgb(inputColor) === 'hex') {\r\n color = hexToRgb(inputColor) as string\r\n }\r\n\r\n if (task.type === 'task') {\r\n task.styles = {\r\n progressColor: color,\r\n backgroundColor: applyOpacityToRgb(color, 0.5) as string,\r\n progressSelectedColor: color,\r\n backgroundSelectedColor: applyOpacityToRgb(\r\n color,\r\n 0.5,\r\n ) as string,\r\n }\r\n }\r\n\r\n if (task.type === 'milestone') {\r\n task.styles = {\r\n backgroundColor: color,\r\n backgroundSelectedColor: color,\r\n }\r\n }\r\n\r\n if (task.type === 'project') {\r\n task.styles = {\r\n progressColor: applyOpacityToRgb(\r\n 'rgb(255,255,255)',\r\n 0.3,\r\n ) as string,\r\n backgroundColor: color,\r\n progressSelectedColor: applyOpacityToRgb(\r\n 'rgb(255,255,255)',\r\n 0.3,\r\n ) as string,\r\n backgroundSelectedColor: color,\r\n }\r\n }\r\n }\r\n\r\n return task\r\n })\r\n\r\n return coloredTask\r\n}\r\n"],"names":["hexToRgb","hex","bigint","r","g","b","isHexOrRgb","color","hexRegex","rgbRegex","applyOpacityToRgb","opacity","match","tasksPreProcess","tasks","colorsMap","task","dayjs","inputColor"],"mappings":";AAGA,SAASA,EAASC,GAA4B;AAC1C,EAAAA,IAAMA,EAAI,QAAQ,MAAM,EAAE;AAE1B,MAAIC;AACJ,MAAID,EAAI,WAAW;AACf,IAAAC,IAAS;AAAA,MACLD,EAAI,OAAO,CAAC,IACRA,EAAI,OAAO,CAAC,IACZA,EAAI,OAAO,CAAC,IACZA,EAAI,OAAO,CAAC,IACZA,EAAI,OAAO,CAAC,IACZA,EAAI,OAAO,CAAC;AAAA,MAChB;AAAA,IAAA;AAAA,WAEGA,EAAI,WAAW;AACtB,IAAAC,IAAS,SAASD,GAAK,EAAE;AAAA;AAEzB,WAAO;AAGX,QAAME,IAAKD,KAAU,KAAM,KACrBE,IAAKF,KAAU,IAAK,KACpBG,IAAIH,IAAS;AAEnB,SAAO,OAAOC,CAAC,KAAKC,CAAC,KAAKC,CAAC;AAC/B;AAEA,SAASC,EAAWC,GAA0C;AAC1D,QAAMC,IAAW,uCACXC,IAAW;AAEjB,SAAID,EAAS,KAAKD,CAAK,IACZ,QACAE,EAAS,KAAKF,CAAK,IACnB,QAEA;AAEf;AAEA,SAASG,EAAkBH,GAAeI,GAAgC;AACtE,QAAMF,IAAW,gDACXG,IAAQL,EAAM,MAAME,CAAQ;AAElC,MAAIG,GAAO;AACP,UAAMT,IAAI,SAASS,EAAM,CAAC,GAAG,EAAE,GACzBR,IAAI,SAASQ,EAAM,CAAC,GAAG,EAAE,GACzBP,IAAI,SAASO,EAAM,CAAC,GAAG,EAAE;AAE/B,WAAID,IAAU,KAAKA,IAAU,IAClB,OAGJ,QAAQR,CAAC,KAAKC,CAAC,KAAKC,CAAC,KAAKM,CAAO;AAAA,~~EAAA~~;~~AAExC~~,WAAO;AAEf;AAEA,SAAwBE,EACpBC,GACAC,GACF;AAuDE,SAtDoBD,EAAM,IAAI,CAACE,MAAS;AAIpC,QAHAA,EAAK,QAAQC,EAAMD,EAAK,KAAK,EAAE,OAAA,GAC/BA,EAAK,MAAMC,EAAMD,EAAK,GAAG,EAAE,OAAA,GAEvBA,EAAK,cAAcD,EAAUC,EAAK,UAAU,GAAG;AAC/C,YAAME,IAAaH,EAAUC,EAAK,UAAU;AAC5C,UAAIT,IAAQ;AAEZ,UAAID,EAAWY,CAAU,MAAM;AAC3B,eAAOF;AAGX,MAAIV,EAAWY,CAAU,MAAM,UAC3BX,IAAQP,EAASkB,CAAU,IAG3BF,EAAK,SAAS,WACdA,EAAK,SAAS;AAAA,QACV,eAAeT;AAAA,QACf,iBAAiBG,EAAkBH,GAAO,GAAG;AAAA,QAC7C,uBAAuBA;AAAA,QACvB,yBAAyBG;AAAA,UACrBH;AAAA,UACA;AAAA,QAAA;AAAA,MACJ,IAIJS,EAAK,SAAS,gBACdA,EAAK,SAAS;AAAA,QACV,iBAAiBT;AAAA,QACjB,yBAAyBA;AAAA,MAAA,IAI7BS,EAAK,SAAS,cACdA,EAAK,SAAS;AAAA,QACV,eAAeN;AAAA,UACX;AAAA,UACA;AAAA,QAAA;AAAA,QAEJ,iBAAiBH;AAAA,QACjB,uBAAuBG;AAAA,UACnB;AAAA,UACA;AAAA,QAAA;AAAA,QAEJ,yBAAyBH;AAAA,MAAA;AAAA,~~IAEjC~~;~~AAGJ~~,WAAOS;AAAA,~~EAAA~~,~~CACV~~;AAGL;"}
1	+ {"version":3,"file":"tasksPreProcess.js","sources":["../../../../../lib/@ecme/components/shared/GanttChart/tasksPreProcess.ts"],"sourcesContent":["import dayjs from 'dayjs'\nimport type { ExtendedTask } from './GanttChart'\n\nfunction hexToRgb(hex: string): string \| null {\n hex = hex.replace(/^#/, '')\n\n let bigint: number\n if (hex.length === 3) {\n bigint = parseInt(\n hex.charAt(0) +\n hex.charAt(0) +\n hex.charAt(1) +\n hex.charAt(1) +\n hex.charAt(2) +\n hex.charAt(2),\n 16,\n )\n } else if (hex.length === 6) {\n bigint = parseInt(hex, 16)\n } else {\n return null\n }\n\n const r = (bigint >> 16) & 255\n const g = (bigint >> 8) & 255\n const b = bigint & 255\n\n return `rgb(${r}, ${g}, ${b})`\n}\n\nfunction isHexOrRgb(color: string): 'hex' \| 'rgb' \| 'invalid' {\n const hexRegex = /^#?([A-Fa-f0-9]{6}\|[A-Fa-f0-9]{3})$/\n const rgbRegex = /^rgb\$(\\d{1,3}),\\s(\\d{1,3}),\\s(\\d{1,3})\$$/\n\n if (hexRegex.test(color)) {\n return 'hex'\n } else if (rgbRegex.test(color)) {\n return 'rgb'\n } else {\n return 'invalid'\n }\n}\n\nfunction applyOpacityToRgb(color: string, opacity: number): string \| null {\n const rgbRegex = /^rgb\$(\\d{1,3}),\\s(\\d{1,3}),\\s(\\d{1,3})\$$/\n const match = color.match(rgbRegex)\n\n if (match) {\n const r = parseInt(match[1], 10)\n const g = parseInt(match[2], 10)\n const b = parseInt(match[3], 10)\n\n if (opacity < 0 \|\| opacity > 1) {\n return null // Invalid opacity value\n }\n\n return `rgba(${r}, ${g}, ${b}, ${opacity})`\n } else {\n return null // Invalid RGB color\n }\n}\n\nexport default function tasksPreProcess(\n tasks: ExtendedTask[],\n colorsMap: Record<string, string>,\n) {\n const coloredTask = tasks.map((task) => {\n task.start = dayjs(task.start).toDate()\n task.end = dayjs(task.end).toDate()\n\n if (task.barVariant && colorsMap[task.barVariant]) {\n const inputColor = colorsMap[task.barVariant]\n let color = ''\n\n if (isHexOrRgb(inputColor) === 'invalid') {\n return task\n }\n\n if (isHexOrRgb(inputColor) === 'hex') {\n color = hexToRgb(inputColor) as string\n }\n\n if (task.type === 'task') {\n task.styles = {\n progressColor: color,\n backgroundColor: applyOpacityToRgb(color, 0.5) as string,\n progressSelectedColor: color,\n backgroundSelectedColor: applyOpacityToRgb(\n color,\n 0.5,\n ) as string,\n }\n }\n\n if (task.type === 'milestone') {\n task.styles = {\n backgroundColor: color,\n backgroundSelectedColor: color,\n }\n }\n\n if (task.type === 'project') {\n task.styles = {\n progressColor: applyOpacityToRgb(\n 'rgb(255,255,255)',\n 0.3,\n ) as string,\n backgroundColor: color,\n progressSelectedColor: applyOpacityToRgb(\n 'rgb(255,255,255)',\n 0.3,\n ) as string,\n backgroundSelectedColor: color,\n }\n }\n }\n\n return task\n })\n\n return coloredTask\n}\n"],"names":["hexToRgb","hex","bigint","r","g","b","isHexOrRgb","color","hexRegex","rgbRegex","applyOpacityToRgb","opacity","match","tasksPreProcess","tasks","colorsMap","task","dayjs","inputColor"],"mappings":";AAGA,SAASA,EAASC,GAA4B;AAC1C,EAAAA,IAAMA,EAAI,QAAQ,MAAM,EAAE;AAE1B,MAAIC;AACJ,MAAID,EAAI,WAAW;AACf,IAAAC,IAAS;AAAA,MACLD,EAAI,OAAO,CAAC,IACRA,EAAI,OAAO,CAAC,IACZA,EAAI,OAAO,CAAC,IACZA,EAAI,OAAO,CAAC,IACZA,EAAI,OAAO,CAAC,IACZA,EAAI,OAAO,CAAC;AAAA,MAChB;AAAA,IAAA;AAAA,WAEGA,EAAI,WAAW;AACtB,IAAAC,IAAS,SAASD,GAAK,EAAE;AAAA;AAEzB,WAAO;AAGX,QAAME,IAAKD,KAAU,KAAM,KACrBE,IAAKF,KAAU,IAAK,KACpBG,IAAIH,IAAS;AAEnB,SAAO,OAAOC,CAAC,KAAKC,CAAC,KAAKC,CAAC;AAC/B;AAEA,SAASC,EAAWC,GAA0C;AAC1D,QAAMC,IAAW,uCACXC,IAAW;AAEjB,SAAID,EAAS,KAAKD,CAAK,IACZ,QACAE,EAAS,KAAKF,CAAK,IACnB,QAEA;AAEf;AAEA,SAASG,EAAkBH,GAAeI,GAAgC;AACtE,QAAMF,IAAW,gDACXG,IAAQL,EAAM,MAAME,CAAQ;AAElC,MAAIG,GAAO;AACP,UAAMT,IAAI,SAASS,EAAM,CAAC,GAAG,EAAE,GACzBR,IAAI,SAASQ,EAAM,CAAC,GAAG,EAAE,GACzBP,IAAI,SAASO,EAAM,CAAC,GAAG,EAAE;AAE/B,WAAID,IAAU,KAAKA,IAAU,IAClB,OAGJ,QAAQR,CAAC,KAAKC,CAAC,KAAKC,CAAC,KAAKM,CAAO;AAAA,EAC5C;AACI,WAAO;AAEf;AAEA,SAAwBE,EACpBC,GACAC,GACF;AAuDE,SAtDoBD,EAAM,IAAI,CAACE,MAAS;AAIpC,QAHAA,EAAK,QAAQC,EAAMD,EAAK,KAAK,EAAE,OAAA,GAC/BA,EAAK,MAAMC,EAAMD,EAAK,GAAG,EAAE,OAAA,GAEvBA,EAAK,cAAcD,EAAUC,EAAK,UAAU,GAAG;AAC/C,YAAME,IAAaH,EAAUC,EAAK,UAAU;AAC5C,UAAIT,IAAQ;AAEZ,UAAID,EAAWY,CAAU,MAAM;AAC3B,eAAOF;AAGX,MAAIV,EAAWY,CAAU,MAAM,UAC3BX,IAAQP,EAASkB,CAAU,IAG3BF,EAAK,SAAS,WACdA,EAAK,SAAS;AAAA,QACV,eAAeT;AAAA,QACf,iBAAiBG,EAAkBH,GAAO,GAAG;AAAA,QAC7C,uBAAuBA;AAAA,QACvB,yBAAyBG;AAAA,UACrBH;AAAA,UACA;AAAA,QAAA;AAAA,MACJ,IAIJS,EAAK,SAAS,gBACdA,EAAK,SAAS;AAAA,QACV,iBAAiBT;AAAA,QACjB,yBAAyBA;AAAA,MAAA,IAI7BS,EAAK,SAAS,cACdA,EAAK,SAAS;AAAA,QACV,eAAeN;AAAA,UACX;AAAA,UACA;AAAA,QAAA;AAAA,QAEJ,iBAAiBH;AAAA,QACjB,uBAAuBG;AAAA,UACnB;AAAA,UACA;AAAA,QAAA;AAAA,QAEJ,yBAAyBH;AAAA,MAAA;AAAA,IAGrC;AAEA,WAAOS;AAAA,EACX,CAAC;AAGL;"}

package/dist/@ecme/components/shared/GrowShrinkValue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GrowShrinkValue.js","sources":["../../../../lib/@ecme/components/shared/GrowShrinkValue.tsx"],"sourcesContent":["import classNames from '@/utils/classNames'\r\nimport { HiArrowUp, HiArrowDown } from 'react-icons/hi'\r\nimport type { ReactNode, Ref } from 'react'\r\n\r\ntype GrowShrinkTagProps = {\r\n value?: number\r\n showIcon?: boolean\r\n prefix?: ReactNode \| string\r\n suffix?: ReactNode \| string\r\n positiveIcon?: ReactNode \| string\r\n negativeIcon?: ReactNode \| string\r\n positiveClass?: string\r\n negativeClass?: string\r\n className?: string\r\n ref?: Ref<HTMLDivElement>\r\n}\r\n\r\nconst GrowShrinkValue = (props: GrowShrinkTagProps) => {\r\n const {\r\n value = 0,\r\n className,\r\n prefix,\r\n suffix,\r\n positiveIcon,\r\n negativeIcon,\r\n showIcon = true,\r\n positiveClass,\r\n negativeClass,\r\n ref,\r\n } = props\r\n\r\n return (\r\n <span\r\n ref={ref}\r\n className={classNames(\r\n 'flex items-center',\r\n value > 0\r\n ? classNames('text-success', positiveClass)\r\n : classNames('text-error', negativeClass),\r\n className,\r\n )}\r\n >\r\n {value !== 0 && (\r\n <span>\r\n {showIcon &&\r\n (value > 0 ? (\r\n typeof positiveIcon !== 'undefined' ? (\r\n positiveIcon\r\n ) : (\r\n <HiArrowUp />\r\n )\r\n ) : typeof negativeIcon !== 'undefined' ? (\r\n negativeIcon\r\n ) : (\r\n <HiArrowDown />\r\n ))}\r\n </span>\r\n )}\r\n <span>\r\n {prefix}\r\n {value}\r\n {suffix}\r\n </span>\r\n </span>\r\n )\r\n}\r\n\r\nexport default GrowShrinkValue\r\n"],"names":["GrowShrinkValue","props","value","className","prefix","suffix","positiveIcon","negativeIcon","showIcon","positiveClass","negativeClass","ref","jsxs","classNames","jsx","HiArrowUp","HiArrowDown"],"mappings":";;;AAiBA,MAAMA,IAAkB,CAACC,MAA8B;AACnD,QAAM;AAAA,IACF,OAAAC,IAAQ;AAAA,IACR,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,KAAAC;AAAA,EAAA,IACAV;AAEJ,SACI,gBAAAW;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAD;AAAA,MACA,WAAWE;AAAA,QACP;AAAA,QACAX,IAAQ,IACFW,EAAW,gBAAgBJ,CAAa,IACxCI,EAAW,cAAcH,CAAa;AAAA,QAC5CP;AAAA,MAAA;AAAA,MAGH,UAAA;AAAA,QAAAD,MAAU,KACP,gBAAAY,EAAC,QAAA,EACI,gBACIZ,IAAQ,IACL,OAAOI,IAAiB,MACpBA,IAEA,gBAAAQ,EAACC,GAAA,CAAA,CAAU,IAEf,OAAOR,IAAiB,MACxBA,IAEA,gBAAAO,EAACE,KAAY,GAAA,CAEzB;AAAA,0BAEH,QAAA,EACI,UAAA;AAAA,UAAAZ;AAAA,UACAF;AAAA,UACAG;AAAA,QAAA,EAAA,CACL;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGZ;"}
1	+ {"version":3,"file":"GrowShrinkValue.js","sources":["../../../../lib/@ecme/components/shared/GrowShrinkValue.tsx"],"sourcesContent":["import classNames from '@/utils/classNames'\nimport { HiArrowUp, HiArrowDown } from 'react-icons/hi'\nimport type { ReactNode, Ref } from 'react'\n\ntype GrowShrinkTagProps = {\n value?: number\n showIcon?: boolean\n prefix?: ReactNode \| string\n suffix?: ReactNode \| string\n positiveIcon?: ReactNode \| string\n negativeIcon?: ReactNode \| string\n positiveClass?: string\n negativeClass?: string\n className?: string\n ref?: Ref<HTMLDivElement>\n}\n\nconst GrowShrinkValue = (props: GrowShrinkTagProps) => {\n const {\n value = 0,\n className,\n prefix,\n suffix,\n positiveIcon,\n negativeIcon,\n showIcon = true,\n positiveClass,\n negativeClass,\n ref,\n } = props\n\n return (\n <span\n ref={ref}\n className={classNames(\n 'flex items-center',\n value > 0\n ? classNames('text-success', positiveClass)\n : classNames('text-error', negativeClass),\n className,\n )}\n >\n {value !== 0 && (\n <span>\n {showIcon &&\n (value > 0 ? (\n typeof positiveIcon !== 'undefined' ? (\n positiveIcon\n ) : (\n <HiArrowUp />\n )\n ) : typeof negativeIcon !== 'undefined' ? (\n negativeIcon\n ) : (\n <HiArrowDown />\n ))}\n </span>\n )}\n <span>\n {prefix}\n {value}\n {suffix}\n </span>\n </span>\n )\n}\n\nexport default GrowShrinkValue\n"],"names":["GrowShrinkValue","props","value","className","prefix","suffix","positiveIcon","negativeIcon","showIcon","positiveClass","negativeClass","ref","jsxs","classNames","jsx","HiArrowUp","HiArrowDown"],"mappings":";;;AAiBA,MAAMA,IAAkB,CAACC,MAA8B;AACnD,QAAM;AAAA,IACF,OAAAC,IAAQ;AAAA,IACR,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,KAAAC;AAAA,EAAA,IACAV;AAEJ,SACI,gBAAAW;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAD;AAAA,MACA,WAAWE;AAAA,QACP;AAAA,QACAX,IAAQ,IACFW,EAAW,gBAAgBJ,CAAa,IACxCI,EAAW,cAAcH,CAAa;AAAA,QAC5CP;AAAA,MAAA;AAAA,MAGH,UAAA;AAAA,QAAAD,MAAU,KACP,gBAAAY,EAAC,QAAA,EACI,gBACIZ,IAAQ,IACL,OAAOI,IAAiB,MACpBA,IAEA,gBAAAQ,EAACC,GAAA,CAAA,CAAU,IAEf,OAAOR,IAAiB,MACxBA,IAEA,gBAAAO,EAACE,KAAY,GAAA,CAEzB;AAAA,0BAEH,QAAA,EACI,UAAA;AAAA,UAAAZ;AAAA,UACAF;AAAA,UACAG;AAAA,QAAA,EAAA,CACL;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

package/dist/@ecme/components/shared/IconText.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IconText.js","sources":["../../../../lib/@ecme/components/shared/IconText.tsx"],"sourcesContent":["import classNames from '@/utils/classNames'\r\nimport type { CommonProps } from '@/@types/common'\r\nimport type { ReactNode, ElementType } from 'react'\r\n\r\nexport interface IconTextProps extends CommonProps {\r\n icon?: ReactNode \| string\r\n asElement?: ElementType\r\n}\r\n\r\nconst IconText = ({\r\n className,\r\n asElement: Component = 'span',\r\n icon,\r\n children,\r\n}: IconTextProps) => {\r\n return (\r\n <Component className={classNames('flex items-center gap-2', className)}>\r\n {icon}\r\n {children}\r\n </Component>\r\n )\r\n}\r\n\r\nexport default IconText\r\n"],"names":["IconText","className","Component","icon","children","classNames"],"mappings":";;AASA,MAAMA,IAAW,CAAC;AAAA,EACd,WAAAC;AAAA,EACA,WAAWC,IAAY;AAAA,EACvB,MAAAC;AAAA,EACA,UAAAC;AACJ,wBAESF,GAAA,EAAU,WAAWG,EAAW,2BAA2BJ,CAAS,GAChE,UAAA;AAAA,EAAAE;AAAA,EACAC;AAAA,GACL;"}
1	+ {"version":3,"file":"IconText.js","sources":["../../../../lib/@ecme/components/shared/IconText.tsx"],"sourcesContent":["import classNames from '@/utils/classNames'\nimport type { CommonProps } from '@/@types/common'\nimport type { ReactNode, ElementType } from 'react'\n\nexport interface IconTextProps extends CommonProps {\n icon?: ReactNode \| string\n asElement?: ElementType\n}\n\nconst IconText = ({\n className,\n asElement: Component = 'span',\n icon,\n children,\n}: IconTextProps) => {\n return (\n <Component className={classNames('flex items-center gap-2', className)}>\n {icon}\n {children}\n </Component>\n )\n}\n\nexport default IconText\n"],"names":["IconText","className","Component","icon","children","classNames"],"mappings":";;AASA,MAAMA,IAAW,CAAC;AAAA,EACd,WAAAC;AAAA,EACA,WAAWC,IAAY;AAAA,EACvB,MAAAC;AAAA,EACA,UAAAC;AACJ,wBAESF,GAAA,EAAU,WAAWG,EAAW,2BAA2BJ,CAAS,GAChE,UAAA;AAAA,EAAAE;AAAA,EACAC;AAAA,GACL;"}

package/dist/@ecme/components/shared/ImageGallery.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ImageGallery.js","sources":["../../../../lib/@ecme/components/shared/ImageGallery.tsx"],"sourcesContent":["import Lightbox, { LightboxProps } from 'yet-another-react-lightbox'\r\nimport 'yet-another-react-lightbox/styles.css'\r\nimport type { ReactNode } from 'react'\r\n\r\nexport type ImageGalleryProps = Partial<LightboxProps> & {\r\n children?: ReactNode\r\n index?: number\r\n onClose?: () => void\r\n}\r\n\r\nconst ImageGallery = ({\r\n children,\r\n index = -1,\r\n slides,\r\n onClose,\r\n ...rest\r\n}: ImageGalleryProps) => {\r\n return (\r\n <>\r\n {children}\r\n <Lightbox\r\n index={index}\r\n slides={slides}\r\n {...rest}\r\n open={index >= 0}\r\n close={() => onClose?.()}\r\n />\r\n </>\r\n )\r\n}\r\n\r\nexport default ImageGallery\r\n"],"names":["ImageGallery","children","index","slides","onClose","rest","jsxs","Fragment","jsx","Lightbox"],"mappings":";;;AAUA,MAAMA,IAAe,CAAC;AAAA,EAClB,UAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACP,MAEQ,gBAAAC,EAAAC,GAAA,EACK,UAAA;AAAA,EAAAN;AAAA,EACD,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAAP;AAAA,MACA,QAAAC;AAAA,MACC,GAAGE;AAAA,MACJ,MAAMH,KAAS;AAAA,MACf,OAAO,MAAME,KAAA,gBAAAA;AAAA,IAAU;AAAA,EAAA;AAC3B,GACJ;"}
1	+ {"version":3,"file":"ImageGallery.js","sources":["../../../../lib/@ecme/components/shared/ImageGallery.tsx"],"sourcesContent":["import Lightbox, { LightboxProps } from 'yet-another-react-lightbox'\nimport 'yet-another-react-lightbox/styles.css'\nimport type { ReactNode } from 'react'\n\nexport type ImageGalleryProps = Partial<LightboxProps> & {\n children?: ReactNode\n index?: number\n onClose?: () => void\n}\n\nconst ImageGallery = ({\n children,\n index = -1,\n slides,\n onClose,\n ...rest\n}: ImageGalleryProps) => {\n return (\n <>\n {children}\n <Lightbox\n index={index}\n slides={slides}\n {...rest}\n open={index >= 0}\n close={() => onClose?.()}\n />\n </>\n )\n}\n\nexport default ImageGallery\n"],"names":["ImageGallery","children","index","slides","onClose","rest","jsxs","Fragment","jsx","Lightbox"],"mappings":";;;AAUA,MAAMA,IAAe,CAAC;AAAA,EAClB,UAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACP,MAEQ,gBAAAC,EAAAC,GAAA,EACK,UAAA;AAAA,EAAAN;AAAA,EACD,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAAP;AAAA,MACA,QAAAC;AAAA,MACC,GAAGE;AAAA,MACJ,MAAMH,KAAS;AAAA,MACf,OAAO,MAAME,KAAA,gBAAAA;AAAA,IAAU;AAAA,EAAA;AAC3B,GACJ;"}

package/dist/@ecme/components/shared/Loading.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Loading.js","sources":["../../../../lib/@ecme/components/shared/Loading.tsx"],"sourcesContent":["import Spinner from '@/components/ui/Spinner'\r\nimport classNames from 'classnames'\r\nimport type { CommonProps } from '@/@types/common'\r\nimport type { ElementType, ReactNode } from 'react'\r\n\r\ninterface BaseLoadingProps extends CommonProps {\r\n asElement?: ElementType\r\n customLoader?: ReactNode\r\n loading: boolean\r\n spinnerClass?: string\r\n}\r\n\r\ninterface LoadingProps extends BaseLoadingProps {\r\n type?: 'default' \| 'cover'\r\n}\r\n\r\nconst DefaultLoading = (props: BaseLoadingProps) => {\r\n const {\r\n loading,\r\n children,\r\n spinnerClass,\r\n className,\r\n asElement: Component = 'div',\r\n customLoader,\r\n } = props\r\n\r\n return loading ? (\r\n <Component\r\n className={classNames(\r\n !customLoader && 'flex items-center justify-center h-full',\r\n className,\r\n )}\r\n >\r\n {customLoader ? (\r\n <>{customLoader}</>\r\n ) : (\r\n <Spinner className={spinnerClass} size={40} />\r\n )}\r\n </Component>\r\n ) : (\r\n <>{children}</>\r\n )\r\n}\r\n\r\nconst CoveredLoading = (props: BaseLoadingProps) => {\r\n const {\r\n loading,\r\n children,\r\n spinnerClass,\r\n className,\r\n asElement: Component = 'div',\r\n customLoader,\r\n } = props\r\n\r\n return (\r\n <Component className={classNames(loading ? 'relative' : '', className)}>\r\n {children}\r\n {loading && (\r\n <div className=\"w-full h-full bg-white dark:bg-gray-800 dark:bg-opacity-60 bg-opacity-50 absolute inset-0\" />\r\n )}\r\n {loading && (\r\n <div className=\"absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 z-10\">\r\n {customLoader ? (\r\n <>{customLoader}</>\r\n ) : (\r\n <Spinner className={spinnerClass} size={40} />\r\n )}\r\n </div>\r\n )}\r\n </Component>\r\n )\r\n}\r\n\r\nconst Loading = ({\r\n type = 'default',\r\n loading = false,\r\n asElement = 'div',\r\n ...rest\r\n}: LoadingProps) => {\r\n switch (type) {\r\n case 'default':\r\n return (\r\n <DefaultLoading\r\n loading={loading}\r\n asElement={asElement}\r\n {...rest}\r\n />\r\n )\r\n case 'cover':\r\n return (\r\n <CoveredLoading\r\n loading={loading}\r\n asElement={asElement}\r\n {...rest}\r\n />\r\n )\r\n default:\r\n return (\r\n <DefaultLoading\r\n loading={loading}\r\n asElement={asElement}\r\n {...rest}\r\n />\r\n )\r\n }\r\n}\r\n\r\nexport default Loading\r\n"],"names":["DefaultLoading","props","loading","children","spinnerClass","className","Component","customLoader","jsx","classNames","Spinner","CoveredLoading","jsxs","Fragment","Loading","type","asElement","rest"],"mappings":";;;;AAgBA,MAAMA,IAAiB,CAACC,MAA4B;AAChD,QAAM;AAAA,IACF,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAWC,IAAY;AAAA,IACvB,cAAAC;AAAA,EAAA,IACAN;AAEJ,SAAOC,IACH,gBAAAM;AAAA,IAACF;AAAA,IAAA;AAAA,MACG,WAAWG;AAAA,QACP,CAACF,KAAgB;AAAA,QACjBF;AAAA,MAAA;AAAA,MAGH,UAAAE,2BACM,UAAAA,EAAA,CAAa,sBAEfG,GAAA,EAAQ,WAAWN,GAAc,MAAM,GAAA,CAAI;AAAA,IAAA;AAAA,EAAA,2BAIjD,UAAAD,GAAS;AAEpB,GAEMQ,IAAiB,CAACV,MAA4B;AAChD,QAAM;AAAA,IACF,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAWC,IAAY;AAAA,IACvB,cAAAC;AAAA,EAAA,IACAN;AAEJ,SACI,gBAAAW,EAACN,KAAU,WAAWG,EAAWP,IAAU,aAAa,IAAIG,CAAS,GAChE,UAAA;AAAA,IAAAF;AAAA,IACAD,KACG,gBAAAM,EAAC,OAAA,EAAI,WAAU,4FAAA,CAA4F;AAAA,IAE9GN,KACG,gBAAAM,EAAC,OAAA,EAAI,WAAU,8EACV,UAAAD,IACG,gBAAAC,EAAAK,GAAA,EAAG,UAAAN,EAAA,CAAa,sBAEfG,GAAA,EAAQ,WAAWN,GAAc,MAAM,IAAI,EAAA,CAEpD;AAAA,EAAA,GAER;AAER,GAEMU,IAAU,CAAC;AAAA,EACb,MAAAC,IAAO;AAAA,EACP,SAAAb,IAAU;AAAA,EACV,WAAAc,IAAY;AAAA,EACZ,GAAGC;AACP,MAAoB;AAChB,UAAQF,GAAA;AAAA,IACJ,KAAK;AACD,aACI,gBAAAP;AAAA,QAACR;AAAA,QAAA;AAAA,UACG,SAAAE;AAAA,UACA,WAAAc;AAAA,UACC,GAAGC;AAAA,QAAA;AAAA,MAAA;AAAA,IAGhB,KAAK;AACD,aACI,gBAAAT;AAAA,QAACG;AAAA,QAAA;AAAA,UACG,SAAAT;AAAA,UACA,WAAAc;AAAA,UACC,GAAGC;AAAA,QAAA;AAAA,MAAA;AAAA,IAGhB;AACI,aACI,gBAAAT;AAAA,QAACR;AAAA,QAAA;AAAA,UACG,SAAAE;AAAA,UACA,WAAAc;AAAA,UACC,GAAGC;AAAA,QAAA;AAAA,MAAA;AAAA,EACR;AAGhB;"}
1	+ {"version":3,"file":"Loading.js","sources":["../../../../lib/@ecme/components/shared/Loading.tsx"],"sourcesContent":["import Spinner from '@/components/ui/Spinner'\nimport classNames from 'classnames'\nimport type { CommonProps } from '@/@types/common'\nimport type { ElementType, ReactNode } from 'react'\n\ninterface BaseLoadingProps extends CommonProps {\n asElement?: ElementType\n customLoader?: ReactNode\n loading: boolean\n spinnerClass?: string\n}\n\ninterface LoadingProps extends BaseLoadingProps {\n type?: 'default' \| 'cover'\n}\n\nconst DefaultLoading = (props: BaseLoadingProps) => {\n const {\n loading,\n children,\n spinnerClass,\n className,\n asElement: Component = 'div',\n customLoader,\n } = props\n\n return loading ? (\n <Component\n className={classNames(\n !customLoader && 'flex items-center justify-center h-full',\n className,\n )}\n >\n {customLoader ? (\n <>{customLoader}</>\n ) : (\n <Spinner className={spinnerClass} size={40} />\n )}\n </Component>\n ) : (\n <>{children}</>\n )\n}\n\nconst CoveredLoading = (props: BaseLoadingProps) => {\n const {\n loading,\n children,\n spinnerClass,\n className,\n asElement: Component = 'div',\n customLoader,\n } = props\n\n return (\n <Component className={classNames(loading ? 'relative' : '', className)}>\n {children}\n {loading && (\n <div className=\"w-full h-full bg-white dark:bg-gray-800 dark:bg-opacity-60 bg-opacity-50 absolute inset-0\" />\n )}\n {loading && (\n <div className=\"absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 z-10\">\n {customLoader ? (\n <>{customLoader}</>\n ) : (\n <Spinner className={spinnerClass} size={40} />\n )}\n </div>\n )}\n </Component>\n )\n}\n\nconst Loading = ({\n type = 'default',\n loading = false,\n asElement = 'div',\n ...rest\n}: LoadingProps) => {\n switch (type) {\n case 'default':\n return (\n <DefaultLoading\n loading={loading}\n asElement={asElement}\n {...rest}\n />\n )\n case 'cover':\n return (\n <CoveredLoading\n loading={loading}\n asElement={asElement}\n {...rest}\n />\n )\n default:\n return (\n <DefaultLoading\n loading={loading}\n asElement={asElement}\n {...rest}\n />\n )\n }\n}\n\nexport default Loading\n"],"names":["DefaultLoading","props","loading","children","spinnerClass","className","Component","customLoader","jsx","classNames","Spinner","CoveredLoading","jsxs","Fragment","Loading","type","asElement","rest"],"mappings":";;;;AAgBA,MAAMA,IAAiB,CAACC,MAA4B;AAChD,QAAM;AAAA,IACF,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAWC,IAAY;AAAA,IACvB,cAAAC;AAAA,EAAA,IACAN;AAEJ,SAAOC,IACH,gBAAAM;AAAA,IAACF;AAAA,IAAA;AAAA,MACG,WAAWG;AAAA,QACP,CAACF,KAAgB;AAAA,QACjBF;AAAA,MAAA;AAAA,MAGH,UAAAE,2BACM,UAAAA,EAAA,CAAa,sBAEfG,GAAA,EAAQ,WAAWN,GAAc,MAAM,GAAA,CAAI;AAAA,IAAA;AAAA,EAAA,2BAIjD,UAAAD,GAAS;AAEpB,GAEMQ,IAAiB,CAACV,MAA4B;AAChD,QAAM;AAAA,IACF,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAWC,IAAY;AAAA,IACvB,cAAAC;AAAA,EAAA,IACAN;AAEJ,SACI,gBAAAW,EAACN,KAAU,WAAWG,EAAWP,IAAU,aAAa,IAAIG,CAAS,GAChE,UAAA;AAAA,IAAAF;AAAA,IACAD,KACG,gBAAAM,EAAC,OAAA,EAAI,WAAU,4FAAA,CAA4F;AAAA,IAE9GN,KACG,gBAAAM,EAAC,OAAA,EAAI,WAAU,8EACV,UAAAD,IACG,gBAAAC,EAAAK,GAAA,EAAG,UAAAN,EAAA,CAAa,sBAEfG,GAAA,EAAQ,WAAWN,GAAc,MAAM,IAAI,EAAA,CAEpD;AAAA,EAAA,GAER;AAER,GAEMU,IAAU,CAAC;AAAA,EACb,MAAAC,IAAO;AAAA,EACP,SAAAb,IAAU;AAAA,EACV,WAAAc,IAAY;AAAA,EACZ,GAAGC;AACP,MAAoB;AAChB,UAAQF,GAAA;AAAA,IACJ,KAAK;AACD,aACI,gBAAAP;AAAA,QAACR;AAAA,QAAA;AAAA,UACG,SAAAE;AAAA,UACA,WAAAc;AAAA,UACC,GAAGC;AAAA,QAAA;AAAA,MAAA;AAAA,IAGhB,KAAK;AACD,aACI,gBAAAT;AAAA,QAACG;AAAA,QAAA;AAAA,UACG,SAAAT;AAAA,UACA,WAAAc;AAAA,UACC,GAAGC;AAAA,QAAA;AAAA,MAAA;AAAA,IAGhB;AACI,aACI,gBAAAT;AAAA,QAACR;AAAA,QAAA;AAAA,UACG,SAAAE;AAAA,UACA,WAAAc;AAAA,UACC,GAAGC;AAAA,QAAA;AAAA,MAAA;AAAA,EACR;AAGhB;"}

package/dist/@ecme/components/shared/Masonry/Masonry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Masonry.js","sources":["../../../../../lib/@ecme/components/shared/Masonry/Masonry.tsx"],"sourcesContent":["import { ElementType, useId } from 'react'\r\nimport { MasonryProps } from './types'\r\nimport useMasonry from './useMasonry'\r\nimport { MasonryItemContext } from './context'\r\nimport type { Ref } from 'react'\r\n\r\nconst MasonryBase = <T extends ElementType = 'div'>(\r\n props: MasonryProps<T> & {\r\n ref?: Ref<T>\r\n },\r\n) => {\r\n const {\r\n gap,\r\n asElement: Component = 'div',\r\n columnProps,\r\n columns,\r\n ref: forwaredRef,\r\n ...rest\r\n } = props\r\n\r\n const uniq = useId()\r\n const columnsChildren = useMasonry(props.children, columns)\r\n\r\n return (\r\n <Component\r\n data-masonry-id={`Masonry-${uniq}`}\r\n {...rest}\r\n ref={forwaredRef}\r\n style={{ display: 'flex', gap, ...rest.style }}\r\n >\r\n {columnsChildren.map((column, index) => {\r\n return (\r\n <Component\r\n key={`Masonry__Column_${uniq}_${index}`}\r\n data-masonry-column={index + 1}\r\n {...columnProps}\r\n style={{\r\n display: 'flex',\r\n flex: 1,\r\n flexDirection: 'column',\r\n gap,\r\n ...columnProps?.style,\r\n }}\r\n >\r\n {column.map((child, childIndex) => {\r\n return (\r\n <MasonryItemContext.Provider\r\n key={`Masonry__Column_Child_${uniq}_${childIndex}`}\r\n value={{\r\n column: index,\r\n position: childIndex,\r\n }}\r\n >\r\n {child}\r\n </MasonryItemContext.Provider>\r\n )\r\n })}\r\n </Component>\r\n )\r\n })}\r\n </Component>\r\n )\r\n}\r\n\r\nexport const Masonry = MasonryBase\r\n"],"names":["MasonryBase","props","gap","Component","columnProps","columns","forwaredRef","rest","uniq","useId","columnsChildren","useMasonry","jsx","column","index","child","childIndex","MasonryItemContext","Masonry"],"mappings":";;;;AAMA,MAAMA,IAAc,CAChBC,MAGC;AACD,QAAM;AAAA,IACF,KAAAC;AAAA,IACA,WAAWC,IAAY;AAAA,IACvB,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,KAAKC;AAAA,IACL,GAAGC;AAAA,EAAA,IACHN,GAEEO,IAAOC,EAAA,GACPC,IAAkBC,EAAWV,EAAM,UAAUI,CAAO;AAE1D,SACI,gBAAAO;AAAA,IAACT;AAAA,IAAA;AAAA,MACG,mBAAiB,WAAWK,CAAI;AAAA,MAC/B,GAAGD;AAAA,MACJ,KAAKD;AAAA,MACL,OAAO,EAAE,SAAS,QAAQ,KAAAJ,GAAK,GAAGK,EAAK,MAAA;AAAA,MAEtC,UAAAG,EAAgB,IAAI,CAACG,GAAQC,MAEtB,gBAAAF;AAAA,QAACT;AAAA,QAAA;AAAA,UAEG,uBAAqBW,IAAQ;AAAA,UAC5B,GAAGV;AAAA,UACJ,OAAO;AAAA,YACH,SAAS;AAAA,YACT,MAAM;AAAA,YACN,eAAe;AAAA,YACf,KAAAF;AAAA,YACA,GAAGE,KAAA,gBAAAA,EAAa;AAAA,UAAA;AAAA,UAGnB,UAAAS,EAAO,IAAI,CAACE,GAAOC,MAEZ,gBAAAJ;AAAA,YAACK,EAAmB;AAAA,YAAnB;AAAA,cAEG,OAAO;AAAA,gBACH,QAAQH;AAAA,gBACR,UAAUE;AAAA,cAAA;AAAA,cAGb,UAAAD;AAAA,YAAA;AAAA,YANI,yBAAyBP,CAAI,IAAIQ,CAAU;AAAA,UAAA,CAS3D;AAAA,QAAA;AAAA,QAvBI,mBAAmBR,CAAI,IAAIM,CAAK;AAAA,MAAA,CA0BhD;AAAA,IAAA;AAAA,EAAA;AAGb,GAEaI,IAAUlB;"}
1	+ {"version":3,"file":"Masonry.js","sources":["../../../../../lib/@ecme/components/shared/Masonry/Masonry.tsx"],"sourcesContent":["import { ElementType, useId } from 'react'\nimport { MasonryProps } from './types'\nimport useMasonry from './useMasonry'\nimport { MasonryItemContext } from './context'\nimport type { Ref } from 'react'\n\nconst MasonryBase = <T extends ElementType = 'div'>(\n props: MasonryProps<T> & {\n ref?: Ref<T>\n },\n) => {\n const {\n gap,\n asElement: Component = 'div',\n columnProps,\n columns,\n ref: forwaredRef,\n ...rest\n } = props\n\n const uniq = useId()\n const columnsChildren = useMasonry(props.children, columns)\n\n return (\n <Component\n data-masonry-id={`Masonry-${uniq}`}\n {...rest}\n ref={forwaredRef}\n style={{ display: 'flex', gap, ...rest.style }}\n >\n {columnsChildren.map((column, index) => {\n return (\n <Component\n key={`Masonry__Column_${uniq}_${index}`}\n data-masonry-column={index + 1}\n {...columnProps}\n style={{\n display: 'flex',\n flex: 1,\n flexDirection: 'column',\n gap,\n ...columnProps?.style,\n }}\n >\n {column.map((child, childIndex) => {\n return (\n <MasonryItemContext.Provider\n key={`Masonry__Column_Child_${uniq}_${childIndex}`}\n value={{\n column: index,\n position: childIndex,\n }}\n >\n {child}\n </MasonryItemContext.Provider>\n )\n })}\n </Component>\n )\n })}\n </Component>\n )\n}\n\nexport const Masonry = MasonryBase\n"],"names":["MasonryBase","props","gap","Component","columnProps","columns","forwaredRef","rest","uniq","useId","columnsChildren","useMasonry","jsx","column","index","child","childIndex","MasonryItemContext","Masonry"],"mappings":";;;;AAMA,MAAMA,IAAc,CAChBC,MAGC;AACD,QAAM;AAAA,IACF,KAAAC;AAAA,IACA,WAAWC,IAAY;AAAA,IACvB,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,KAAKC;AAAA,IACL,GAAGC;AAAA,EAAA,IACHN,GAEEO,IAAOC,EAAA,GACPC,IAAkBC,EAAWV,EAAM,UAAUI,CAAO;AAE1D,SACI,gBAAAO;AAAA,IAACT;AAAA,IAAA;AAAA,MACG,mBAAiB,WAAWK,CAAI;AAAA,MAC/B,GAAGD;AAAA,MACJ,KAAKD;AAAA,MACL,OAAO,EAAE,SAAS,QAAQ,KAAAJ,GAAK,GAAGK,EAAK,MAAA;AAAA,MAEtC,UAAAG,EAAgB,IAAI,CAACG,GAAQC,MAEtB,gBAAAF;AAAA,QAACT;AAAA,QAAA;AAAA,UAEG,uBAAqBW,IAAQ;AAAA,UAC5B,GAAGV;AAAA,UACJ,OAAO;AAAA,YACH,SAAS;AAAA,YACT,MAAM;AAAA,YACN,eAAe;AAAA,YACf,KAAAF;AAAA,YACA,GAAGE,KAAA,gBAAAA,EAAa;AAAA,UAAA;AAAA,UAGnB,UAAAS,EAAO,IAAI,CAACE,GAAOC,MAEZ,gBAAAJ;AAAA,YAACK,EAAmB;AAAA,YAAnB;AAAA,cAEG,OAAO;AAAA,gBACH,QAAQH;AAAA,gBACR,UAAUE;AAAA,cAAA;AAAA,cAGb,UAAAD;AAAA,YAAA;AAAA,YANI,yBAAyBP,CAAI,IAAIQ,CAAU;AAAA,UAAA,CAS3D;AAAA,QAAA;AAAA,QAvBI,mBAAmBR,CAAI,IAAIM,CAAK;AAAA,MAAA,CA0BhD;AAAA,IAAA;AAAA,EAAA;AAGb,GAEaI,IAAUlB;"}

package/dist/@ecme/components/shared/Masonry/breakpoints.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"breakpoints.js","sources":["../../../../../lib/@ecme/components/shared/Masonry/breakpoints.ts"],"sourcesContent":["import { BreakPointSpec, BreakPoints, BreakPointsArray } from './types'\r\n\r\nconst defaultBreakpoints = [640, 786, 1024, 1280, 1536]\r\n\r\nconst arrayToBreakpoints = (breakPoints: BreakPointsArray): BreakPoints => {\r\n return breakPoints.reduce((obj, bpValue, bpIndex) => {\r\n if (typeof bpValue !== 'number') {\r\n return obj\r\n }\r\n\r\n return {\r\n ...obj,\r\n ...{ [defaultBreakpoints[bpIndex]]: bpValue },\r\n }\r\n }, {})\r\n}\r\n\r\nexport const normalizeBreakPoints = (\r\n breakPoints: BreakPointSpec,\r\n): BreakPoints => {\r\n if (!Array.isArray(breakPoints)) {\r\n return breakPoints\r\n }\r\n\r\n return arrayToBreakpoints(breakPoints)\r\n}\r\n\r\nconst findBreakpoint = (\r\n breakpoints: BreakPointSpec,\r\n windowWidth: number,\r\n): number => {\r\n const sortedBreakPoints = Object.keys(normalizeBreakPoints(breakpoints))\r\n .map(Number)\r\n .sort((a, b) => a - b)\r\n\r\n let bp: number \| null = null\r\n\r\n for (const breakPoint of sortedBreakPoints) {\r\n if (windowWidth > breakPoint) {\r\n bp = breakPoint\r\n }\r\n }\r\n\r\n return bp ?? sortedBreakPoints[0]\r\n}\r\n\r\nexport default findBreakpoint\r\n"],"names":["defaultBreakpoints","arrayToBreakpoints","breakPoints","obj","bpValue","bpIndex","normalizeBreakPoints","findBreakpoint","breakpoints","windowWidth","sortedBreakPoints","a","b","bp","breakPoint"],"mappings":"AAEA,MAAMA,IAAqB,CAAC,KAAK,KAAK,MAAM,MAAM,IAAI,GAEhDC,IAAqB,CAACC,MACjBA,EAAY,OAAO,CAACC,GAAKC,GAASC,MACjC,OAAOD,KAAY,WACZD,IAGJ;AAAA,EACH,GAAGA;AAAA,EACE,CAACH,EAAmBK,CAAO,CAAC,GAAGD;AAAQ,GAEjD,~~EAAE~~,GAGIE,IAAuB,CAChCJ,MAEK,MAAM,QAAQA,CAAW,IAIvBD,EAAmBC,CAAW,IAH1BA,GAMTK,IAAiB,CACnBC,GACAC,MACS;AACT,QAAMC,IAAoB,OAAO,KAAKJ,EAAqBE,CAAW,CAAC,EAClE,IAAI,MAAM,EACV,KAAK,CAACG,GAAGC,MAAMD,IAAIC,CAAC;AAEzB,MAAIC,IAAoB;AAExB,aAAWC,KAAcJ;AACrB,IAAID,IAAcK,MACdD,IAAKC;AAIb,SAAOD,KAAMH,EAAkB,CAAC;AACpC;"}
1	+ {"version":3,"file":"breakpoints.js","sources":["../../../../../lib/@ecme/components/shared/Masonry/breakpoints.ts"],"sourcesContent":["import { BreakPointSpec, BreakPoints, BreakPointsArray } from './types'\n\nconst defaultBreakpoints = [640, 786, 1024, 1280, 1536]\n\nconst arrayToBreakpoints = (breakPoints: BreakPointsArray): BreakPoints => {\n return breakPoints.reduce((obj, bpValue, bpIndex) => {\n if (typeof bpValue !== 'number') {\n return obj\n }\n\n return {\n ...obj,\n ...{ [defaultBreakpoints[bpIndex]]: bpValue },\n }\n }, {})\n}\n\nexport const normalizeBreakPoints = (\n breakPoints: BreakPointSpec,\n): BreakPoints => {\n if (!Array.isArray(breakPoints)) {\n return breakPoints\n }\n\n return arrayToBreakpoints(breakPoints)\n}\n\nconst findBreakpoint = (\n breakpoints: BreakPointSpec,\n windowWidth: number,\n): number => {\n const sortedBreakPoints = Object.keys(normalizeBreakPoints(breakpoints))\n .map(Number)\n .sort((a, b) => a - b)\n\n let bp: number \| null = null\n\n for (const breakPoint of sortedBreakPoints) {\n if (windowWidth > breakPoint) {\n bp = breakPoint\n }\n }\n\n return bp ?? sortedBreakPoints[0]\n}\n\nexport default findBreakpoint\n"],"names":["defaultBreakpoints","arrayToBreakpoints","breakPoints","obj","bpValue","bpIndex","normalizeBreakPoints","findBreakpoint","breakpoints","windowWidth","sortedBreakPoints","a","b","bp","breakPoint"],"mappings":"AAEA,MAAMA,IAAqB,CAAC,KAAK,KAAK,MAAM,MAAM,IAAI,GAEhDC,IAAqB,CAACC,MACjBA,EAAY,OAAO,CAACC,GAAKC,GAASC,MACjC,OAAOD,KAAY,WACZD,IAGJ;AAAA,EACH,GAAGA;AAAA,EACE,CAACH,EAAmBK,CAAO,CAAC,GAAGD;AAAQ,GAEjD,CAAA,CAAE,GAGIE,IAAuB,CAChCJ,MAEK,MAAM,QAAQA,CAAW,IAIvBD,EAAmBC,CAAW,IAH1BA,GAMTK,IAAiB,CACnBC,GACAC,MACS;AACT,QAAMC,IAAoB,OAAO,KAAKJ,EAAqBE,CAAW,CAAC,EAClE,IAAI,MAAM,EACV,KAAK,CAACG,GAAGC,MAAMD,IAAIC,CAAC;AAEzB,MAAIC,IAAoB;AAExB,aAAWC,KAAcJ;AACrB,IAAID,IAAcK,MACdD,IAAKC;AAIb,SAAOD,KAAMH,EAAkB,CAAC;AACpC;"}

package/dist/@ecme/components/shared/Masonry/context.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"context.js","sources":["../../../../../lib/@ecme/components/shared/Masonry/context.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\r\n\r\ninterface MasonryItemContextValues {\r\n column: number\r\n position: number\r\n}\r\n\r\nexport const MasonryItemContext = createContext<MasonryItemContextValues>({\r\n column: 0,\r\n position: 0,\r\n})\r\n\r\nexport const useMasonryItem = (): MasonryItemContextValues =>\r\n useContext(MasonryItemContext)\r\n"],"names":["MasonryItemContext","createContext","useMasonryItem","useContext"],"mappings":";AAOO,MAAMA,IAAqBC,EAAwC;AAAA,EACtE,QAAQ;AAAA,EACR,UAAU;AACd,CAAC,GAEYC,IAAiB,MAC1BC,EAAWH,CAAkB;"}
1	+ {"version":3,"file":"context.js","sources":["../../../../../lib/@ecme/components/shared/Masonry/context.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\n\ninterface MasonryItemContextValues {\n column: number\n position: number\n}\n\nexport const MasonryItemContext = createContext<MasonryItemContextValues>({\n column: 0,\n position: 0,\n})\n\nexport const useMasonryItem = (): MasonryItemContextValues =>\n useContext(MasonryItemContext)\n"],"names":["MasonryItemContext","createContext","useMasonryItem","useContext"],"mappings":";AAOO,MAAMA,IAAqBC,EAAwC;AAAA,EACtE,QAAQ;AAAA,EACR,UAAU;AACd,CAAC,GAEYC,IAAiB,MAC1BC,EAAWH,CAAkB;"}

package/dist/@ecme/components/shared/Masonry/useCoulmnsCount.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useCoulmnsCount.js","sources":["../../../../../lib/@ecme/components/shared/Masonry/useCoulmnsCount.ts"],"sourcesContent":["import { useMemo } from 'react'\r\n\r\nimport { Columns } from './types'\r\nimport useWindowWidth from './useWindowWidth'\r\nimport findBreakpoint from './breakpoints'\r\n\r\nconst DEFAULT_COLUMNS = 3\r\n\r\nconst useColumnsCount = (columns?: Columns): number => {\r\n const isResponsive = typeof columns === 'object'\r\n\r\n const windowWidth = useWindowWidth(isResponsive)\r\n\r\n const columnsCount = useMemo(() => {\r\n if (!isResponsive) {\r\n return columns ?? DEFAULT_COLUMNS\r\n }\r\n\r\n const breakPoint = findBreakpoint(columns, windowWidth)\r\n return columns[breakPoint] ?? DEFAULT_COLUMNS\r\n }, [isResponsive, windowWidth, columns])\r\n\r\n return columnsCount\r\n}\r\n\r\nexport default useColumnsCount\r\n"],"names":["DEFAULT_COLUMNS","useColumnsCount","columns","isResponsive","windowWidth","useWindowWidth","useMemo","breakPoint","findBreakpoint"],"mappings":";;;AAMA,MAAMA,IAAkB,GAElBC,IAAkB,CAACC,MAA8B;AACnD,QAAMC,IAAe,OAAOD,KAAY,UAElCE,IAAcC,EAAeF,CAAY;AAW/C,SATqBG,EAAQ,MAAM;AAC/B,QAAI,CAACH;AACD,aAAOD,KAAWF;AAGtB,UAAMO,IAAaC,EAAeN,GAASE,CAAW;AACtD,WAAOF,EAAQK,CAAU,KAAKP;AAAA,~~EAAA~~,~~GAC/B~~,CAACG,GAAcC,GAAaF,CAAO,CAAC;AAG3C;"}
1	+ {"version":3,"file":"useCoulmnsCount.js","sources":["../../../../../lib/@ecme/components/shared/Masonry/useCoulmnsCount.ts"],"sourcesContent":["import { useMemo } from 'react'\n\nimport { Columns } from './types'\nimport useWindowWidth from './useWindowWidth'\nimport findBreakpoint from './breakpoints'\n\nconst DEFAULT_COLUMNS = 3\n\nconst useColumnsCount = (columns?: Columns): number => {\n const isResponsive = typeof columns === 'object'\n\n const windowWidth = useWindowWidth(isResponsive)\n\n const columnsCount = useMemo(() => {\n if (!isResponsive) {\n return columns ?? DEFAULT_COLUMNS\n }\n\n const breakPoint = findBreakpoint(columns, windowWidth)\n return columns[breakPoint] ?? DEFAULT_COLUMNS\n }, [isResponsive, windowWidth, columns])\n\n return columnsCount\n}\n\nexport default useColumnsCount\n"],"names":["DEFAULT_COLUMNS","useColumnsCount","columns","isResponsive","windowWidth","useWindowWidth","useMemo","breakPoint","findBreakpoint"],"mappings":";;;AAMA,MAAMA,IAAkB,GAElBC,IAAkB,CAACC,MAA8B;AACnD,QAAMC,IAAe,OAAOD,KAAY,UAElCE,IAAcC,EAAeF,CAAY;AAW/C,SATqBG,EAAQ,MAAM;AAC/B,QAAI,CAACH;AACD,aAAOD,KAAWF;AAGtB,UAAMO,IAAaC,EAAeN,GAASE,CAAW;AACtD,WAAOF,EAAQK,CAAU,KAAKP;AAAA,EAClC,GAAG,CAACG,GAAcC,GAAaF,CAAO,CAAC;AAG3C;"}

package/dist/@ecme/components/shared/Masonry/useMasonry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useMasonry.js","sources":["../../../../../lib/@ecme/components/shared/Masonry/useMasonry.ts"],"sourcesContent":["import { Children, ReactNode, isValidElement, useMemo } from 'react'\r\n\r\nimport useColumnsCount from './useCoulmnsCount'\r\nimport { Columns } from './types'\r\n\r\nconst createEmptyColumns = (count: number): Array<[]> => {\r\n return Array.from({ length: count }, () => [])\r\n}\r\n\r\nconst useMasonry = (children: ReactNode, columns?: Columns): ReactNode[][] => {\r\n const noOfColumns = useColumnsCount(columns)\r\n\r\n const columnsChildren = useMemo(() => {\r\n const group: ReactNode[][] = createEmptyColumns(noOfColumns)\r\n\r\n Children.forEach(children, (child, index) => {\r\n if (isValidElement(child)) {\r\n group[index % noOfColumns].push(child)\r\n }\r\n })\r\n\r\n return group\r\n }, [noOfColumns, children])\r\n\r\n return columnsChildren\r\n}\r\n\r\nexport default useMasonry\r\n"],"names":["createEmptyColumns","count","useMasonry","children","columns","noOfColumns","useColumnsCount","useMemo","group","Children","child","index","isValidElement"],"mappings":";;AAKA,MAAMA,IAAqB,CAACC,MACjB,MAAM,KAAK,EAAE,QAAQA,KAAS,MAAM,EAAE,GAG3CC,IAAa,CAACC,GAAqBC,MAAqC;AAC1E,QAAMC,IAAcC,EAAgBF,CAAO;AAc3C,SAZwBG,EAAQ,MAAM;AAClC,UAAMC,IAAuBR,EAAmBK,CAAW;AAE3D,WAAAI,EAAS,QAAQN,GAAU,CAACO,GAAOC,MAAU;AACzC,MAAIC,EAAeF,CAAK,KACpBF,EAAMG,IAAQN,CAAW,EAAE,KAAKK,CAAK;AAAA,~~IACzC~~,~~CACH~~,GAEMF;AAAA,~~EAAA~~,~~GACR~~,CAACH,GAAaF,CAAQ,CAAC;AAG9B;"}
1	+ {"version":3,"file":"useMasonry.js","sources":["../../../../../lib/@ecme/components/shared/Masonry/useMasonry.ts"],"sourcesContent":["import { Children, ReactNode, isValidElement, useMemo } from 'react'\n\nimport useColumnsCount from './useCoulmnsCount'\nimport { Columns } from './types'\n\nconst createEmptyColumns = (count: number): Array<[]> => {\n return Array.from({ length: count }, () => [])\n}\n\nconst useMasonry = (children: ReactNode, columns?: Columns): ReactNode[][] => {\n const noOfColumns = useColumnsCount(columns)\n\n const columnsChildren = useMemo(() => {\n const group: ReactNode[][] = createEmptyColumns(noOfColumns)\n\n Children.forEach(children, (child, index) => {\n if (isValidElement(child)) {\n group[index % noOfColumns].push(child)\n }\n })\n\n return group\n }, [noOfColumns, children])\n\n return columnsChildren\n}\n\nexport default useMasonry\n"],"names":["createEmptyColumns","count","useMasonry","children","columns","noOfColumns","useColumnsCount","useMemo","group","Children","child","index","isValidElement"],"mappings":";;AAKA,MAAMA,IAAqB,CAACC,MACjB,MAAM,KAAK,EAAE,QAAQA,KAAS,MAAM,EAAE,GAG3CC,IAAa,CAACC,GAAqBC,MAAqC;AAC1E,QAAMC,IAAcC,EAAgBF,CAAO;AAc3C,SAZwBG,EAAQ,MAAM;AAClC,UAAMC,IAAuBR,EAAmBK,CAAW;AAE3D,WAAAI,EAAS,QAAQN,GAAU,CAACO,GAAOC,MAAU;AACzC,MAAIC,EAAeF,CAAK,KACpBF,EAAMG,IAAQN,CAAW,EAAE,KAAKK,CAAK;AAAA,IAE7C,CAAC,GAEMF;AAAA,EACX,GAAG,CAACH,GAAaF,CAAQ,CAAC;AAG9B;"}

package/dist/@ecme/components/shared/Masonry/useWindowWidth.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useWindowWidth.js","sources":["../../../../../lib/@ecme/components/shared/Masonry/useWindowWidth.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react'\r\n\r\nconst useWindowWidth = (isResponsive: boolean = true): number => {\r\n const [windowWidth, setWindowSize] = useState(window.innerWidth)\r\n\r\n const handleResize = useCallback(() => {\r\n setWindowSize(window.innerWidth)\r\n }, [])\r\n\r\n useEffect(() => {\r\n if (isResponsive) {\r\n window.addEventListener('resize', handleResize)\r\n } else {\r\n window.removeEventListener('resize', handleResize)\r\n }\r\n\r\n return () => {\r\n window.removeEventListener('resize', handleResize)\r\n }\r\n }, [isResponsive, handleResize])\r\n\r\n return windowWidth\r\n}\r\n\r\nexport default useWindowWidth\r\n"],"names":["useWindowWidth","isResponsive","windowWidth","setWindowSize","useState","handleResize","useCallback","useEffect"],"mappings":";AAEA,MAAMA,IAAiB,CAACC,IAAwB,OAAiB;AAC7D,QAAM,CAACC,GAAaC,CAAa,IAAIC,EAAS,OAAO,UAAU,GAEzDC,IAAeC,EAAY,MAAM;AACnC,IAAAH,EAAc,OAAO,UAAU;AAAA,~~EAAA~~,~~GAChC~~,~~EAAE~~;AAEL,SAAAI,EAAU,OACFN,IACA,OAAO,iBAAiB,UAAUI,CAAY,IAE9C,OAAO,oBAAoB,UAAUA,CAAY,GAG9C,MAAM;AACT,WAAO,oBAAoB,UAAUA,CAAY;AAAA,~~EAAA~~,~~IAEtD~~,CAACJ,GAAcI,CAAY,CAAC,GAExBH;AACX;"}
1	+ {"version":3,"file":"useWindowWidth.js","sources":["../../../../../lib/@ecme/components/shared/Masonry/useWindowWidth.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react'\n\nconst useWindowWidth = (isResponsive: boolean = true): number => {\n const [windowWidth, setWindowSize] = useState(window.innerWidth)\n\n const handleResize = useCallback(() => {\n setWindowSize(window.innerWidth)\n }, [])\n\n useEffect(() => {\n if (isResponsive) {\n window.addEventListener('resize', handleResize)\n } else {\n window.removeEventListener('resize', handleResize)\n }\n\n return () => {\n window.removeEventListener('resize', handleResize)\n }\n }, [isResponsive, handleResize])\n\n return windowWidth\n}\n\nexport default useWindowWidth\n"],"names":["useWindowWidth","isResponsive","windowWidth","setWindowSize","useState","handleResize","useCallback","useEffect"],"mappings":";AAEA,MAAMA,IAAiB,CAACC,IAAwB,OAAiB;AAC7D,QAAM,CAACC,GAAaC,CAAa,IAAIC,EAAS,OAAO,UAAU,GAEzDC,IAAeC,EAAY,MAAM;AACnC,IAAAH,EAAc,OAAO,UAAU;AAAA,EACnC,GAAG,CAAA,CAAE;AAEL,SAAAI,EAAU,OACFN,IACA,OAAO,iBAAiB,UAAUI,CAAY,IAE9C,OAAO,oBAAoB,UAAUA,CAAY,GAG9C,MAAM;AACT,WAAO,oBAAoB,UAAUA,CAAY;AAAA,EACrD,IACD,CAACJ,GAAcI,CAAY,CAAC,GAExBH;AACX;"}

package/dist/@ecme/components/shared/NavToggle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NavToggle.js","sources":["../../../../lib/@ecme/components/shared/NavToggle.tsx"],"sourcesContent":["import { HiOutlineMenuAlt2, HiOutlineMenu } from 'react-icons/hi'\r\nimport type { CommonProps } from '@/@types/common'\r\n\r\nexport interface NavToggleProps extends CommonProps {\r\n toggled?: boolean\r\n}\r\n\r\nconst NavToggle = ({ toggled, className }: NavToggleProps) => {\r\n return (\r\n <div className={className}>\r\n {toggled ? <HiOutlineMenu /> : <HiOutlineMenuAlt2 />}\r\n </div>\r\n )\r\n}\r\n\r\nexport default NavToggle\r\n"],"names":["NavToggle","toggled","className","jsx","HiOutlineMenu","HiOutlineMenuAlt2"],"mappings":";;AAOA,MAAMA,IAAY,CAAC,EAAE,SAAAC,GAAS,WAAAC,QAEtB,gBAAAC,EAAC,SAAI,WAAAD,GACA,UAAAD,sBAAWG,GAAA,CAAA,CAAc,IAAK,gBAAAD,EAACE,GAAA,CAAA,CAAkB,EAAA,CACtD;"}
1	+ {"version":3,"file":"NavToggle.js","sources":["../../../../lib/@ecme/components/shared/NavToggle.tsx"],"sourcesContent":["import { HiOutlineMenuAlt2, HiOutlineMenu } from 'react-icons/hi'\nimport type { CommonProps } from '@/@types/common'\n\nexport interface NavToggleProps extends CommonProps {\n toggled?: boolean\n}\n\nconst NavToggle = ({ toggled, className }: NavToggleProps) => {\n return (\n <div className={className}>\n {toggled ? <HiOutlineMenu /> : <HiOutlineMenuAlt2 />}\n </div>\n )\n}\n\nexport default NavToggle\n"],"names":["NavToggle","toggled","className","jsx","HiOutlineMenu","HiOutlineMenuAlt2"],"mappings":";;AAOA,MAAMA,IAAY,CAAC,EAAE,SAAAC,GAAS,WAAAC,QAEtB,gBAAAC,EAAC,SAAI,WAAAD,GACA,UAAAD,sBAAWG,GAAA,CAAA,CAAc,IAAK,gBAAAD,EAACE,GAAA,CAAA,CAAkB,EAAA,CACtD;"}

package/dist/@ecme/components/shared/NumericInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NumericInput.js","sources":["../../../../lib/@ecme/components/shared/NumericInput.tsx"],"sourcesContent":["import { NumericFormat, NumericFormatProps } from 'react-number-format'\r\nimport Input from '@/components/ui/Input'\r\nimport type { ReactNode, ComponentType } from 'react'\r\nimport type { InputProps } from '@/components/ui'\r\n\r\ninterface InputAffix {\r\n inputSuffix?: string \| ReactNode\r\n inputPrefix?: string \| ReactNode\r\n}\r\n\r\ninterface NumberInputProps\r\n extends Omit<InputProps, 'prefix' \| 'suffix'>,\r\n InputAffix {}\r\n\r\ntype NumberFormatInputProps = Omit<NumericFormatProps, 'form'> & InputAffix\r\n\r\ntype NumericInputProps = NumberInputProps & NumberFormatInputProps\r\n\r\nconst NumberInput = ({\r\n inputSuffix,\r\n inputPrefix,\r\n ...props\r\n}: NumberInputProps) => {\r\n return (\r\n <Input\r\n {...props}\r\n value={props.value}\r\n suffix={inputSuffix}\r\n prefix={inputPrefix}\r\n />\r\n )\r\n}\r\n\r\nconst NumberFormatInput = ({\r\n onValueChange,\r\n ...rest\r\n}: NumberFormatInputProps) => {\r\n return (\r\n <NumericFormat\r\n customInput={NumberInput as ComponentType}\r\n onValueChange={onValueChange}\r\n {...rest}\r\n />\r\n )\r\n}\r\n\r\nconst NumericInput = ({\r\n inputSuffix,\r\n inputPrefix,\r\n onValueChange,\r\n ...rest\r\n}: NumericInputProps) => {\r\n return (\r\n <NumberFormatInput\r\n inputPrefix={inputPrefix}\r\n inputSuffix={inputSuffix}\r\n onValueChange={onValueChange}\r\n {...rest}\r\n />\r\n )\r\n}\r\n\r\nexport default NumericInput\r\n"],"names":["NumberInput","inputSuffix","inputPrefix","props","jsx","Input","NumberFormatInput","onValueChange","rest","NumericFormat","NumericInput"],"mappings":";;;;AAkBA,MAAMA,IAAc,CAAC;AAAA,EACjB,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,GAAGC;AACP,MAEQ,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACI,GAAGF;AAAA,IACJ,OAAOA,EAAM;AAAA,IACb,QAAQF;AAAA,IACR,QAAQC;AAAA,EAAA;AAAA,GAKdI,IAAoB,CAAC;AAAA,EACvB,eAAAC;AAAA,EACA,GAAGC;AACP,MAEQ,gBAAAJ;AAAA,EAACK;AAAA,EAAA;AAAA,IACG,aAAaT;AAAA,IACb,eAAAO;AAAA,IACC,GAAGC;AAAA,EAAA;AAAA,GAKVE,IAAe,CAAC;AAAA,EAClB,aAAAT;AAAA,EACA,aAAAC;AAAA,EACA,eAAAK;AAAA,EACA,GAAGC;AACP,MAEQ,gBAAAJ;AAAA,EAACE;AAAA,EAAA;AAAA,IACG,aAAAJ;AAAA,IACA,aAAAD;AAAA,IACA,eAAAM;AAAA,IACC,GAAGC;AAAA,EAAA;AAAA;"}
1	+ {"version":3,"file":"NumericInput.js","sources":["../../../../lib/@ecme/components/shared/NumericInput.tsx"],"sourcesContent":["import { NumericFormat, NumericFormatProps } from 'react-number-format'\nimport Input from '@/components/ui/Input'\nimport type { ReactNode, ComponentType } from 'react'\nimport type { InputProps } from '@/components/ui'\n\ninterface InputAffix {\n inputSuffix?: string \| ReactNode\n inputPrefix?: string \| ReactNode\n}\n\ninterface NumberInputProps\n extends Omit<InputProps, 'prefix' \| 'suffix'>,\n InputAffix {}\n\ntype NumberFormatInputProps = Omit<NumericFormatProps, 'form'> & InputAffix\n\ntype NumericInputProps = NumberInputProps & NumberFormatInputProps\n\nconst NumberInput = ({\n inputSuffix,\n inputPrefix,\n ...props\n}: NumberInputProps) => {\n return (\n <Input\n {...props}\n value={props.value}\n suffix={inputSuffix}\n prefix={inputPrefix}\n />\n )\n}\n\nconst NumberFormatInput = ({\n onValueChange,\n ...rest\n}: NumberFormatInputProps) => {\n return (\n <NumericFormat\n customInput={NumberInput as ComponentType}\n onValueChange={onValueChange}\n {...rest}\n />\n )\n}\n\nconst NumericInput = ({\n inputSuffix,\n inputPrefix,\n onValueChange,\n ...rest\n}: NumericInputProps) => {\n return (\n <NumberFormatInput\n inputPrefix={inputPrefix}\n inputSuffix={inputSuffix}\n onValueChange={onValueChange}\n {...rest}\n />\n )\n}\n\nexport default NumericInput\n"],"names":["NumberInput","inputSuffix","inputPrefix","props","jsx","Input","NumberFormatInput","onValueChange","rest","NumericFormat","NumericInput"],"mappings":";;;;AAkBA,MAAMA,IAAc,CAAC;AAAA,EACjB,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,GAAGC;AACP,MAEQ,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACI,GAAGF;AAAA,IACJ,OAAOA,EAAM;AAAA,IACb,QAAQF;AAAA,IACR,QAAQC;AAAA,EAAA;AAAA,GAKdI,IAAoB,CAAC;AAAA,EACvB,eAAAC;AAAA,EACA,GAAGC;AACP,MAEQ,gBAAAJ;AAAA,EAACK;AAAA,EAAA;AAAA,IACG,aAAaT;AAAA,IACb,eAAAO;AAAA,IACC,GAAGC;AAAA,EAAA;AAAA,GAKVE,IAAe,CAAC;AAAA,EAClB,aAAAT;AAAA,EACA,aAAAC;AAAA,EACA,eAAAK;AAAA,EACA,GAAGC;AACP,MAEQ,gBAAAJ;AAAA,EAACE;AAAA,EAAA;AAAA,IACG,aAAAJ;AAAA,IACA,aAAAD;AAAA,IACA,eAAAM;AAAA,IACC,GAAGC;AAAA,EAAA;AAAA;"}

package/dist/@ecme/components/shared/OtpInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OtpInput.js","sources":["../../../../lib/@ecme/components/shared/OtpInput.tsx"],"sourcesContent":["import { useEffect, useState, useRef } from 'react'\r\nimport Input from '@/components/ui/Input'\r\nimport classNames from '@/utils/classNames'\r\nimport type { ChangeEvent, KeyboardEvent, ClipboardEvent } from 'react'\r\n\r\ninterface OTPInputProps {\r\n length?: number\r\n value?: string\r\n onChange?: (value: string) => void\r\n disabled?: boolean\r\n className?: string\r\n inputClass?: string\r\n autoFocus?: boolean\r\n placeholder?: string\r\n invalid?: boolean\r\n}\r\n\r\nconst OTPInput = ({\r\n length = 6,\r\n value = '',\r\n onChange,\r\n disabled = false,\r\n className = '',\r\n inputClass,\r\n autoFocus = false,\r\n placeholder,\r\n invalid = false,\r\n}: OTPInputProps) => {\r\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n const [_, setActiveInput] = useState<number>(0)\r\n const inputRefs = useRef<(HTMLInputElement \| null)[]>([])\r\n\r\n useEffect(() => {\r\n inputRefs.current = Array(length)\r\n .fill(null)\r\n .map((_, i) => inputRefs.current[i] \|\| null)\r\n }, [length])\r\n\r\n const handleChange = (e: ChangeEvent<HTMLInputElement>, index: number) => {\r\n const newValue = e.target.value\r\n if (newValue.length > 1) return\r\n\r\n const newOTPValue =\r\n value.slice(0, index) + newValue + value.slice(index + 1)\r\n\r\n onChange?.(newOTPValue)\r\n\r\n if (newValue && index < length - 1) {\r\n setActiveInput(index + 1)\r\n inputRefs.current[index + 1]?.focus()\r\n }\r\n }\r\n\r\n const handleKeyDown = (\r\n e: KeyboardEvent<HTMLInputElement>,\r\n index: number,\r\n ) => {\r\n if (e.key === 'Backspace') {\r\n e.preventDefault()\r\n if (value[index]) {\r\n const newOTPValue =\r\n value.slice(0, index) + '' + value.slice(index + 1)\r\n onChange?.(newOTPValue)\r\n } else if (index > 0) {\r\n setActiveInput(index - 1)\r\n inputRefs.current[index - 1]?.focus()\r\n }\r\n } else if (e.key === 'ArrowLeft' && index > 0) {\r\n e.preventDefault()\r\n setActiveInput(index - 1)\r\n inputRefs.current[index - 1]?.focus()\r\n } else if (e.key === 'ArrowRight' && index < length - 1) {\r\n e.preventDefault()\r\n setActiveInput(index + 1)\r\n inputRefs.current[index + 1]?.focus()\r\n }\r\n }\r\n\r\n const handlePaste = (e: ClipboardEvent<HTMLInputElement>) => {\r\n e.preventDefault()\r\n const pastedData = e.clipboardData\r\n .getData('text/plain')\r\n .slice(0, length)\r\n if (pastedData.match(/^[0-9]+$/)) {\r\n onChange?.(pastedData.padEnd(length, ''))\r\n }\r\n }\r\n\r\n const setRef = (index: number) => (ref: HTMLInputElement \| null) => {\r\n inputRefs.current[index] = ref\r\n }\r\n\r\n return (\r\n <div className={`flex gap-2 ${className}`}>\r\n {Array(length)\r\n .fill(null)\r\n .map((_, index) => (\r\n <Input\r\n key={index}\r\n ref={setRef(index)}\r\n className={classNames(\r\n 'text-center text-lg h-[58px] w-[58px]',\r\n inputClass,\r\n )}\r\n type=\"text\"\r\n inputMode=\"numeric\"\r\n pattern=\"[0-9]*\"\r\n maxLength={1}\r\n value={value[index] \|\| ''}\r\n disabled={disabled}\r\n autoFocus={autoFocus && index === 0}\r\n placeholder={placeholder}\r\n aria-label={`Digit ${index + 1} of ${length}`}\r\n invalid={invalid}\r\n onChange={(e) =>\r\n handleChange(\r\n e as ChangeEvent<HTMLInputElement>,\r\n index,\r\n )\r\n }\r\n onKeyDown={(e) =>\r\n handleKeyDown(\r\n e as KeyboardEvent<HTMLInputElement>,\r\n index,\r\n )\r\n }\r\n onPaste={handlePaste}\r\n onFocus={() => setActiveInput(index)}\r\n />\r\n ))}\r\n </div>\r\n )\r\n}\r\n\r\nexport default OTPInput\r\n"],"names":["OTPInput","length","value","onChange","disabled","className","inputClass","autoFocus","placeholder","invalid","setActiveInput","useState","inputRefs","useRef","useEffect","_","i","handleChange","e","index","newValue","newOTPValue","_a","handleKeyDown","_b","_c","handlePaste","pastedData","setRef","ref","jsx","Input","classNames"],"mappings":";;;;;AAiBA,MAAMA,IAAW,CAAC;AAAA,EACd,QAAAC,IAAS;AAAA,EACT,OAAAC,IAAQ;AAAA,EACR,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,YAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,aAAAC;AAAA,EACA,SAAAC,IAAU;AACd,MAAqB;AAEjB,QAAM,CAAC,GAAGC,CAAc,IAAIC,EAAiB,CAAC,GACxCC,IAAYC,EAAoC,EAAE;AAExD,EAAAC,EAAU,MAAM;AACZ,IAAAF,EAAU,UAAU,MAAMX,CAAM,EAC3B,KAAK,IAAI,EACT,IAAI,CAACc,GAAGC,MAAMJ,EAAU,QAAQI,CAAC,KAAK,IAAI;AAAA,~~EAAA~~,~~GAChD~~,CAACf,CAAM,CAAC;AAEX,QAAMgB,IAAe,CAACC,GAAkCC,MAAkB;;AACtE,UAAMC,IAAWF,EAAE,OAAO;AAC1B,QAAIE,EAAS,SAAS,EAAG;AAEzB,UAAMC,IACFnB,EAAM,MAAM,GAAGiB,CAAK,IAAIC,IAAWlB,EAAM,MAAMiB,IAAQ,CAAC;AAE5D,IAAAhB,KAAA,QAAAA,EAAWkB,IAEPD,KAAYD,IAAQlB,IAAS,MAC7BS,EAAeS,IAAQ,CAAC,IACxBG,IAAAV,EAAU,QAAQO,IAAQ,CAAC,MAA3B,QAAAG,EAA8B;AAAA,~~EAClC~~,~~GAGEC~~,IAAgB,CAClBL,GACAC,MACC;;AACD,QAAID,EAAE,QAAQ;AAEV,UADAA,EAAE,eAAA,GACEhB,EAAMiB,CAAK,GAAG;AACd,cAAME,IACFnB,EAAM,MAAM,GAAGiB,CAAK,IAAI,KAAKjB,EAAM,MAAMiB,IAAQ,CAAC;AACtD,QAAAhB,KAAA,QAAAA,EAAWkB;AAAA,~~MAAW~~,~~MAC1B~~,CAAWF,IAAQ,MACfT,EAAeS,IAAQ,CAAC,IACxBG,IAAAV,EAAU,QAAQO,IAAQ,CAAC,MAA3B,QAAAG,EAA8B;AAAA,QAEtC,CAAWJ,EAAE,QAAQ,eAAeC,IAAQ,KACxCD,EAAE,eAAA,GACFR,EAAeS,IAAQ,CAAC,IACxBK,IAAAZ,EAAU,QAAQO,IAAQ,CAAC,MAA3B,QAAAK,EAA8B,WACvBN,EAAE,QAAQ,gBAAgBC,IAAQlB,IAAS,MAClDiB,EAAE,eAAA,GACFR,EAAeS,IAAQ,CAAC,IACxBM,IAAAb,EAAU,QAAQO,IAAQ,CAAC,MAA3B,QAAAM,EAA8B;AAAA,~~EAClC~~,~~GAGEC~~,IAAc,CAACR,MAAwC;AACzD,IAAAA,EAAE,eAAA;AACF,UAAMS,IAAaT,EAAE,cAChB,QAAQ,YAAY,EACpB,MAAM,GAAGjB,CAAM;AACpB,IAAI0B,EAAW,MAAM,UAAU,MAC3BxB,KAAA,QAAAA,EAAWwB,EAAW,OAAO1B,GAAQ,EAAE;AAAA,~~EAC3C~~,~~GAGE2B~~,IAAS,CAACT,MAAkB,CAACU,MAAiC;AAChE,IAAAjB,EAAU,QAAQO,CAAK,IAAIU;AAAA,~~EAAA;AAG~~/B,SACI,gBAAAC,EAAC,OAAA,EAAI,WAAW,cAAczB,CAAS,IAClC,UAAA,MAAMJ,CAAM,EACR,KAAK,IAAI,EACT,IAAI,CAACc,GAAGI,MACL,gBAAAW;AAAA,IAACC;AAAA,IAAA;AAAA,MAEG,KAAKH,EAAOT,CAAK;AAAA,MACjB,WAAWa;AAAA,QACP;AAAA,QACA1B;AAAA,MAAA;AAAA,MAEJ,MAAK;AAAA,MACL,WAAU;AAAA,MACV,SAAQ;AAAA,MACR,WAAW;AAAA,MACX,OAAOJ,EAAMiB,CAAK,KAAK;AAAA,MACvB,UAAAf;AAAA,MACA,WAAWG,KAAaY,MAAU;AAAA,MAClC,aAAAX;AAAA,MACA,cAAY,SAASW,IAAQ,CAAC,OAAOlB,CAAM;AAAA,MAC3C,SAAAQ;AAAA,MACA,UAAU,CAACS,MACPD;AAAA,QACIC;AAAA,QACAC;AAAA,MAAA;AAAA,MAGR,WAAW,CAACD,MACRK;AAAA,QACIL;AAAA,QACAC;AAAA,MAAA;AAAA,MAGR,SAASO;AAAA,MACT,SAAS,MAAMhB,EAAeS,CAAK;AAAA,IAAA;AAAA,IA7B9BA;AAAA,EAAA,CA+BZ,GACT;AAER;"}
1	+ {"version":3,"file":"OtpInput.js","sources":["../../../../lib/@ecme/components/shared/OtpInput.tsx"],"sourcesContent":["import { useEffect, useState, useRef } from 'react'\nimport Input from '@/components/ui/Input'\nimport classNames from '@/utils/classNames'\nimport type { ChangeEvent, KeyboardEvent, ClipboardEvent } from 'react'\n\ninterface OTPInputProps {\n length?: number\n value?: string\n onChange?: (value: string) => void\n disabled?: boolean\n className?: string\n inputClass?: string\n autoFocus?: boolean\n placeholder?: string\n invalid?: boolean\n}\n\nconst OTPInput = ({\n length = 6,\n value = '',\n onChange,\n disabled = false,\n className = '',\n inputClass,\n autoFocus = false,\n placeholder,\n invalid = false,\n}: OTPInputProps) => {\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n const [_, setActiveInput] = useState<number>(0)\n const inputRefs = useRef<(HTMLInputElement \| null)[]>([])\n\n useEffect(() => {\n inputRefs.current = Array(length)\n .fill(null)\n .map((_, i) => inputRefs.current[i] \|\| null)\n }, [length])\n\n const handleChange = (e: ChangeEvent<HTMLInputElement>, index: number) => {\n const newValue = e.target.value\n if (newValue.length > 1) return\n\n const newOTPValue =\n value.slice(0, index) + newValue + value.slice(index + 1)\n\n onChange?.(newOTPValue)\n\n if (newValue && index < length - 1) {\n setActiveInput(index + 1)\n inputRefs.current[index + 1]?.focus()\n }\n }\n\n const handleKeyDown = (\n e: KeyboardEvent<HTMLInputElement>,\n index: number,\n ) => {\n if (e.key === 'Backspace') {\n e.preventDefault()\n if (value[index]) {\n const newOTPValue =\n value.slice(0, index) + '' + value.slice(index + 1)\n onChange?.(newOTPValue)\n } else if (index > 0) {\n setActiveInput(index - 1)\n inputRefs.current[index - 1]?.focus()\n }\n } else if (e.key === 'ArrowLeft' && index > 0) {\n e.preventDefault()\n setActiveInput(index - 1)\n inputRefs.current[index - 1]?.focus()\n } else if (e.key === 'ArrowRight' && index < length - 1) {\n e.preventDefault()\n setActiveInput(index + 1)\n inputRefs.current[index + 1]?.focus()\n }\n }\n\n const handlePaste = (e: ClipboardEvent<HTMLInputElement>) => {\n e.preventDefault()\n const pastedData = e.clipboardData\n .getData('text/plain')\n .slice(0, length)\n if (pastedData.match(/^[0-9]+$/)) {\n onChange?.(pastedData.padEnd(length, ''))\n }\n }\n\n const setRef = (index: number) => (ref: HTMLInputElement \| null) => {\n inputRefs.current[index] = ref\n }\n\n return (\n <div className={`flex gap-2 ${className}`}>\n {Array(length)\n .fill(null)\n .map((_, index) => (\n <Input\n key={index}\n ref={setRef(index)}\n className={classNames(\n 'text-center text-lg h-[58px] w-[58px]',\n inputClass,\n )}\n type=\"text\"\n inputMode=\"numeric\"\n pattern=\"[0-9]*\"\n maxLength={1}\n value={value[index] \|\| ''}\n disabled={disabled}\n autoFocus={autoFocus && index === 0}\n placeholder={placeholder}\n aria-label={`Digit ${index + 1} of ${length}`}\n invalid={invalid}\n onChange={(e) =>\n handleChange(\n e as ChangeEvent<HTMLInputElement>,\n index,\n )\n }\n onKeyDown={(e) =>\n handleKeyDown(\n e as KeyboardEvent<HTMLInputElement>,\n index,\n )\n }\n onPaste={handlePaste}\n onFocus={() => setActiveInput(index)}\n />\n ))}\n </div>\n )\n}\n\nexport default OTPInput\n"],"names":["OTPInput","length","value","onChange","disabled","className","inputClass","autoFocus","placeholder","invalid","setActiveInput","useState","inputRefs","useRef","useEffect","_","i","handleChange","e","index","newValue","newOTPValue","_a","handleKeyDown","_b","_c","handlePaste","pastedData","setRef","ref","jsx","Input","classNames"],"mappings":";;;;;AAiBA,MAAMA,IAAW,CAAC;AAAA,EACd,QAAAC,IAAS;AAAA,EACT,OAAAC,IAAQ;AAAA,EACR,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,YAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,aAAAC;AAAA,EACA,SAAAC,IAAU;AACd,MAAqB;AAEjB,QAAM,CAAC,GAAGC,CAAc,IAAIC,EAAiB,CAAC,GACxCC,IAAYC,EAAoC,EAAE;AAExD,EAAAC,EAAU,MAAM;AACZ,IAAAF,EAAU,UAAU,MAAMX,CAAM,EAC3B,KAAK,IAAI,EACT,IAAI,CAACc,GAAGC,MAAMJ,EAAU,QAAQI,CAAC,KAAK,IAAI;AAAA,EACnD,GAAG,CAACf,CAAM,CAAC;AAEX,QAAMgB,IAAe,CAACC,GAAkCC,MAAkB;;AACtE,UAAMC,IAAWF,EAAE,OAAO;AAC1B,QAAIE,EAAS,SAAS,EAAG;AAEzB,UAAMC,IACFnB,EAAM,MAAM,GAAGiB,CAAK,IAAIC,IAAWlB,EAAM,MAAMiB,IAAQ,CAAC;AAE5D,IAAAhB,KAAA,QAAAA,EAAWkB,IAEPD,KAAYD,IAAQlB,IAAS,MAC7BS,EAAeS,IAAQ,CAAC,IACxBG,IAAAV,EAAU,QAAQO,IAAQ,CAAC,MAA3B,QAAAG,EAA8B;AAAA,EAEtC,GAEMC,IAAgB,CAClBL,GACAC,MACC;;AACD,QAAID,EAAE,QAAQ;AAEV,UADAA,EAAE,eAAA,GACEhB,EAAMiB,CAAK,GAAG;AACd,cAAME,IACFnB,EAAM,MAAM,GAAGiB,CAAK,IAAI,KAAKjB,EAAM,MAAMiB,IAAQ,CAAC;AACtD,QAAAhB,KAAA,QAAAA,EAAWkB;AAAA,MACf,MAAA,CAAWF,IAAQ,MACfT,EAAeS,IAAQ,CAAC,IACxBG,IAAAV,EAAU,QAAQO,IAAQ,CAAC,MAA3B,QAAAG,EAA8B;AAAA,QAEtC,CAAWJ,EAAE,QAAQ,eAAeC,IAAQ,KACxCD,EAAE,eAAA,GACFR,EAAeS,IAAQ,CAAC,IACxBK,IAAAZ,EAAU,QAAQO,IAAQ,CAAC,MAA3B,QAAAK,EAA8B,WACvBN,EAAE,QAAQ,gBAAgBC,IAAQlB,IAAS,MAClDiB,EAAE,eAAA,GACFR,EAAeS,IAAQ,CAAC,IACxBM,IAAAb,EAAU,QAAQO,IAAQ,CAAC,MAA3B,QAAAM,EAA8B;AAAA,EAEtC,GAEMC,IAAc,CAACR,MAAwC;AACzD,IAAAA,EAAE,eAAA;AACF,UAAMS,IAAaT,EAAE,cAChB,QAAQ,YAAY,EACpB,MAAM,GAAGjB,CAAM;AACpB,IAAI0B,EAAW,MAAM,UAAU,MAC3BxB,KAAA,QAAAA,EAAWwB,EAAW,OAAO1B,GAAQ,EAAE;AAAA,EAE/C,GAEM2B,IAAS,CAACT,MAAkB,CAACU,MAAiC;AAChE,IAAAjB,EAAU,QAAQO,CAAK,IAAIU;AAAA,EAC/B;AAEA,SACI,gBAAAC,EAAC,OAAA,EAAI,WAAW,cAAczB,CAAS,IAClC,UAAA,MAAMJ,CAAM,EACR,KAAK,IAAI,EACT,IAAI,CAACc,GAAGI,MACL,gBAAAW;AAAA,IAACC;AAAA,IAAA;AAAA,MAEG,KAAKH,EAAOT,CAAK;AAAA,MACjB,WAAWa;AAAA,QACP;AAAA,QACA1B;AAAA,MAAA;AAAA,MAEJ,MAAK;AAAA,MACL,WAAU;AAAA,MACV,SAAQ;AAAA,MACR,WAAW;AAAA,MACX,OAAOJ,EAAMiB,CAAK,KAAK;AAAA,MACvB,UAAAf;AAAA,MACA,WAAWG,KAAaY,MAAU;AAAA,MAClC,aAAAX;AAAA,MACA,cAAY,SAASW,IAAQ,CAAC,OAAOlB,CAAM;AAAA,MAC3C,SAAAQ;AAAA,MACA,UAAU,CAACS,MACPD;AAAA,QACIC;AAAA,QACAC;AAAA,MAAA;AAAA,MAGR,WAAW,CAACD,MACRK;AAAA,QACIL;AAAA,QACAC;AAAA,MAAA;AAAA,MAGR,SAASO;AAAA,MACT,SAAS,MAAMhB,EAAeS,CAAK;AAAA,IAAA;AAAA,IA7B9BA;AAAA,EAAA,CA+BZ,GACT;AAER;"}

package/dist/@ecme/components/shared/PasswordInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PasswordInput.js","sources":["../../../../lib/@ecme/components/shared/PasswordInput.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport { Input, InputProps } from '@/components/ui/Input'\r\nimport { HiOutlineEyeOff, HiOutlineEye } from 'react-icons/hi'\r\nimport type { MouseEvent, Ref } from 'react'\r\n\r\ninterface PasswordInputProps extends InputProps {\r\n onVisibleChange?: (visible: boolean) => void\r\n ref?: Ref<HTMLInputElement>\r\n}\r\n\r\nconst PasswordInput = (props: PasswordInputProps) => {\r\n const { onVisibleChange, ref, ...rest } = props\r\n\r\n const [pwInputType, setPwInputType] = useState('password')\r\n\r\n const onPasswordVisibleClick = (e: MouseEvent<HTMLSpanElement>) => {\r\n e.preventDefault()\r\n const nextValue = pwInputType === 'password' ? 'text' : 'password'\r\n setPwInputType(nextValue)\r\n onVisibleChange?.(nextValue === 'text')\r\n }\r\n\r\n return (\r\n <Input\r\n {...rest}\r\n ref={ref}\r\n type={pwInputType}\r\n suffix={\r\n <span\r\n className=\"cursor-pointer select-none text-xl\"\r\n role=\"button\"\r\n onClick={onPasswordVisibleClick}\r\n >\r\n {pwInputType === 'password' ? (\r\n <HiOutlineEyeOff />\r\n ) : (\r\n <HiOutlineEye />\r\n )}\r\n </span>\r\n }\r\n />\r\n )\r\n}\r\n\r\nexport default PasswordInput\r\n"],"names":["PasswordInput","props","onVisibleChange","ref","rest","pwInputType","setPwInputType","useState","jsx","Input","e","nextValue","HiOutlineEyeOff","HiOutlineEye"],"mappings":";;;;;AAUA,MAAMA,IAAgB,CAACC,MAA8B;AACjD,QAAM,EAAE,iBAAAC,GAAiB,KAAAC,GAAK,GAAGC,MAASH,GAEpC,CAACI,GAAaC,CAAc,IAAIC,EAAS,UAAU;AASzD,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACI,GAAGL;AAAA,MACJ,KAAAD;AAAA,MACA,MAAME;AAAA,MACN,QACI,gBAAAG;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,MAAK;AAAA,UACL,SAhBe,CAACE,MAAmC;AAC/D,YAAAA,EAAE,eAAA;AACF,kBAAMC,IAAYN,MAAgB,aAAa,SAAS;AACxD,YAAAC,EAAeK,CAAS,GACxBT,KAAA,QAAAA,EAAkBS,MAAc;AAAA,~~UAAM~~;AAAA,~~UAczB~~,gBAAgB,aACb,gBAAAH,EAACI,GAAA,EAAgB,sBAEhBC,GAAA,CAAA,CAAa;AAAA,QAAA;AAAA,MAAA;AAAA,IAEtB;AAAA,EAAA;AAIhB;"}
1	+ {"version":3,"file":"PasswordInput.js","sources":["../../../../lib/@ecme/components/shared/PasswordInput.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { Input, InputProps } from '@/components/ui/Input'\nimport { HiOutlineEyeOff, HiOutlineEye } from 'react-icons/hi'\nimport type { MouseEvent, Ref } from 'react'\n\ninterface PasswordInputProps extends InputProps {\n onVisibleChange?: (visible: boolean) => void\n ref?: Ref<HTMLInputElement>\n}\n\nconst PasswordInput = (props: PasswordInputProps) => {\n const { onVisibleChange, ref, ...rest } = props\n\n const [pwInputType, setPwInputType] = useState('password')\n\n const onPasswordVisibleClick = (e: MouseEvent<HTMLSpanElement>) => {\n e.preventDefault()\n const nextValue = pwInputType === 'password' ? 'text' : 'password'\n setPwInputType(nextValue)\n onVisibleChange?.(nextValue === 'text')\n }\n\n return (\n <Input\n {...rest}\n ref={ref}\n type={pwInputType}\n suffix={\n <span\n className=\"cursor-pointer select-none text-xl\"\n role=\"button\"\n onClick={onPasswordVisibleClick}\n >\n {pwInputType === 'password' ? (\n <HiOutlineEyeOff />\n ) : (\n <HiOutlineEye />\n )}\n </span>\n }\n />\n )\n}\n\nexport default PasswordInput\n"],"names":["PasswordInput","props","onVisibleChange","ref","rest","pwInputType","setPwInputType","useState","jsx","Input","e","nextValue","HiOutlineEyeOff","HiOutlineEye"],"mappings":";;;;;AAUA,MAAMA,IAAgB,CAACC,MAA8B;AACjD,QAAM,EAAE,iBAAAC,GAAiB,KAAAC,GAAK,GAAGC,MAASH,GAEpC,CAACI,GAAaC,CAAc,IAAIC,EAAS,UAAU;AASzD,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACI,GAAGL;AAAA,MACJ,KAAAD;AAAA,MACA,MAAME;AAAA,MACN,QACI,gBAAAG;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,MAAK;AAAA,UACL,SAhBe,CAACE,MAAmC;AAC/D,YAAAA,EAAE,eAAA;AACF,kBAAMC,IAAYN,MAAgB,aAAa,SAAS;AACxD,YAAAC,EAAeK,CAAS,GACxBT,KAAA,QAAAA,EAAkBS,MAAc;AAAA,UACpC;AAAA,UAaiB,gBAAgB,aACb,gBAAAH,EAACI,GAAA,EAAgB,sBAEhBC,GAAA,CAAA,CAAa;AAAA,QAAA;AAAA,MAAA;AAAA,IAEtB;AAAA,EAAA;AAIhB;"}

package/dist/@ecme/components/shared/PatternInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PatternInput.js","sources":["../../../../lib/@ecme/components/shared/PatternInput.tsx"],"sourcesContent":["import type { InputProps } from '@/components/ui'\r\nimport Input from '@/components/ui/Input'\r\nimport type { ComponentType, ReactNode } from 'react'\r\nimport { PatternFormat, PatternFormatProps } from 'react-number-format'\r\n\r\ninterface InputAffix {\r\n inputSuffix?: string \| ReactNode\r\n inputPrefix?: string \| ReactNode\r\n}\r\n\r\ninterface NumberInputProps\r\n extends Omit<InputProps, 'prefix' \| 'suffix'>,\r\n InputAffix {}\r\n\r\ntype NumberFormatInputProps = Omit<PatternFormatProps, 'form' \| 'size'> & InputAffix\r\n\r\ntype PatternInputProps = NumberInputProps & NumberFormatInputProps\r\n\r\nconst NumberInput = ({\r\n inputSuffix,\r\n inputPrefix,\r\n ...props\r\n}: NumberInputProps) => {\r\n return (\r\n <Input\r\n {...props}\r\n value={props.value}\r\n suffix={inputSuffix}\r\n prefix={inputPrefix}\r\n />\r\n )\r\n}\r\n\r\nconst NumberFormatInput = ({\r\n onValueChange,\r\n ...rest\r\n}: NumberFormatInputProps) => {\r\n return (\r\n <PatternFormat\r\n customInput={NumberInput as ComponentType}\r\n onValueChange={onValueChange}\r\n {...rest}\r\n />\r\n )\r\n}\r\n\r\nconst PatternInput = ({\r\n inputSuffix,\r\n inputPrefix,\r\n onValueChange,\r\n ...rest\r\n}: PatternInputProps) => {\r\n return (\r\n <NumberFormatInput\r\n inputPrefix={inputPrefix}\r\n inputSuffix={inputSuffix}\r\n onValueChange={onValueChange}\r\n {...rest}\r\n />\r\n )\r\n}\r\n\r\nexport default PatternInput\r\n"],"names":["NumberInput","inputSuffix","inputPrefix","props","jsx","Input","NumberFormatInput","onValueChange","rest","PatternFormat","PatternInput"],"mappings":";;;;AAkBA,MAAMA,IAAc,CAAC;AAAA,EACjB,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,GAAGC;AACP,MAEQ,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACI,GAAGF;AAAA,IACJ,OAAOA,EAAM;AAAA,IACb,QAAQF;AAAA,IACR,QAAQC;AAAA,EAAA;AAAA,GAKdI,IAAoB,CAAC;AAAA,EACvB,eAAAC;AAAA,EACA,GAAGC;AACP,MAEQ,gBAAAJ;AAAA,EAACK;AAAA,EAAA;AAAA,IACG,aAAaT;AAAA,IACb,eAAAO;AAAA,IACC,GAAGC;AAAA,EAAA;AAAA,GAKVE,IAAe,CAAC;AAAA,EAClB,aAAAT;AAAA,EACA,aAAAC;AAAA,EACA,eAAAK;AAAA,EACA,GAAGC;AACP,MAEQ,gBAAAJ;AAAA,EAACE;AAAA,EAAA;AAAA,IACG,aAAAJ;AAAA,IACA,aAAAD;AAAA,IACA,eAAAM;AAAA,IACC,GAAGC;AAAA,EAAA;AAAA;"}
1	+ {"version":3,"file":"PatternInput.js","sources":["../../../../lib/@ecme/components/shared/PatternInput.tsx"],"sourcesContent":["import type { InputProps } from '@/components/ui'\nimport Input from '@/components/ui/Input'\nimport type { ComponentType, ReactNode } from 'react'\nimport { PatternFormat, PatternFormatProps } from 'react-number-format'\n\ninterface InputAffix {\n inputSuffix?: string \| ReactNode\n inputPrefix?: string \| ReactNode\n}\n\ninterface NumberInputProps\n extends Omit<InputProps, 'prefix' \| 'suffix'>,\n InputAffix {}\n\ntype NumberFormatInputProps = Omit<PatternFormatProps, 'form' \| 'size'> & InputAffix\n\ntype PatternInputProps = NumberInputProps & NumberFormatInputProps\n\nconst NumberInput = ({\n inputSuffix,\n inputPrefix,\n ...props\n}: NumberInputProps) => {\n return (\n <Input\n {...props}\n value={props.value}\n suffix={inputSuffix}\n prefix={inputPrefix}\n />\n )\n}\n\nconst NumberFormatInput = ({\n onValueChange,\n ...rest\n}: NumberFormatInputProps) => {\n return (\n <PatternFormat\n customInput={NumberInput as ComponentType}\n onValueChange={onValueChange}\n {...rest}\n />\n )\n}\n\nconst PatternInput = ({\n inputSuffix,\n inputPrefix,\n onValueChange,\n ...rest\n}: PatternInputProps) => {\n return (\n <NumberFormatInput\n inputPrefix={inputPrefix}\n inputSuffix={inputSuffix}\n onValueChange={onValueChange}\n {...rest}\n />\n )\n}\n\nexport default PatternInput\n"],"names":["NumberInput","inputSuffix","inputPrefix","props","jsx","Input","NumberFormatInput","onValueChange","rest","PatternFormat","PatternInput"],"mappings":";;;;AAkBA,MAAMA,IAAc,CAAC;AAAA,EACjB,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,GAAGC;AACP,MAEQ,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACI,GAAGF;AAAA,IACJ,OAAOA,EAAM;AAAA,IACb,QAAQF;AAAA,IACR,QAAQC;AAAA,EAAA;AAAA,GAKdI,IAAoB,CAAC;AAAA,EACvB,eAAAC;AAAA,EACA,GAAGC;AACP,MAEQ,gBAAAJ;AAAA,EAACK;AAAA,EAAA;AAAA,IACG,aAAaT;AAAA,IACb,eAAAO;AAAA,IACC,GAAGC;AAAA,EAAA;AAAA,GAKVE,IAAe,CAAC;AAAA,EAClB,aAAAT;AAAA,EACA,aAAAC;AAAA,EACA,eAAAK;AAAA,EACA,GAAGC;AACP,MAEQ,gBAAAJ;AAAA,EAACE;AAAA,EAAA;AAAA,IACG,aAAAJ;AAAA,IACA,aAAAD;AAAA,IACA,eAAAM;AAAA,IACC,GAAGC;AAAA,EAAA;AAAA;"}

package/dist/@ecme/components/shared/PresetSegmentItemOption.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PresetSegmentItemOption.js","sources":["../../../../lib/@ecme/components/shared/PresetSegmentItemOption.tsx"],"sourcesContent":["import classNames from 'classnames'\r\nimport { HiCheckCircle } from 'react-icons/hi'\r\nimport type { CommonProps } from '@/@types/common'\r\nimport type { Ref } from 'react'\r\n\r\ninterface PresetSegmentItemOptionProps extends CommonProps {\r\n active: boolean\r\n customCheck?: string \| React.ReactNode\r\n defaultGutter?: boolean\r\n disabled?: boolean\r\n hoverable?: boolean\r\n onSegmentItemClick?: (\r\n event: React.MouseEvent<HTMLDivElement, MouseEvent>,\r\n ) => void\r\n ref?: Ref<HTMLDivElement>\r\n}\r\n\r\nconst PresetSegmentItemOption = (props: PresetSegmentItemOptionProps) => {\r\n const {\r\n active,\r\n children,\r\n className,\r\n customCheck,\r\n defaultGutter = true,\r\n disabled,\r\n hoverable,\r\n onSegmentItemClick,\r\n ref,\r\n } = props\r\n\r\n return (\r\n <div\r\n ref={ref}\r\n className={classNames(\r\n 'flex',\r\n !customCheck && 'justify-between',\r\n 'items-center',\r\n 'border',\r\n 'rounded-md ',\r\n 'border-gray-200 dark:border-gray-600',\r\n defaultGutter && 'py-5 px-4',\r\n 'cursor-pointer',\r\n 'select-none',\r\n 'w-100',\r\n active && `ring-1 ring-primary border-primary`,\r\n hoverable &&\r\n `hover:ring-1 hover:ring-primary hover:border-primary`,\r\n disabled && 'opacity-50 cursor-not-allowed',\r\n className,\r\n )}\r\n onClick={onSegmentItemClick}\r\n >\r\n {children}\r\n {active && !customCheck && (\r\n <HiCheckCircle className=\"text-2xl text-primary\" />\r\n )}\r\n {active && customCheck}\r\n </div>\r\n )\r\n}\r\n\r\nexport default PresetSegmentItemOption\r\n"],"names":["PresetSegmentItemOption","props","active","children","className","customCheck","defaultGutter","disabled","hoverable","onSegmentItemClick","ref","jsxs","classNames","jsx","HiCheckCircle"],"mappings":";;;AAiBA,MAAMA,IAA0B,CAACC,MAAwC;AACrE,QAAM;AAAA,IACF,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,IAChB,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,KAAAC;AAAA,EAAA,IACAT;AAEJ,SACI,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAD;AAAA,MACA,WAAWE;AAAA,QACP;AAAA,QACA,CAACP,KAAe;AAAA,QAChB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAC,KAAiB;AAAA,QACjB;AAAA,QACA;AAAA,QACA;AAAA,QACAJ,KAAU;AAAA,QACVM,KACI;AAAA,QACJD,KAAY;AAAA,QACZH;AAAA,MAAA;AAAA,MAEJ,SAASK;AAAA,MAER,UAAA;AAAA,QAAAN;AAAA,QACAD,KAAU,CAACG,KACR,gBAAAQ,EAACC,GAAA,EAAc,WAAU,yBAAwB;AAAA,QAEpDZ,KAAUG;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGvB;"}
1	+ {"version":3,"file":"PresetSegmentItemOption.js","sources":["../../../../lib/@ecme/components/shared/PresetSegmentItemOption.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { HiCheckCircle } from 'react-icons/hi'\nimport type { CommonProps } from '@/@types/common'\nimport type { Ref } from 'react'\n\ninterface PresetSegmentItemOptionProps extends CommonProps {\n active: boolean\n customCheck?: string \| React.ReactNode\n defaultGutter?: boolean\n disabled?: boolean\n hoverable?: boolean\n onSegmentItemClick?: (\n event: React.MouseEvent<HTMLDivElement, MouseEvent>,\n ) => void\n ref?: Ref<HTMLDivElement>\n}\n\nconst PresetSegmentItemOption = (props: PresetSegmentItemOptionProps) => {\n const {\n active,\n children,\n className,\n customCheck,\n defaultGutter = true,\n disabled,\n hoverable,\n onSegmentItemClick,\n ref,\n } = props\n\n return (\n <div\n ref={ref}\n className={classNames(\n 'flex',\n !customCheck && 'justify-between',\n 'items-center',\n 'border',\n 'rounded-md ',\n 'border-gray-200 dark:border-gray-600',\n defaultGutter && 'py-5 px-4',\n 'cursor-pointer',\n 'select-none',\n 'w-100',\n active && `ring-1 ring-primary border-primary`,\n hoverable &&\n `hover:ring-1 hover:ring-primary hover:border-primary`,\n disabled && 'opacity-50 cursor-not-allowed',\n className,\n )}\n onClick={onSegmentItemClick}\n >\n {children}\n {active && !customCheck && (\n <HiCheckCircle className=\"text-2xl text-primary\" />\n )}\n {active && customCheck}\n </div>\n )\n}\n\nexport default PresetSegmentItemOption\n"],"names":["PresetSegmentItemOption","props","active","children","className","customCheck","defaultGutter","disabled","hoverable","onSegmentItemClick","ref","jsxs","classNames","jsx","HiCheckCircle"],"mappings":";;;AAiBA,MAAMA,IAA0B,CAACC,MAAwC;AACrE,QAAM;AAAA,IACF,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,IAChB,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,KAAAC;AAAA,EAAA,IACAT;AAEJ,SACI,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAD;AAAA,MACA,WAAWE;AAAA,QACP;AAAA,QACA,CAACP,KAAe;AAAA,QAChB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAC,KAAiB;AAAA,QACjB;AAAA,QACA;AAAA,QACA;AAAA,QACAJ,KAAU;AAAA,QACVM,KACI;AAAA,QACJD,KAAY;AAAA,QACZH;AAAA,MAAA;AAAA,MAEJ,SAASK;AAAA,MAER,UAAA;AAAA,QAAAN;AAAA,QACAD,KAAU,CAACG,KACR,gBAAAQ,EAACC,GAAA,EAAc,WAAU,yBAAwB;AAAA,QAEpDZ,KAAUG;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGvB;"}

package/dist/@ecme/components/shared/RegionMap.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RegionMap.js","sources":["../../../../lib/@ecme/components/shared/RegionMap.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport {\r\n ComposableMap,\r\n Geographies,\r\n Geography,\r\n Marker,\r\n} from 'react-simple-maps'\r\nimport classNames from '@/utils/classNames'\r\nimport { PatternCircles } from '@visx/pattern'\r\nimport WorldMap from '@/assets/maps/world-countries-sans-antarctica.json'\r\nimport { Tooltip as ReactTooltip } from 'react-tooltip'\r\n\r\nimport type { Dispatch, ReactNode, SetStateAction } from 'react'\r\n\r\ntype MarkerCallback = (markerComponet: typeof Marker) => ReactNode\r\n\r\ntype MapDataProp = {\r\n name: string\r\n value?: string \| number\r\n color?: string\r\n}[]\r\n\r\ntype RegionMapProps = {\r\n data: MapDataProp\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n mapSource?: string \| Record<string, any> \| string[]\r\n valueSuffix?: string\r\n valuePrefix?: string\r\n marker?: MarkerCallback\r\n hoverable?: boolean\r\n}\r\n\r\ntype MapProps = Omit<RegionMapProps, 'valueSuffix' \| 'valuePrefix'> & {\r\n prefix?: string\r\n suffix?: string\r\n}\r\n\r\ntype MapChartProps = MapProps & {\r\n setTooltipContent: Dispatch<SetStateAction<string>>\r\n}\r\n\r\nconst geoUrl = WorldMap\r\n\r\nconst getRegionValue = (\r\n name: unknown,\r\n data: MapDataProp,\r\n suffix = '',\r\n prefix = '',\r\n) => {\r\n if (data.length > 0 \|\| name) {\r\n for (let i = 0; i < data.length; i++) {\r\n const elm = data[i]\r\n if (name === elm.name) {\r\n return `${elm.name} - ${prefix}${elm.value}${suffix}`\r\n }\r\n }\r\n return ''\r\n }\r\n return ''\r\n}\r\n\r\nconst MapChart = (props: MapChartProps) => {\r\n const {\r\n setTooltipContent,\r\n data,\r\n mapSource,\r\n suffix,\r\n prefix,\r\n marker,\r\n hoverable = true,\r\n } = props\r\n\r\n return (\r\n <ComposableMap\r\n style={{ transform: 'translateY(20px)' }}\r\n data-tip=\"\"\r\n height={450}\r\n projectionConfig={{ scale: 170 }}\r\n >\r\n <PatternCircles\r\n id=\"map-dots\"\r\n height={6}\r\n width={6}\r\n className=\"fill-gray-300 dark:fill-gray-500 \"\r\n strokeWidth={1}\r\n background=\"transparent\"\r\n />\r\n <PatternCircles\r\n id=\"map-dots-hover\"\r\n height={6}\r\n width={6}\r\n className=\"fill-gray-400 dark:fill-gray-300 \"\r\n strokeWidth={1}\r\n background=\"transparent\"\r\n />\r\n <Geographies geography={mapSource}>\r\n {({ geographies }) =>\r\n geographies.map((geo) => {\r\n const geoName = geo.properties.name\r\n return (\r\n <Geography\r\n key={geo.rsmKey}\r\n geography={geo}\r\n strokeWidth={2}\r\n className={classNames('stroke-transparent')}\r\n fill=\"url('#map-dots')\"\r\n style={\r\n hoverable\r\n ? {\r\n hover: {\r\n fill: \"url('#map-dots-hover')\",\r\n },\r\n }\r\n : {}\r\n }\r\n onMouseEnter={() => {\r\n setTooltipContent(\r\n getRegionValue(\r\n geoName,\r\n data,\r\n suffix,\r\n prefix,\r\n ),\r\n )\r\n }}\r\n onMouseLeave={() => {\r\n setTooltipContent('')\r\n }}\r\n />\r\n )\r\n })\r\n }\r\n </Geographies>\r\n {marker?.(Marker)}\r\n </ComposableMap>\r\n )\r\n}\r\n\r\nconst Map = (props: MapProps) => {\r\n const [content, setContent] = useState('')\r\n return (\r\n <>\r\n <MapChart {...props} setTooltipContent={setContent} />\r\n <ReactTooltip>{content}</ReactTooltip>\r\n </>\r\n )\r\n}\r\n\r\nconst RegionMap = (props: RegionMapProps) => {\r\n const {\r\n data = [],\r\n mapSource = geoUrl,\r\n valueSuffix,\r\n valuePrefix,\r\n marker,\r\n hoverable,\r\n } = props\r\n\r\n return (\r\n <Map\r\n data={data}\r\n mapSource={mapSource}\r\n prefix={valuePrefix}\r\n suffix={valueSuffix}\r\n marker={marker}\r\n hoverable={hoverable}\r\n />\r\n )\r\n}\r\n\r\nexport default RegionMap\r\n"],"names":["geoUrl","WorldMap","getRegionValue","name","data","suffix","prefix","i","elm","MapChart","props","setTooltipContent","mapSource","marker","hoverable","jsxs","ComposableMap","jsx","PatternCircles","Geographies","geographies","geo","geoName","Geography","classNames","Marker","Map","content","setContent","useState","Fragment","ReactTooltip","RegionMap","valueSuffix","valuePrefix"],"mappings":";;;;;;;AAyCA,MAAMA,IAASC,GAETC,IAAiB,CACnBC,GACAC,GACAC,IAAS,IACTC,IAAS,OACR;AACD,MAAIF,EAAK,SAAS,KAAKD,GAAM;AACzB,aAASI,IAAI,GAAGA,IAAIH,EAAK,QAAQG,KAAK;AAClC,YAAMC,IAAMJ,EAAKG,CAAC;AAClB,UAAIJ,MAASK,EAAI;AACb,eAAO,GAAGA,EAAI,IAAI,MAAMF,CAAM,GAAGE,EAAI,KAAK,GAAGH,CAAM;AAAA,~~IACvD~~;~~AAEJ~~,WAAO;AAAA,~~EAAA~~;~~AAEX~~,SAAO;AACX,GAEMI,IAAW,CAACC,MAAyB;AACvC,QAAM;AAAA,IACF,mBAAAC;AAAA,IACA,MAAAP;AAAA,IACA,WAAAQ;AAAA,IACA,QAAAP;AAAA,IACA,QAAAC;AAAA,IACA,QAAAO;AAAA,IACA,WAAAC,IAAY;AAAA,EAAA,IACZJ;AAEJ,SACI,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAO,EAAE,WAAW,mBAAA;AAAA,MACpB,YAAS;AAAA,MACT,QAAQ;AAAA,MACR,kBAAkB,EAAE,OAAO,IAAA;AAAA,MAE3B,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,IAAG;AAAA,YACH,QAAQ;AAAA,YACR,OAAO;AAAA,YACP,WAAU;AAAA,YACV,aAAa;AAAA,YACb,YAAW;AAAA,UAAA;AAAA,QAAA;AAAA,QAEf,gBAAAD;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,IAAG;AAAA,YACH,QAAQ;AAAA,YACR,OAAO;AAAA,YACP,WAAU;AAAA,YACV,aAAa;AAAA,YACb,YAAW;AAAA,UAAA;AAAA,QAAA;AAAA,QAEf,gBAAAD,EAACE,GAAA,EAAY,WAAWP,GACnB,UAAA,CAAC,EAAE,aAAAQ,QACAA,EAAY,IAAI,CAACC,MAAQ;AACrB,gBAAMC,IAAUD,EAAI,WAAW;AAC/B,iBACI,gBAAAJ;AAAA,YAACM;AAAA,YAAA;AAAA,cAEG,WAAWF;AAAA,cACX,aAAa;AAAA,cACb,WAAWG,EAAW,oBAAoB;AAAA,cAC1C,MAAK;AAAA,cACL,OACIV,IACM;AAAA,gBACI,OAAO;AAAA,kBACH,MAAM;AAAA,gBAAA;AAAA,cACV,IAEJ,CAAA;AAAA,cAEV,cAAc,MAAM;AAChB,gBAAAH;AAAA,kBACIT;AAAA,oBACIoB;AAAA,oBACAlB;AAAA,oBACAC;AAAA,oBACAC;AAAA,kBAAA;AAAA,gBACJ;AAAA,~~cACJ~~;AAAA,~~cAEJ~~,cAAc,MAAM;AAChB,gBAAAK,EAAkB,EAAE;AAAA,~~cAAA~~;AAAA,~~YACxB~~;AAAA,YA1BKU,EAAI;AAAA,UAAA;AAAA,~~QA2Bb~~,~~CAEP~~,~~GAET~~;AAAA,QACCR,KAAA,gBAAAA,EAASY;AAAA,MAAM;AAAA,IAAA;AAAA,EAAA;AAG5B,GAEMC,IAAM,CAAChB,MAAoB;AAC7B,QAAM,CAACiB,GAASC,CAAU,IAAIC,EAAS,EAAE;AACzC,SACI,gBAAAd,EAAAe,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAb,EAACR,GAAA,EAAU,GAAGC,GAAO,mBAAmBkB,EAAA,CAAY;AAAA,IACpD,gBAAAX,EAACc,KAAc,UAAAJ,EAAA,CAAQ;AAAA,EAAA,GAC3B;AAER,GAEMK,IAAY,CAACtB,MAA0B;AACzC,QAAM;AAAA,IACF,MAAAN,IAAO,CAAA;AAAA,IACP,WAAAQ,IAAYZ;AAAA,IACZ,aAAAiC;AAAA,IACA,aAAAC;AAAA,IACA,QAAArB;AAAA,IACA,WAAAC;AAAA,EAAA,IACAJ;AAEJ,SACI,gBAAAO;AAAA,IAACS;AAAA,IAAA;AAAA,MACG,MAAAtB;AAAA,MACA,WAAAQ;AAAA,MACA,QAAQsB;AAAA,MACR,QAAQD;AAAA,MACR,QAAApB;AAAA,MACA,WAAAC;AAAA,IAAA;AAAA,EAAA;AAGZ;"}
1	+ {"version":3,"file":"RegionMap.js","sources":["../../../../lib/@ecme/components/shared/RegionMap.tsx"],"sourcesContent":["import { useState } from 'react'\nimport {\n ComposableMap,\n Geographies,\n Geography,\n Marker,\n} from 'react-simple-maps'\nimport classNames from '@/utils/classNames'\nimport { PatternCircles } from '@visx/pattern'\nimport WorldMap from '@/assets/maps/world-countries-sans-antarctica.json'\nimport { Tooltip as ReactTooltip } from 'react-tooltip'\n\nimport type { Dispatch, ReactNode, SetStateAction } from 'react'\n\ntype MarkerCallback = (markerComponet: typeof Marker) => ReactNode\n\ntype MapDataProp = {\n name: string\n value?: string \| number\n color?: string\n}[]\n\ntype RegionMapProps = {\n data: MapDataProp\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n mapSource?: string \| Record<string, any> \| string[]\n valueSuffix?: string\n valuePrefix?: string\n marker?: MarkerCallback\n hoverable?: boolean\n}\n\ntype MapProps = Omit<RegionMapProps, 'valueSuffix' \| 'valuePrefix'> & {\n prefix?: string\n suffix?: string\n}\n\ntype MapChartProps = MapProps & {\n setTooltipContent: Dispatch<SetStateAction<string>>\n}\n\nconst geoUrl = WorldMap\n\nconst getRegionValue = (\n name: unknown,\n data: MapDataProp,\n suffix = '',\n prefix = '',\n) => {\n if (data.length > 0 \|\| name) {\n for (let i = 0; i < data.length; i++) {\n const elm = data[i]\n if (name === elm.name) {\n return `${elm.name} - ${prefix}${elm.value}${suffix}`\n }\n }\n return ''\n }\n return ''\n}\n\nconst MapChart = (props: MapChartProps) => {\n const {\n setTooltipContent,\n data,\n mapSource,\n suffix,\n prefix,\n marker,\n hoverable = true,\n } = props\n\n return (\n <ComposableMap\n style={{ transform: 'translateY(20px)' }}\n data-tip=\"\"\n height={450}\n projectionConfig={{ scale: 170 }}\n >\n <PatternCircles\n id=\"map-dots\"\n height={6}\n width={6}\n className=\"fill-gray-300 dark:fill-gray-500 \"\n strokeWidth={1}\n background=\"transparent\"\n />\n <PatternCircles\n id=\"map-dots-hover\"\n height={6}\n width={6}\n className=\"fill-gray-400 dark:fill-gray-300 \"\n strokeWidth={1}\n background=\"transparent\"\n />\n <Geographies geography={mapSource}>\n {({ geographies }) =>\n geographies.map((geo) => {\n const geoName = geo.properties.name\n return (\n <Geography\n key={geo.rsmKey}\n geography={geo}\n strokeWidth={2}\n className={classNames('stroke-transparent')}\n fill=\"url('#map-dots')\"\n style={\n hoverable\n ? {\n hover: {\n fill: \"url('#map-dots-hover')\",\n },\n }\n : {}\n }\n onMouseEnter={() => {\n setTooltipContent(\n getRegionValue(\n geoName,\n data,\n suffix,\n prefix,\n ),\n )\n }}\n onMouseLeave={() => {\n setTooltipContent('')\n }}\n />\n )\n })\n }\n </Geographies>\n {marker?.(Marker)}\n </ComposableMap>\n )\n}\n\nconst Map = (props: MapProps) => {\n const [content, setContent] = useState('')\n return (\n <>\n <MapChart {...props} setTooltipContent={setContent} />\n <ReactTooltip>{content}</ReactTooltip>\n </>\n )\n}\n\nconst RegionMap = (props: RegionMapProps) => {\n const {\n data = [],\n mapSource = geoUrl,\n valueSuffix,\n valuePrefix,\n marker,\n hoverable,\n } = props\n\n return (\n <Map\n data={data}\n mapSource={mapSource}\n prefix={valuePrefix}\n suffix={valueSuffix}\n marker={marker}\n hoverable={hoverable}\n />\n )\n}\n\nexport default RegionMap\n"],"names":["geoUrl","WorldMap","getRegionValue","name","data","suffix","prefix","i","elm","MapChart","props","setTooltipContent","mapSource","marker","hoverable","jsxs","ComposableMap","jsx","PatternCircles","Geographies","geographies","geo","geoName","Geography","classNames","Marker","Map","content","setContent","useState","Fragment","ReactTooltip","RegionMap","valueSuffix","valuePrefix"],"mappings":";;;;;;;AAyCA,MAAMA,IAASC,GAETC,IAAiB,CACnBC,GACAC,GACAC,IAAS,IACTC,IAAS,OACR;AACD,MAAIF,EAAK,SAAS,KAAKD,GAAM;AACzB,aAASI,IAAI,GAAGA,IAAIH,EAAK,QAAQG,KAAK;AAClC,YAAMC,IAAMJ,EAAKG,CAAC;AAClB,UAAIJ,MAASK,EAAI;AACb,eAAO,GAAGA,EAAI,IAAI,MAAMF,CAAM,GAAGE,EAAI,KAAK,GAAGH,CAAM;AAAA,IAE3D;AACA,WAAO;AAAA,EACX;AACA,SAAO;AACX,GAEMI,IAAW,CAACC,MAAyB;AACvC,QAAM;AAAA,IACF,mBAAAC;AAAA,IACA,MAAAP;AAAA,IACA,WAAAQ;AAAA,IACA,QAAAP;AAAA,IACA,QAAAC;AAAA,IACA,QAAAO;AAAA,IACA,WAAAC,IAAY;AAAA,EAAA,IACZJ;AAEJ,SACI,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAO,EAAE,WAAW,mBAAA;AAAA,MACpB,YAAS;AAAA,MACT,QAAQ;AAAA,MACR,kBAAkB,EAAE,OAAO,IAAA;AAAA,MAE3B,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,IAAG;AAAA,YACH,QAAQ;AAAA,YACR,OAAO;AAAA,YACP,WAAU;AAAA,YACV,aAAa;AAAA,YACb,YAAW;AAAA,UAAA;AAAA,QAAA;AAAA,QAEf,gBAAAD;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,IAAG;AAAA,YACH,QAAQ;AAAA,YACR,OAAO;AAAA,YACP,WAAU;AAAA,YACV,aAAa;AAAA,YACb,YAAW;AAAA,UAAA;AAAA,QAAA;AAAA,QAEf,gBAAAD,EAACE,GAAA,EAAY,WAAWP,GACnB,UAAA,CAAC,EAAE,aAAAQ,QACAA,EAAY,IAAI,CAACC,MAAQ;AACrB,gBAAMC,IAAUD,EAAI,WAAW;AAC/B,iBACI,gBAAAJ;AAAA,YAACM;AAAA,YAAA;AAAA,cAEG,WAAWF;AAAA,cACX,aAAa;AAAA,cACb,WAAWG,EAAW,oBAAoB;AAAA,cAC1C,MAAK;AAAA,cACL,OACIV,IACM;AAAA,gBACI,OAAO;AAAA,kBACH,MAAM;AAAA,gBAAA;AAAA,cACV,IAEJ,CAAA;AAAA,cAEV,cAAc,MAAM;AAChB,gBAAAH;AAAA,kBACIT;AAAA,oBACIoB;AAAA,oBACAlB;AAAA,oBACAC;AAAA,oBACAC;AAAA,kBAAA;AAAA,gBACJ;AAAA,cAER;AAAA,cACA,cAAc,MAAM;AAChB,gBAAAK,EAAkB,EAAE;AAAA,cACxB;AAAA,YAAA;AAAA,YA1BKU,EAAI;AAAA,UAAA;AAAA,QA6BrB,CAAC,EAAA,CAET;AAAA,QACCR,KAAA,gBAAAA,EAASY;AAAA,MAAM;AAAA,IAAA;AAAA,EAAA;AAG5B,GAEMC,IAAM,CAAChB,MAAoB;AAC7B,QAAM,CAACiB,GAASC,CAAU,IAAIC,EAAS,EAAE;AACzC,SACI,gBAAAd,EAAAe,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAb,EAACR,GAAA,EAAU,GAAGC,GAAO,mBAAmBkB,EAAA,CAAY;AAAA,IACpD,gBAAAX,EAACc,KAAc,UAAAJ,EAAA,CAAQ;AAAA,EAAA,GAC3B;AAER,GAEMK,IAAY,CAACtB,MAA0B;AACzC,QAAM;AAAA,IACF,MAAAN,IAAO,CAAA;AAAA,IACP,WAAAQ,IAAYZ;AAAA,IACZ,aAAAiC;AAAA,IACA,aAAAC;AAAA,IACA,QAAArB;AAAA,IACA,WAAAC;AAAA,EAAA,IACAJ;AAEJ,SACI,gBAAAO;AAAA,IAACS;AAAA,IAAA;AAAA,MACG,MAAAtB;AAAA,MACA,WAAAQ;AAAA,MACA,QAAQsB;AAAA,MACR,QAAQD;AAAA,MACR,QAAApB;AAAA,MACA,WAAAC;AAAA,IAAA;AAAA,EAAA;AAGZ;"}