npm - @orbe-agro/client-core - Versions diffs - 5.3.147 → 5.3.156 - Mend

@orbe-agro/client-core 5.3.147 → 5.3.156

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

package/dist/@ecme/views/ui-components/forms/TimeInput/Disabled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Disabled.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/TimeInput/Disabled.tsx"],"sourcesContent":["import TimeInput from '@/components/ui/TimeInput'\n\nconst Disabled = () => {\n return (\n <div className=\"flex flex-col gap-5\">\n <TimeInput disabled />\n </div>\n )\n}\n\nexport default Disabled\n"],"names":["Disabled","jsx","TimeInput"],"mappings":";;AAEA,MAAMA,IAAW,MAET,gBAAAC,EAAC,SAAI,WAAU,uBACX,4BAACC,~~GAAA~~,~~EAAU~~,UAAQ,IAAC,~~EAAA~~,~~CACxB~~;"}
1	+ {"version":3,"file":"Disabled.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/TimeInput/Disabled.tsx"],"sourcesContent":["import TimeInput from '@/components/ui/TimeInput'\n\nconst Disabled = () => {\n return (\n <div className=\"flex flex-col gap-5\">\n <TimeInput disabled />\n </div>\n )\n}\n\nexport default Disabled\n"],"names":["Disabled","jsx","TimeInput"],"mappings":";;AAEA,MAAMA,IAAW,MAET,gBAAAC,EAAC,SAAI,WAAU,uBACX,4BAACC,GAAU,EAAA,UAAQ,IAAC,EACxB,CAAA;"}

package/dist/@ecme/views/ui-components/forms/TimeInput/Invalid.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Invalid.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/TimeInput/Invalid.tsx"],"sourcesContent":["import TimeInput from '@/components/ui/TimeInput'\n\nconst Invalid = () => {\n return <TimeInput invalid />\n}\n\nexport default Invalid\n"],"names":["Invalid","jsx","TimeInput"],"mappings":";;AAEA,MAAMA,IAAU,MACL,gBAAAC,EAACC,~~GAAA~~,~~EAAU~~,SAAO,~~GAAA~~,~~CAAC~~;"}
1	+ {"version":3,"file":"Invalid.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/TimeInput/Invalid.tsx"],"sourcesContent":["import TimeInput from '@/components/ui/TimeInput'\n\nconst Invalid = () => {\n return <TimeInput invalid />\n}\n\nexport default Invalid\n"],"names":["Invalid","jsx","TimeInput"],"mappings":";;AAEA,MAAMA,IAAU,MACL,gBAAAC,EAACC,GAAU,EAAA,SAAO,GAAC,CAAA;"}

package/dist/@ecme/views/ui-components/forms/TimeInput/Seconds.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Seconds.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/TimeInput/Seconds.tsx"],"sourcesContent":["import TimeInput from '@/components/ui/TimeInput'\n\nconst Seconds = () => {\n return <TimeInput showSeconds defaultValue={new Date()} />\n}\n\nexport default Seconds\n"],"names":["Seconds","TimeInput"],"mappings":";;AAEA,MAAMA,IAAU,wBACJC,~~GAAA~~,~~EAAU~~,aAAW,IAAC,cAAc,oBAAI,QAAQ;"}
1	+ {"version":3,"file":"Seconds.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/TimeInput/Seconds.tsx"],"sourcesContent":["import TimeInput from '@/components/ui/TimeInput'\n\nconst Seconds = () => {\n return <TimeInput showSeconds defaultValue={new Date()} />\n}\n\nexport default Seconds\n"],"names":["Seconds","TimeInput"],"mappings":";;AAEA,MAAMA,IAAU,wBACJC,GAAU,EAAA,aAAW,IAAC,cAAc,oBAAI,QAAQ;"}

package/dist/@ecme/views/ui-components/forms/TimeInput/Sizes.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Sizes.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/TimeInput/Sizes.tsx"],"sourcesContent":["import TimeInput from '@/components/ui/TimeInput'\n\nconst Sizes = () => {\n return (\n <div className=\"flex flex-col gap-5\">\n <TimeInput size=\"sm\" />\n <TimeInput />\n <TimeInput size=\"lg\" />\n </div>\n )\n}\n\nexport default Sizes\n"],"names":["Sizes","jsxs","jsx","TimeInput"],"mappings":";;AAEA,MAAMA,IAAQ,MAEN,gBAAAC,EAAC,~~OAAA~~,~~EAAI~~,WAAU,uBACX,UAAA;AAAA,~~EAAA~~,gBAAAC,~~EAACC~~,GAAA,EAAU,MAAK,~~KAAA~~,~~CAAK~~;AAAA,oBACpBA,~~GAAA~~,~~EAAU~~;AAAA,EACX,gBAAAD,EAACC,~~GAAA~~,~~EAAU~~,MAAK,~~KAAA~~,~~CAAK~~;AAAA,GACzB;"}
1	+ {"version":3,"file":"Sizes.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/TimeInput/Sizes.tsx"],"sourcesContent":["import TimeInput from '@/components/ui/TimeInput'\n\nconst Sizes = () => {\n return (\n <div className=\"flex flex-col gap-5\">\n <TimeInput size=\"sm\" />\n <TimeInput />\n <TimeInput size=\"lg\" />\n </div>\n )\n}\n\nexport default Sizes\n"],"names":["Sizes","jsxs","jsx","TimeInput"],"mappings":";;AAEA,MAAMA,IAAQ,MAEN,gBAAAC,EAAC,OAAI,EAAA,WAAU,uBACX,UAAA;AAAA,EAAC,gBAAAC,EAAAC,GAAA,EAAU,MAAK,KAAK,CAAA;AAAA,oBACpBA,GAAU,EAAA;AAAA,EACX,gBAAAD,EAACC,GAAU,EAAA,MAAK,KAAK,CAAA;AAAA,GACzB;"}

package/dist/@ecme/views/ui-components/forms/TimeInput/TimeRangeInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TimeRangeInput.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/TimeInput/TimeRangeInput.tsx"],"sourcesContent":["import TimeInput from '@/components/ui/TimeInput'\nimport dayjs from 'dayjs'\n\nconst TimeRangeInput = () => {\n return (\n <TimeInput.TimeInputRange\n clearable\n defaultValue={[\n new Date(),\n dayjs(new Date()).add(60, 'minutes').toDate(),\n ]}\n />\n )\n}\n\nexport default TimeRangeInput\n"],"names":["TimeRangeInput","jsx","TimeInput","dayjs"],"mappings":";;;AAGA,MAAMA,IAAiB,MAEf,gBAAAC;AAAA,EAACC,EAAU;AAAA,EAAV;AAAA,IACG,WAAS;AAAA,IACT,cAAc;AAAA,0BACN,~~KAAA~~;AAAA,~~MACJC~~,sBAAU,MAAM,EAAE,IAAI,IAAI,SAAS,EAAE,~~OAAA~~;AAAA,~~IAAO~~;AAAA,EAChD;~~AAAA~~;"}
1	+ {"version":3,"file":"TimeRangeInput.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/TimeInput/TimeRangeInput.tsx"],"sourcesContent":["import TimeInput from '@/components/ui/TimeInput'\nimport dayjs from 'dayjs'\n\nconst TimeRangeInput = () => {\n return (\n <TimeInput.TimeInputRange\n clearable\n defaultValue={[\n new Date(),\n dayjs(new Date()).add(60, 'minutes').toDate(),\n ]}\n />\n )\n}\n\nexport default TimeRangeInput\n"],"names":["TimeRangeInput","jsx","TimeInput","dayjs"],"mappings":";;;AAGA,MAAMA,IAAiB,MAEf,gBAAAC;AAAA,EAACC,EAAU;AAAA,EAAV;AAAA,IACG,WAAS;AAAA,IACT,cAAc;AAAA,0BACN,KAAK;AAAA,MACTC,sBAAU,MAAM,EAAE,IAAI,IAAI,SAAS,EAAE,OAAO;AAAA,IAAA;AAAA,EAChD;AACJ;"}

package/dist/@ecme/views/ui-components/forms/TimeInput/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/TimeInput/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport TimeRangeInput from './TimeRangeInput'\nimport Controlled from './Controlled'\nimport Seconds from './Seconds'\nimport AmPm from './AmPm'\nimport Sizes from './Sizes'\nimport Disabled from './Disabled'\nimport Affix from './Affix'\nimport Invalid from './Invalid'\n\nconst mdPath = 'TimeInput'\n\nconst demoHeader = {\n title: 'TimeInput',\n desc: 'An input field alllow user enter specify time.',\n}\n\nconst demos = [\n {\n mdName: 'Basic',\n mdPath: mdPath,\n title: 'Basic',\n desc: `Basic example of TimeInput.`,\n component: <Basic />,\n },\n {\n mdName: 'TimeRangeInput',\n mdPath: mdPath,\n title: 'Time range input',\n desc: `Basic example for TimeInputRange.`,\n component: <TimeRangeInput />,\n },\n {\n mdName: 'Controlled',\n mdPath: mdPath,\n title: 'Controlled',\n desc: `Controlled usage.`,\n component: <Controlled />,\n },\n {\n mdName: 'Seconds',\n mdPath: mdPath,\n title: 'Display seconds',\n desc: `We can also enable seconds for input.`,\n component: <Seconds />,\n },\n {\n mdName: 'AmPm',\n mdPath: mdPath,\n title: 'Display AM or PM',\n desc: `Setting <code>format</code> prop to <code>'12'</code> to change time to 12 hours format`,\n component: <AmPm />,\n },\n {\n mdName: 'Sizes',\n mdPath: mdPath,\n title: 'Sizes',\n desc: `There's three sizes of option for TimeInput.`,\n component: <Sizes />,\n },\n {\n mdName: 'Disabled',\n mdPath: mdPath,\n title: 'Disabled',\n desc: `Disabled TimeInput.`,\n component: <Disabled />,\n },\n {\n mdName: 'Affix',\n mdPath: mdPath,\n title: 'Affix',\n desc: `TimeInput can have <code>suffix</code> or <code>prefix</code> content inside.`,\n component: <Affix />,\n },\n {\n mdName: 'Invalid',\n mdPath: mdPath,\n title: 'Invalid state',\n desc: `Display TimeInput as invalid status when <code>invalid</code> prop is set to true.`,\n component: <Invalid />,\n },\n]\n\nconst demoApi = [\n {\n component: 'TimeInput',\n api: [\n {\n propName: 'amLabel',\n type: `<code>'string'</code>`,\n default: `<code>'am'</code>`,\n desc: 'Display string for AM',\n },\n {\n propName: 'amPmPlaceholder',\n type: `<code>'string'</code>`,\n default: `<code>'am'</code>`,\n desc: 'Placeholder for AM/PM field',\n },\n {\n propName: 'clearable',\n type: `<code>boolean</code>`,\n default: `<code>true</code>`,\n desc: 'Whether allow to clear value',\n },\n {\n propName: 'defaultValue',\n type: `<code>Date</code>`,\n default: `-`,\n desc: 'Default value of TimeInput (use value instead if it is controlled)',\n },\n {\n propName: 'disabled',\n type: `<code>boolean</code>`,\n default: `<code>false</code>`,\n desc: 'Whether TimeInput is disabled',\n },\n {\n propName: 'format',\n type: `<code>'12'</code> \| <code>'24'</code>`,\n default: `<code>'24'</code>`,\n desc: 'Determine time format',\n },\n {\n propName: 'invalid',\n type: `<code>boolean</code>`,\n default: `-`,\n desc: 'Whether the TimeInput is invalid status',\n },\n {\n propName: 'nextRef',\n type: `<code>RefObject</code>`,\n default: `-`,\n desc: 'Ref to focus after final TimeInput field, can be used by TimeInputRange',\n },\n {\n propName: 'onChange',\n type: `<code>(value: Date) => void</code>`,\n default: `-`,\n desc: 'Callback when TimeInput value changed',\n },\n {\n propName: 'pmLabel',\n type: `<code>'string'</code>`,\n default: `<code>'pm'</code>`,\n desc: 'Display string for PM',\n },\n {\n propName: 'prefix',\n type: `<code>string</code> \| <code>ReactNode</code>`,\n default: `-`,\n desc: 'Render a prefix content inside TimeInput',\n },\n {\n propName: 'showSeconds',\n type: `<code>boolean</code>`,\n default: `-`,\n desc: 'Whether display seconds input field',\n },\n {\n propName: 'size',\n type: `<code>'lg'</code> \| <code>'md'</code> \| <code>'sm'</code>`,\n default: `<code>'md'</code>`,\n desc: 'TimeInput size',\n },\n {\n propName: 'suffix',\n type: `<code>string</code> \| <code>ReactNode</code>`,\n default: `<code>ReactNode</code>`,\n desc: 'Render a suffix content inside TimeInput',\n },\n {\n propName: 'timeFieldPlaceholder',\n type: `<code>'string'</code>`,\n default: `<code>'--'</code>`,\n desc: 'Time field placeholder',\n },\n {\n propName: 'timeFieldClass',\n type: `<code>'string'</code>`,\n default: `-`,\n desc: 'Extra class for time field',\n },\n {\n propName: 'value',\n type: `<code>Date</code>`,\n default: `-`,\n desc: 'Value of TimeInput (Controlled)',\n },\n ],\n },\n {\n component: 'TimeInput.TimeInputRange',\n api: [\n {\n propName: 'amLabel',\n type: `<code>'string'</code>`,\n default: `<code>'am'</code>`,\n desc: 'Display string for AM',\n },\n {\n propName: 'amPmPlaceholder',\n type: `<code>'string'</code>`,\n default: `<code>'am'</code>`,\n desc: 'Placeholder for AM/PM field',\n },\n {\n propName: 'clearable',\n type: `<code>boolean</code>`,\n default: `<code>true</code>`,\n desc: 'Whether allow to clear value',\n },\n {\n propName: 'defaultValue',\n type: `<code>Date</code>`,\n default: `-`,\n desc: 'Default value of TimeInputRange (use value instead if it is controlled)',\n },\n {\n propName: 'disabled',\n type: `<code>boolean</code>`,\n default: `<code>false</code>`,\n desc: 'Whether TimeInputRange is disabled',\n },\n {\n propName: 'format',\n type: `<code>'12'</code> \| <code>'24'</code>`,\n default: `<code>'24'</code>`,\n desc: 'Determine time format',\n },\n {\n propName: 'invalid',\n type: `<code>boolean</code>`,\n default: `-`,\n desc: 'Whether the TimeInputRange is invalid status',\n },\n {\n propName: 'nextRef',\n type: `<code>RefObject</code>`,\n default: `-`,\n desc: 'Ref to focus after final TimeInputRange field, can be used by TimeInputRangeRange',\n },\n {\n propName: 'onChange',\n type: `<code>(value: Date) => void</code>`,\n default: `-`,\n desc: 'Callback when TimeInputRange value changed',\n },\n {\n propName: 'pmLabel',\n type: `<code>'string'</code>`,\n default: `<code>'pm'</code>`,\n desc: 'Display string for PM',\n },\n {\n propName: 'prefix',\n type: `<code>string</code> \| <code>ReactNode</code>`,\n default: `-`,\n desc: 'Render a prefix content inside TimeInputRange',\n },\n {\n propName: 'separator',\n type: `<code>'string'</code> \| <code>'24'</code>`,\n default: `<code>'~'</code>`,\n desc: 'Seperator between time inputs ',\n },\n {\n propName: 'showSeconds',\n type: `<code>boolean</code>`,\n default: `-`,\n desc: 'Whether display seconds input field',\n },\n {\n propName: 'size',\n type: `<code>'lg'</code> \| <code>'md'</code> \| <code>'sm'</code>`,\n default: `<code>'md'</code>`,\n desc: 'TimeInputRange size',\n },\n {\n propName: 'suffix',\n type: `<code>string</code> \| <code>ReactNode</code>`,\n default: `<code>ReactNode</code>`,\n desc: 'Render a suffix content inside TimeInputRange',\n },\n {\n propName: 'timeFieldPlaceholder',\n type: `<code>'string'</code>`,\n default: `<code>'--'</code>`,\n desc: 'Time field placeholder',\n },\n {\n propName: 'timeFieldClass',\n type: `<code>'string'</code>`,\n default: `-`,\n desc: 'Extra class for time field',\n },\n {\n propName: 'value',\n type: `<code>Date</code>`,\n default: `-`,\n desc: 'Value of TimeInputRange (Controlled)',\n },\n ],\n },\n]\n\nconst Switcher = () => {\n return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\n}\n\nexport default Switcher\n"],"names":["mdPath","demoHeader","demos","Basic","TimeRangeInput","Controlled","Seconds","AmPm","Sizes","Disabled","Affix","Invalid","demoApi","Switcher","DemoLayout"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/TimeInput/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport TimeRangeInput from './TimeRangeInput'\nimport Controlled from './Controlled'\nimport Seconds from './Seconds'\nimport AmPm from './AmPm'\nimport Sizes from './Sizes'\nimport Disabled from './Disabled'\nimport Affix from './Affix'\nimport Invalid from './Invalid'\n\nconst mdPath = 'TimeInput'\n\nconst demoHeader = {\n title: 'TimeInput',\n desc: 'An input field alllow user enter specify time.',\n}\n\nconst demos = [\n {\n mdName: 'Basic',\n mdPath: mdPath,\n title: 'Basic',\n desc: `Basic example of TimeInput.`,\n component: <Basic />,\n },\n {\n mdName: 'TimeRangeInput',\n mdPath: mdPath,\n title: 'Time range input',\n desc: `Basic example for TimeInputRange.`,\n component: <TimeRangeInput />,\n },\n {\n mdName: 'Controlled',\n mdPath: mdPath,\n title: 'Controlled',\n desc: `Controlled usage.`,\n component: <Controlled />,\n },\n {\n mdName: 'Seconds',\n mdPath: mdPath,\n title: 'Display seconds',\n desc: `We can also enable seconds for input.`,\n component: <Seconds />,\n },\n {\n mdName: 'AmPm',\n mdPath: mdPath,\n title: 'Display AM or PM',\n desc: `Setting <code>format</code> prop to <code>'12'</code> to change time to 12 hours format`,\n component: <AmPm />,\n },\n {\n mdName: 'Sizes',\n mdPath: mdPath,\n title: 'Sizes',\n desc: `There's three sizes of option for TimeInput.`,\n component: <Sizes />,\n },\n {\n mdName: 'Disabled',\n mdPath: mdPath,\n title: 'Disabled',\n desc: `Disabled TimeInput.`,\n component: <Disabled />,\n },\n {\n mdName: 'Affix',\n mdPath: mdPath,\n title: 'Affix',\n desc: `TimeInput can have <code>suffix</code> or <code>prefix</code> content inside.`,\n component: <Affix />,\n },\n {\n mdName: 'Invalid',\n mdPath: mdPath,\n title: 'Invalid state',\n desc: `Display TimeInput as invalid status when <code>invalid</code> prop is set to true.`,\n component: <Invalid />,\n },\n]\n\nconst demoApi = [\n {\n component: 'TimeInput',\n api: [\n {\n propName: 'amLabel',\n type: `<code>'string'</code>`,\n default: `<code>'am'</code>`,\n desc: 'Display string for AM',\n },\n {\n propName: 'amPmPlaceholder',\n type: `<code>'string'</code>`,\n default: `<code>'am'</code>`,\n desc: 'Placeholder for AM/PM field',\n },\n {\n propName: 'clearable',\n type: `<code>boolean</code>`,\n default: `<code>true</code>`,\n desc: 'Whether allow to clear value',\n },\n {\n propName: 'defaultValue',\n type: `<code>Date</code>`,\n default: `-`,\n desc: 'Default value of TimeInput (use value instead if it is controlled)',\n },\n {\n propName: 'disabled',\n type: `<code>boolean</code>`,\n default: `<code>false</code>`,\n desc: 'Whether TimeInput is disabled',\n },\n {\n propName: 'format',\n type: `<code>'12'</code> \| <code>'24'</code>`,\n default: `<code>'24'</code>`,\n desc: 'Determine time format',\n },\n {\n propName: 'invalid',\n type: `<code>boolean</code>`,\n default: `-`,\n desc: 'Whether the TimeInput is invalid status',\n },\n {\n propName: 'nextRef',\n type: `<code>RefObject</code>`,\n default: `-`,\n desc: 'Ref to focus after final TimeInput field, can be used by TimeInputRange',\n },\n {\n propName: 'onChange',\n type: `<code>(value: Date) => void</code>`,\n default: `-`,\n desc: 'Callback when TimeInput value changed',\n },\n {\n propName: 'pmLabel',\n type: `<code>'string'</code>`,\n default: `<code>'pm'</code>`,\n desc: 'Display string for PM',\n },\n {\n propName: 'prefix',\n type: `<code>string</code> \| <code>ReactNode</code>`,\n default: `-`,\n desc: 'Render a prefix content inside TimeInput',\n },\n {\n propName: 'showSeconds',\n type: `<code>boolean</code>`,\n default: `-`,\n desc: 'Whether display seconds input field',\n },\n {\n propName: 'size',\n type: `<code>'lg'</code> \| <code>'md'</code> \| <code>'sm'</code>`,\n default: `<code>'md'</code>`,\n desc: 'TimeInput size',\n },\n {\n propName: 'suffix',\n type: `<code>string</code> \| <code>ReactNode</code>`,\n default: `<code>ReactNode</code>`,\n desc: 'Render a suffix content inside TimeInput',\n },\n {\n propName: 'timeFieldPlaceholder',\n type: `<code>'string'</code>`,\n default: `<code>'--'</code>`,\n desc: 'Time field placeholder',\n },\n {\n propName: 'timeFieldClass',\n type: `<code>'string'</code>`,\n default: `-`,\n desc: 'Extra class for time field',\n },\n {\n propName: 'value',\n type: `<code>Date</code>`,\n default: `-`,\n desc: 'Value of TimeInput (Controlled)',\n },\n ],\n },\n {\n component: 'TimeInput.TimeInputRange',\n api: [\n {\n propName: 'amLabel',\n type: `<code>'string'</code>`,\n default: `<code>'am'</code>`,\n desc: 'Display string for AM',\n },\n {\n propName: 'amPmPlaceholder',\n type: `<code>'string'</code>`,\n default: `<code>'am'</code>`,\n desc: 'Placeholder for AM/PM field',\n },\n {\n propName: 'clearable',\n type: `<code>boolean</code>`,\n default: `<code>true</code>`,\n desc: 'Whether allow to clear value',\n },\n {\n propName: 'defaultValue',\n type: `<code>Date</code>`,\n default: `-`,\n desc: 'Default value of TimeInputRange (use value instead if it is controlled)',\n },\n {\n propName: 'disabled',\n type: `<code>boolean</code>`,\n default: `<code>false</code>`,\n desc: 'Whether TimeInputRange is disabled',\n },\n {\n propName: 'format',\n type: `<code>'12'</code> \| <code>'24'</code>`,\n default: `<code>'24'</code>`,\n desc: 'Determine time format',\n },\n {\n propName: 'invalid',\n type: `<code>boolean</code>`,\n default: `-`,\n desc: 'Whether the TimeInputRange is invalid status',\n },\n {\n propName: 'nextRef',\n type: `<code>RefObject</code>`,\n default: `-`,\n desc: 'Ref to focus after final TimeInputRange field, can be used by TimeInputRangeRange',\n },\n {\n propName: 'onChange',\n type: `<code>(value: Date) => void</code>`,\n default: `-`,\n desc: 'Callback when TimeInputRange value changed',\n },\n {\n propName: 'pmLabel',\n type: `<code>'string'</code>`,\n default: `<code>'pm'</code>`,\n desc: 'Display string for PM',\n },\n {\n propName: 'prefix',\n type: `<code>string</code> \| <code>ReactNode</code>`,\n default: `-`,\n desc: 'Render a prefix content inside TimeInputRange',\n },\n {\n propName: 'separator',\n type: `<code>'string'</code> \| <code>'24'</code>`,\n default: `<code>'~'</code>`,\n desc: 'Seperator between time inputs ',\n },\n {\n propName: 'showSeconds',\n type: `<code>boolean</code>`,\n default: `-`,\n desc: 'Whether display seconds input field',\n },\n {\n propName: 'size',\n type: `<code>'lg'</code> \| <code>'md'</code> \| <code>'sm'</code>`,\n default: `<code>'md'</code>`,\n desc: 'TimeInputRange size',\n },\n {\n propName: 'suffix',\n type: `<code>string</code> \| <code>ReactNode</code>`,\n default: `<code>ReactNode</code>`,\n desc: 'Render a suffix content inside TimeInputRange',\n },\n {\n propName: 'timeFieldPlaceholder',\n type: `<code>'string'</code>`,\n default: `<code>'--'</code>`,\n desc: 'Time field placeholder',\n },\n {\n propName: 'timeFieldClass',\n type: `<code>'string'</code>`,\n default: `-`,\n desc: 'Extra class for time field',\n },\n {\n propName: 'value',\n type: `<code>Date</code>`,\n default: `-`,\n desc: 'Value of TimeInputRange (Controlled)',\n },\n ],\n },\n]\n\nconst Switcher = () => {\n return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\n}\n\nexport default Switcher\n"],"names":["mdPath","demoHeader","demos","Basic","TimeRangeInput","Controlled","Seconds","AmPm","Sizes","Disabled","Affix","Invalid","demoApi","Switcher","DemoLayout"],"mappings":"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"}

package/dist/@ecme/views/ui-components/forms/Upload/AvatarImage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AvatarImage.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Upload/AvatarImage.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Upload from '@/components/ui/Upload'\nimport { HiOutlinePlus } from 'react-icons/hi'\n\nconst AvatarImage = () => {\n const [avatarImg, setAvatarImg] = useState<string \| null>(null)\n\n const onFileUpload = (files: File[]) => {\n if (files.length > 0) {\n setAvatarImg(URL.createObjectURL(files[0]))\n }\n }\n\n const beforeUpload = (files: FileList \| null) => {\n let valid: string \| boolean = true\n\n const allowedFileType = ['image/jpeg', 'image/png']\n if (files) {\n for (const file of files) {\n if (!allowedFileType.includes(file.type)) {\n valid = 'Please upload a .jpeg or .png file!'\n }\n }\n }\n\n return valid\n }\n\n return (\n <div>\n <Upload\n className=\"cursor-pointer\"\n showList={false}\n uploadLimit={1}\n beforeUpload={beforeUpload}\n onChange={onFileUpload}\n >\n <Avatar\n size={80}\n src={avatarImg as string}\n icon={<HiOutlinePlus />}\n />\n </Upload>\n </div>\n )\n}\n\nexport default AvatarImage\n"],"names":["AvatarImage","avatarImg","setAvatarImg","useState","jsx","Upload","files","valid","allowedFileType","file","Avatar","HiOutlinePlus"],"mappings":";;;;;;AAKA,MAAMA,IAAc,MAAM;AACtB,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAwB,IAAI;AAuB9D,2BACK,~~OAAA~~,~~EACG~~,UAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,UAAU;AAAA,MACV,aAAa;AAAA,MACb,cArBS,CAACC,MAA2B;AAC7C,YAAIC,IAA0B;~~AAE9B~~,~~cAAMC~~,IAAkB,CAAC,cAAc,WAAW;AAClD,YAAIF;AACA,qBAAWG,KAAQH;AACf,YAAKE,EAAgB,SAASC,EAAK,IAAI,~~MACnCF~~,~~IAAQ~~;~~AAKpB~~,~~eAAOA~~;AAAA,MACX;AAAA,MASY,UA5BS,CAACD,MAAkB;~~AACpC~~,~~QAAIA~~,EAAM,SAAS,KACfJ,EAAa,IAAI,gBAAgBI,EAAM,CAAC,CAAC,CAAC;AAAA,MAElD;AAAA,MA0BY,UAAA,gBAAAF;AAAA,QAACM;AAAA,QAAA;AAAA,UACG,MAAM;AAAA,UACN,KAAKT;AAAA,UACL,wBAAOU,~~GAAA~~,CAAA,~~CAAc~~;AAAA,QAAA;AAAA,MAAA;AAAA,IACzB;AAAA,EAAA,GAER;AAER;"}
1	+ {"version":3,"file":"AvatarImage.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Upload/AvatarImage.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Upload from '@/components/ui/Upload'\nimport { HiOutlinePlus } from 'react-icons/hi'\n\nconst AvatarImage = () => {\n const [avatarImg, setAvatarImg] = useState<string \| null>(null)\n\n const onFileUpload = (files: File[]) => {\n if (files.length > 0) {\n setAvatarImg(URL.createObjectURL(files[0]))\n }\n }\n\n const beforeUpload = (files: FileList \| null) => {\n let valid: string \| boolean = true\n\n const allowedFileType = ['image/jpeg', 'image/png']\n if (files) {\n for (const file of files) {\n if (!allowedFileType.includes(file.type)) {\n valid = 'Please upload a .jpeg or .png file!'\n }\n }\n }\n\n return valid\n }\n\n return (\n <div>\n <Upload\n className=\"cursor-pointer\"\n showList={false}\n uploadLimit={1}\n beforeUpload={beforeUpload}\n onChange={onFileUpload}\n >\n <Avatar\n size={80}\n src={avatarImg as string}\n icon={<HiOutlinePlus />}\n />\n </Upload>\n </div>\n )\n}\n\nexport default AvatarImage\n"],"names":["AvatarImage","avatarImg","setAvatarImg","useState","jsx","Upload","files","valid","allowedFileType","file","Avatar","HiOutlinePlus"],"mappings":";;;;;;AAKA,MAAMA,IAAc,MAAM;AACtB,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAwB,IAAI;AAuB9D,2BACK,OACG,EAAA,UAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,UAAU;AAAA,MACV,aAAa;AAAA,MACb,cArBS,CAACC,MAA2B;AAC7C,YAAIC,IAA0B;AAExB,cAAAC,IAAkB,CAAC,cAAc,WAAW;AAClD,YAAIF;AACA,qBAAWG,KAAQH;AACf,YAAKE,EAAgB,SAASC,EAAK,IAAI,MAC3BF,IAAA;AAKb,eAAAA;AAAA,MACX;AAAA,MASY,UA5BS,CAACD,MAAkB;AAChC,QAAAA,EAAM,SAAS,KACfJ,EAAa,IAAI,gBAAgBI,EAAM,CAAC,CAAC,CAAC;AAAA,MAElD;AAAA,MA0BY,UAAA,gBAAAF;AAAA,QAACM;AAAA,QAAA;AAAA,UACG,MAAM;AAAA,UACN,KAAKT;AAAA,UACL,wBAAOU,GAAc,CAAA,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACzB;AAAA,EAAA,GAER;AAER;"}

package/dist/@ecme/views/ui-components/forms/Upload/Basic.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Basic.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Upload/Basic.tsx"],"sourcesContent":["import Upload from '@/components/ui/Upload'\n\nconst Basic = () => {\n return (\n <div>\n <Upload />\n </div>\n )\n}\n\nexport default Basic\n"],"names":["Basic","jsx","Upload"],"mappings":";;;AAEA,MAAMA,IAAQ,~~MAEN~~,gBAAAC,~~EAAC~~,OAAA,EACG,~~UAAA~~,gBAAAA,~~EAACC~~,GAAA,CAAA,~~CAAO,~~GACZ;"}
1	+ {"version":3,"file":"Basic.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Upload/Basic.tsx"],"sourcesContent":["import Upload from '@/components/ui/Upload'\n\nconst Basic = () => {\n return (\n <div>\n <Upload />\n </div>\n )\n}\n\nexport default Basic\n"],"names":["Basic","jsx","Upload"],"mappings":";;;AAEA,MAAMA,IAAQ,MAEL,gBAAAC,EAAA,OAAA,EACG,UAAC,gBAAAA,EAAAC,GAAA,CAAO,CAAA,GACZ;"}

package/dist/@ecme/views/ui-components/forms/Upload/BeforeUpload.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BeforeUpload.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Upload/BeforeUpload.tsx"],"sourcesContent":["import Upload from '@/components/ui/Upload'\n\nconst BeforeUpload = () => {\n const maxUpload = 2\n\n const beforeUpload = (files: FileList \| null, fileList: File[]) => {\n let valid: string \| boolean = true\n\n const allowedFileType = ['image/jpeg', 'image/png']\n const maxFileSize = 500000\n\n if (fileList.length >= maxUpload) {\n return `You can only upload ${maxUpload} file(s)`\n }\n\n if (files) {\n for (const f of files) {\n if (!allowedFileType.includes(f.type)) {\n valid = 'Please upload a .jpeg or .png file!'\n }\n\n if (f.size >= maxFileSize) {\n valid = 'Upload image cannot more then 500kb!'\n }\n }\n }\n\n return valid\n }\n\n const tip = <p className=\"mt-2\">jpeg or png only (max 500kb)</p>\n\n return (\n <div>\n <Upload\n beforeUpload={beforeUpload}\n uploadLimit={maxUpload}\n tip={tip}\n />\n </div>\n )\n}\n\nexport default BeforeUpload\n"],"names":["BeforeUpload","jsx","Upload","files","fileList","valid","allowedFileType","maxFileSize","f"],"mappings":";;;AAEA,MAAMA,IAAe,wBA+BZ,~~OAAA~~,~~EACG~~,UAAA,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,cA9BS,CAACC,GAAwBC,MAAqB;AAC/D,UAAIC,IAA0B;~~AAE9B~~,~~YAAMC~~,IAAkB,CAAC,cAAc,WAAW,GAC5CC,IAAc;~~AAEpB~~,~~UAAIH~~,EAAS,UAAU;AACnB,eAAO;AAGX,UAAID;AACA,mBAAWK,KAAKL;AACZ,UAAKG,EAAgB,SAASE,EAAE,IAAI,~~MAChCH~~,~~IAAQ~~,wCAGRG,EAAE,QAAQD,~~MACVF~~,~~IAAQ~~;~~AAKpB~~,~~aAAOA~~;AAAA,IACX;AAAA,IAQY,aAAa;AAAA,IACb,KAPA,gBAAAJ,EAAC,~~KAAA~~,~~EAAE~~,WAAU,QAAO,~~UAAA~~,~~gCAA4B~~;AAAA,EAOhD;AAAA,GAER;"}
1	+ {"version":3,"file":"BeforeUpload.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Upload/BeforeUpload.tsx"],"sourcesContent":["import Upload from '@/components/ui/Upload'\n\nconst BeforeUpload = () => {\n const maxUpload = 2\n\n const beforeUpload = (files: FileList \| null, fileList: File[]) => {\n let valid: string \| boolean = true\n\n const allowedFileType = ['image/jpeg', 'image/png']\n const maxFileSize = 500000\n\n if (fileList.length >= maxUpload) {\n return `You can only upload ${maxUpload} file(s)`\n }\n\n if (files) {\n for (const f of files) {\n if (!allowedFileType.includes(f.type)) {\n valid = 'Please upload a .jpeg or .png file!'\n }\n\n if (f.size >= maxFileSize) {\n valid = 'Upload image cannot more then 500kb!'\n }\n }\n }\n\n return valid\n }\n\n const tip = <p className=\"mt-2\">jpeg or png only (max 500kb)</p>\n\n return (\n <div>\n <Upload\n beforeUpload={beforeUpload}\n uploadLimit={maxUpload}\n tip={tip}\n />\n </div>\n )\n}\n\nexport default BeforeUpload\n"],"names":["BeforeUpload","jsx","Upload","files","fileList","valid","allowedFileType","maxFileSize","f"],"mappings":";;;AAEA,MAAMA,IAAe,wBA+BZ,OACG,EAAA,UAAA,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,cA9BS,CAACC,GAAwBC,MAAqB;AAC/D,UAAIC,IAA0B;AAExB,YAAAC,IAAkB,CAAC,cAAc,WAAW,GAC5CC,IAAc;AAEhB,UAAAH,EAAS,UAAU;AACnB,eAAO;AAGX,UAAID;AACA,mBAAWK,KAAKL;AACZ,UAAKG,EAAgB,SAASE,EAAE,IAAI,MACxBH,IAAA,wCAGRG,EAAE,QAAQD,MACFF,IAAA;AAKb,aAAAA;AAAA,IACX;AAAA,IAQY,aAAa;AAAA,IACb,KAPA,gBAAAJ,EAAC,KAAE,EAAA,WAAU,QAAO,UAA4B,gCAAA;AAAA,EAOhD;AAAA,GAER;"}

package/dist/@ecme/views/ui-components/forms/Upload/Customize.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Customize.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Upload/Customize.tsx"],"sourcesContent":["import Upload from '@/components/ui/Upload'\nimport Button from '@/components/ui/Button'\nimport { HiOutlineCloudUpload } from 'react-icons/hi'\nimport { FcImageFile } from 'react-icons/fc'\n\nconst Customize = () => {\n return (\n <div>\n <div className=\"mb-4\">\n <Upload>\n <Button variant=\"solid\" icon={<HiOutlineCloudUpload />}>\n Upload your file\n </Button>\n </Upload>\n </div>\n <div>\n <Upload draggable>\n <div className=\"my-16 text-center\">\n <div className=\"text-6xl mb-4 flex justify-center\">\n <FcImageFile />\n </div>\n <p className=\"font-semibold\">\n <span className=\"text-gray-800 dark:text-white\">\n Drop your image here, or{' '}\n </span>\n <span className=\"text-blue-500\">browse</span>\n </p>\n <p className=\"mt-1 opacity-60 dark:text-white\">\n Support: jpeg, png, gif\n </p>\n </div>\n </Upload>\n </div>\n </div>\n )\n}\n\nexport default Customize\n"],"names":["Customize","jsx","Upload","Button","HiOutlineCloudUpload","jsxs","FcImageFile"],"mappings":";;;;;;;AAKA,MAAMA,IAAY,wBAET,~~OAAA~~,~~EACG~~,UAAA;AAAA,EAAA,gBAAAC,EAAC,~~OAAA~~,~~EAAI~~,WAAU,QACX,UAAA,gBAAAA,EAACC,KACG,~~UAAA~~,gBAAAD,~~EAACE~~,GAAA,EAAO,SAAQ,SAAQ,~~MAAM~~,gBAAAF,~~EAACG~~,GAAA,CAAA,CAAqB,GAAI,UAAA,mBAAA,CAExD,~~GACJ~~,GACJ;AAAA,EACA,gBAAAH,EAAC,SACG,~~UAAA~~,gBAAAA,~~EAACC~~,GAAA,EAAO,WAAS,IACb,UAAA,gBAAAG,EAAC,~~OAAA~~,~~EAAI~~,WAAU,qBACX,UAAA;AAAA,IAAA,gBAAAJ,EAAC,~~OAAA~~,~~EAAI~~,WAAU,qCACX,UAAA,gBAAAA,EAACK,~~KAAY~~,GACjB;AAAA,IACA,gBAAAD,EAAC,~~KAAA~~,~~EAAE~~,WAAU,iBACT,UAAA;AAAA,~~MAAA~~,gBAAAA,~~EAAC~~,QAAA,EAAK,WAAU,iCAAgC,UAAA;AAAA,QAAA;AAAA,QACnB;AAAA,MAAA,GAC7B;AAAA,~~MACA~~,gBAAAJ,~~EAAC~~,QAAA,EAAK,WAAU,iBAAgB,~~UAAA~~,SAAA,~~CAAM~~;AAAA,IAAA,GAC1C;AAAA,~~IACA~~,gBAAAA,~~EAAC~~,KAAA,EAAE,WAAU,mCAAkC,~~UAAA~~,0BAAA,~~CAE/C~~;AAAA,EAAA,~~EAAA~~,~~CACJ~~,~~GACJ~~,~~EAAA~~,~~CACJ~~;AAAA,GACJ;"}
1	+ {"version":3,"file":"Customize.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Upload/Customize.tsx"],"sourcesContent":["import Upload from '@/components/ui/Upload'\nimport Button from '@/components/ui/Button'\nimport { HiOutlineCloudUpload } from 'react-icons/hi'\nimport { FcImageFile } from 'react-icons/fc'\n\nconst Customize = () => {\n return (\n <div>\n <div className=\"mb-4\">\n <Upload>\n <Button variant=\"solid\" icon={<HiOutlineCloudUpload />}>\n Upload your file\n </Button>\n </Upload>\n </div>\n <div>\n <Upload draggable>\n <div className=\"my-16 text-center\">\n <div className=\"text-6xl mb-4 flex justify-center\">\n <FcImageFile />\n </div>\n <p className=\"font-semibold\">\n <span className=\"text-gray-800 dark:text-white\">\n Drop your image here, or{' '}\n </span>\n <span className=\"text-blue-500\">browse</span>\n </p>\n <p className=\"mt-1 opacity-60 dark:text-white\">\n Support: jpeg, png, gif\n </p>\n </div>\n </Upload>\n </div>\n </div>\n )\n}\n\nexport default Customize\n"],"names":["Customize","jsx","Upload","Button","HiOutlineCloudUpload","jsxs","FcImageFile"],"mappings":";;;;;;;AAKA,MAAMA,IAAY,wBAET,OACG,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAAC,OAAI,EAAA,WAAU,QACX,UAAA,gBAAAA,EAACC,KACG,UAAC,gBAAAD,EAAAE,GAAA,EAAO,SAAQ,SAAQ,MAAO,gBAAAF,EAAAG,GAAA,CAAA,CAAqB,GAAI,UAAA,mBAAA,CAExD,EACJ,CAAA,GACJ;AAAA,EACA,gBAAAH,EAAC,SACG,UAAC,gBAAAA,EAAAC,GAAA,EAAO,WAAS,IACb,UAAA,gBAAAG,EAAC,OAAI,EAAA,WAAU,qBACX,UAAA;AAAA,IAAA,gBAAAJ,EAAC,OAAI,EAAA,WAAU,qCACX,UAAA,gBAAAA,EAACK,IAAY,CAAA,GACjB;AAAA,IACA,gBAAAD,EAAC,KAAE,EAAA,WAAU,iBACT,UAAA;AAAA,MAAC,gBAAAA,EAAA,QAAA,EAAK,WAAU,iCAAgC,UAAA;AAAA,QAAA;AAAA,QACnB;AAAA,MAAA,GAC7B;AAAA,MACC,gBAAAJ,EAAA,QAAA,EAAK,WAAU,iBAAgB,UAAM,SAAA,CAAA;AAAA,IAAA,GAC1C;AAAA,IACC,gBAAAA,EAAA,KAAA,EAAE,WAAU,mCAAkC,UAE/C,0BAAA,CAAA;AAAA,EAAA,EACJ,CAAA,EACJ,CAAA,EACJ,CAAA;AAAA,GACJ;"}

package/dist/@ecme/views/ui-components/forms/Upload/Disabled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Disabled.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Upload/Disabled.tsx"],"sourcesContent":["import Upload from '@/components/ui/Upload'\n\nconst Disabled = () => {\n return (\n <div>\n <div className=\"mb-6\">\n <Upload disabled />\n </div>\n <div>\n <Upload draggable disabled />\n </div>\n </div>\n )\n}\n\nexport default Disabled\n"],"names":["Disabled","jsx","Upload"],"mappings":";;;AAEA,MAAMA,IAAW,wBAER,~~OAAA~~,~~EACG~~,UAAA;AAAA,EAAA,gBAAAC,EAAC,SAAI,WAAU,QACX,4BAACC,~~GAAA~~,~~EAAO~~,UAAQ,IAAC,~~EAAA~~,~~CACrB~~;AAAA,EACA,gBAAAD,EAAC,SACG,~~UAAA~~,gBAAAA,~~EAACC~~,GAAA,EAAO,WAAS,IAAC,UAAQ,~~IAAC~~,~~EAAA~~,~~CAC~~/B;AAAA,GACJ;"}
1	+ {"version":3,"file":"Disabled.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Upload/Disabled.tsx"],"sourcesContent":["import Upload from '@/components/ui/Upload'\n\nconst Disabled = () => {\n return (\n <div>\n <div className=\"mb-6\">\n <Upload disabled />\n </div>\n <div>\n <Upload draggable disabled />\n </div>\n </div>\n )\n}\n\nexport default Disabled\n"],"names":["Disabled","jsx","Upload"],"mappings":";;;AAEA,MAAMA,IAAW,wBAER,OACG,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAAC,SAAI,WAAU,QACX,4BAACC,GAAO,EAAA,UAAQ,IAAC,EACrB,CAAA;AAAA,EACA,gBAAAD,EAAC,SACG,UAAC,gBAAAA,EAAAC,GAAA,EAAO,WAAS,IAAC,UAAQ,GAAC,CAAA,EAC/B,CAAA;AAAA,GACJ;"}

package/dist/@ecme/views/ui-components/forms/Upload/DragAndDrop.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DragAndDrop.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Upload/DragAndDrop.tsx"],"sourcesContent":["import Upload from '@/components/ui/Upload'\n\nconst DragAndDrop = () => {\n return (\n <div>\n <Upload draggable />\n </div>\n )\n}\n\nexport default DragAndDrop\n"],"names":["DragAndDrop","jsx","Upload"],"mappings":";;;AAEA,MAAMA,IAAc,wBAEX,~~OAAA~~,~~EACG~~,UAAA,gBAAAC,EAACC,~~GAAA~~,~~EAAO~~,WAAS,~~IAAC~~,GACtB;"}
1	+ {"version":3,"file":"DragAndDrop.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Upload/DragAndDrop.tsx"],"sourcesContent":["import Upload from '@/components/ui/Upload'\n\nconst DragAndDrop = () => {\n return (\n <div>\n <Upload draggable />\n </div>\n )\n}\n\nexport default DragAndDrop\n"],"names":["DragAndDrop","jsx","Upload"],"mappings":";;;AAEA,MAAMA,IAAc,wBAEX,OACG,EAAA,UAAA,gBAAAC,EAACC,GAAO,EAAA,WAAS,GAAC,CAAA,GACtB;"}

package/dist/@ecme/views/ui-components/forms/Upload/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Upload/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport DragAndDrop from './DragAndDrop'\nimport Disabled from './Disabled'\nimport BeforeUpload from './BeforeUpload'\nimport Customize from './Customize'\nimport AvatarImage from './AvatarImage'\n\nconst mdPath = 'Upload'\n\nconst demoHeader = {\n title: 'Upload',\n desc: 'Upload is a component that allow user to attach files & images, it can be used with form and upload the data to some where else.',\n}\n\nconst demos = [\n {\n mdName: 'Basic',\n mdPath: mdPath,\n title: 'Basic',\n desc: `A basic Upload example.`,\n component: <Basic />,\n },\n {\n mdName: 'DragAndDrop',\n mdPath: mdPath,\n title: 'Drag and Drop',\n desc: `With <code>draggable</code> prop, we can drag files to a specific area to proceed upload.`,\n component: <DragAndDrop />,\n },\n {\n mdName: 'Disabled',\n mdPath: mdPath,\n title: 'Disabled',\n desc: `Disabled the Upload component by setting <code>disabled</code> to true.`,\n component: <Disabled />,\n },\n {\n mdName: 'Customize',\n mdPath: mdPath,\n title: 'Customize',\n desc: `We can replace the default upload look.`,\n component: <Customize />,\n },\n {\n mdName: 'BeforeUpload',\n mdPath: mdPath,\n title: 'Upload Control',\n desc: `Use <code>beforeUpload</code> prop to make a callback function to validate file before upload.`,\n component: <BeforeUpload />,\n },\n {\n mdName: 'AvatarImage',\n mdPath: mdPath,\n title: 'Avatar',\n desc: `An example for avatar upload`,\n component: <AvatarImage />,\n },\n]\n\nconst demoApi = [\n {\n component: 'Upload',\n api: [\n {\n propName: 'accept',\n type: `<code>string</code>`,\n default: `-`,\n desc: 'File types that can be accepted as input accept attribute',\n },\n {\n propName: 'beforeUpload',\n type: `<code>(file: FileList \| null, fileList: File[]) => boolean \| string</code>`,\n default: `-`,\n desc: 'The callback function that before file upload, return false or string with value to intercept the upload',\n },\n {\n propName: 'disabled',\n type: `<code>boolean</code>`,\n default: `<code>false</code>`,\n desc: 'Whether to disable Upload',\n },\n {\n propName: 'draggable',\n type: `<code>boolean</code>`,\n default: `<code>false</code>`,\n desc: 'Whether enable draggable upload',\n },\n {\n propName: 'fileList',\n type: `<code>File[]</code>`,\n default: `<code>[]</code>`,\n desc: 'Initial file list',\n },\n {\n propName: 'fileListClass',\n type: `<code>string</code>`,\n default: `-`,\n desc: 'Class for file list wrapper',\n },\n {\n propName: 'fileItemClass',\n type: `<code>string</code>`,\n default: `-`,\n desc: 'Class for file item',\n },\n {\n propName: 'onChange',\n type: `<code>(file: File[], fileList: File[]) => void</code>`,\n default: `-`,\n desc: 'Callback function after file uploaded',\n },\n {\n propName: 'onFileRemove',\n type: `<code>(file: File[]) => void</code>`,\n default: `-`,\n desc: 'Callback function when a file was deleted',\n },\n {\n propName: 'showList',\n type: `<code>boolean</code>`,\n default: `<code>true</code>`,\n desc: 'Whether to show uploaded file list',\n },\n {\n propName: 'tip',\n type: `<code>string</code> \| <code>ReactNode</code>`,\n default: `-`,\n desc: 'Hint message under Upload',\n },\n {\n propName: 'uploadLimit',\n type: `<code>number</code>`,\n default: `-`,\n desc: 'Maximum file to upload',\n },\n ],\n },\n]\n\nconst FormControl = () => {\n return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\n}\n\nexport default FormControl\n"],"names":["mdPath","demoHeader","demos","Basic","DragAndDrop","Disabled","Customize","BeforeUpload","AvatarImage","demoApi","FormControl","DemoLayout"],"mappings":";;;;;;;;AAUA,MAAMA,IAAS,UAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,~~GAAA~~,CAAA,~~CAAM~~;AAAA,~~EAAA~~;AAAA,~~EAEtB~~;AAAA,IACI,QAAQ;AAAA,IACR,QAAAH;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYI,~~GAAA~~,CAAA,~~CAAY~~;AAAA,~~EAAA~~;AAAA,~~EAE5B~~;AAAA,IACI,QAAQ;AAAA,IACR,QAAAJ;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYK,~~GAAA~~,CAAA,~~CAAS~~;AAAA,~~EAAA~~;AAAA,~~EAEzB~~;AAAA,IACI,QAAQ;AAAA,IACR,QAAAL;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYM,~~GAAA~~,CAAA,~~CAAU~~;AAAA,~~EAAA~~;AAAA,~~EAE1B~~;AAAA,IACI,QAAQ;AAAA,IACR,QAAAN;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYO,~~GAAA~~,CAAA,~~CAAa~~;AAAA,~~EAAA~~;AAAA,~~EAE7B~~;AAAA,IACI,QAAQ;AAAA,IACR,QAAAP;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYQ,~~GAAA~~,CAAA,~~CAAY~~;AAAA,EAAA;AAEhC,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,~~MAAA~~;AAAA,~~MAEV~~;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,~~MAAA~~;AAAA,~~MAEV~~;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,~~MAAA~~;AAAA,~~MAEV~~;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,~~MAAA~~;AAAA,~~MAEV~~;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,~~MAAA~~;AAAA,~~MAEV~~;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,~~MAAA~~;AAAA,~~MAEV~~;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,~~MAAA~~;AAAA,~~MAEV~~;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,~~MAAA~~;AAAA,~~MAEV~~;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,~~MAAA~~;AAAA,~~MAEV~~;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,~~MAAA~~;AAAA,~~MAEV~~;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,~~MAAA~~;AAAA,~~MAEV~~;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAc,wBACRC,~~GAAA~~,~~EAAW~~,QAAQV,GAAY,OAAAC,GAAc,KAAKO,GAAS;"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Upload/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport DragAndDrop from './DragAndDrop'\nimport Disabled from './Disabled'\nimport BeforeUpload from './BeforeUpload'\nimport Customize from './Customize'\nimport AvatarImage from './AvatarImage'\n\nconst mdPath = 'Upload'\n\nconst demoHeader = {\n title: 'Upload',\n desc: 'Upload is a component that allow user to attach files & images, it can be used with form and upload the data to some where else.',\n}\n\nconst demos = [\n {\n mdName: 'Basic',\n mdPath: mdPath,\n title: 'Basic',\n desc: `A basic Upload example.`,\n component: <Basic />,\n },\n {\n mdName: 'DragAndDrop',\n mdPath: mdPath,\n title: 'Drag and Drop',\n desc: `With <code>draggable</code> prop, we can drag files to a specific area to proceed upload.`,\n component: <DragAndDrop />,\n },\n {\n mdName: 'Disabled',\n mdPath: mdPath,\n title: 'Disabled',\n desc: `Disabled the Upload component by setting <code>disabled</code> to true.`,\n component: <Disabled />,\n },\n {\n mdName: 'Customize',\n mdPath: mdPath,\n title: 'Customize',\n desc: `We can replace the default upload look.`,\n component: <Customize />,\n },\n {\n mdName: 'BeforeUpload',\n mdPath: mdPath,\n title: 'Upload Control',\n desc: `Use <code>beforeUpload</code> prop to make a callback function to validate file before upload.`,\n component: <BeforeUpload />,\n },\n {\n mdName: 'AvatarImage',\n mdPath: mdPath,\n title: 'Avatar',\n desc: `An example for avatar upload`,\n component: <AvatarImage />,\n },\n]\n\nconst demoApi = [\n {\n component: 'Upload',\n api: [\n {\n propName: 'accept',\n type: `<code>string</code>`,\n default: `-`,\n desc: 'File types that can be accepted as input accept attribute',\n },\n {\n propName: 'beforeUpload',\n type: `<code>(file: FileList \| null, fileList: File[]) => boolean \| string</code>`,\n default: `-`,\n desc: 'The callback function that before file upload, return false or string with value to intercept the upload',\n },\n {\n propName: 'disabled',\n type: `<code>boolean</code>`,\n default: `<code>false</code>`,\n desc: 'Whether to disable Upload',\n },\n {\n propName: 'draggable',\n type: `<code>boolean</code>`,\n default: `<code>false</code>`,\n desc: 'Whether enable draggable upload',\n },\n {\n propName: 'fileList',\n type: `<code>File[]</code>`,\n default: `<code>[]</code>`,\n desc: 'Initial file list',\n },\n {\n propName: 'fileListClass',\n type: `<code>string</code>`,\n default: `-`,\n desc: 'Class for file list wrapper',\n },\n {\n propName: 'fileItemClass',\n type: `<code>string</code>`,\n default: `-`,\n desc: 'Class for file item',\n },\n {\n propName: 'onChange',\n type: `<code>(file: File[], fileList: File[]) => void</code>`,\n default: `-`,\n desc: 'Callback function after file uploaded',\n },\n {\n propName: 'onFileRemove',\n type: `<code>(file: File[]) => void</code>`,\n default: `-`,\n desc: 'Callback function when a file was deleted',\n },\n {\n propName: 'showList',\n type: `<code>boolean</code>`,\n default: `<code>true</code>`,\n desc: 'Whether to show uploaded file list',\n },\n {\n propName: 'tip',\n type: `<code>string</code> \| <code>ReactNode</code>`,\n default: `-`,\n desc: 'Hint message under Upload',\n },\n {\n propName: 'uploadLimit',\n type: `<code>number</code>`,\n default: `-`,\n desc: 'Maximum file to upload',\n },\n ],\n },\n]\n\nconst FormControl = () => {\n return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\n}\n\nexport default FormControl\n"],"names":["mdPath","demoHeader","demos","Basic","DragAndDrop","Disabled","Customize","BeforeUpload","AvatarImage","demoApi","FormControl","DemoLayout"],"mappings":";;;;;;;;AAUA,MAAMA,IAAS,UAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAM,CAAA,CAAA;AAAA,EACtB;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR,QAAAH;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYI,GAAY,CAAA,CAAA;AAAA,EAC5B;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR,QAAAJ;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYK,GAAS,CAAA,CAAA;AAAA,EACzB;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR,QAAAL;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYM,GAAU,CAAA,CAAA;AAAA,EAC1B;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR,QAAAN;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYO,GAAa,CAAA,CAAA;AAAA,EAC7B;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR,QAAAP;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYQ,GAAY,CAAA,CAAA;AAAA,EAAA;AAEhC,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAc,wBACRC,GAAW,EAAA,QAAQV,GAAY,OAAAC,GAAc,KAAKO,GAAS;"}

package/dist/@ecme/views/ui-components/graph/Charts/BasicArea.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BasicArea.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Charts/BasicArea.tsx"],"sourcesContent":["import Chart from 'react-apexcharts'\nimport { COLOR_1 } from '@/constants/chart.constant'\n\nconst BasicArea = () => {\n const data = [\n {\n name: 'STOCK ABC',\n data: [\n 8107.85, 8128.0, 8122.9, 8165.5, 8340.7, 8423.7, 8423.5, 8514.3,\n 8481.85, 8487.7, 8506.9, 8626.2, 8668.95, 8602.3, 8607.55,\n 8512.9, 8496.25, 8600.65, 8881.1, 9340.85,\n ],\n },\n ]\n\n return (\n <Chart\n options={{\n chart: {\n zoom: {\n enabled: false,\n },\n },\n colors: [COLOR_1],\n fill: {\n type: 'gradient',\n gradient: {\n shadeIntensity: 1,\n opacityFrom: 0.7,\n opacityTo: 0.9,\n stops: [0, 80, 100],\n },\n },\n dataLabels: {\n enabled: false,\n },\n stroke: {\n curve: 'smooth',\n width: 3,\n },\n labels: [\n '13 Nov 2017',\n '14 Nov 2017',\n '15 Nov 2017',\n '16 Nov 2017',\n '17 Nov 2017',\n '20 Nov 2017',\n '21 Nov 2017',\n '22 Nov 2017',\n '23 Nov 2017',\n '24 Nov 2017',\n '27 Nov 2017',\n '28 Nov 2017',\n '29 Nov 2017',\n '30 Nov 2017',\n '01 Dec 2017',\n '04 Dec 2017',\n '05 Dec 2017',\n '06 Dec 2017',\n '07 Dec 2017',\n '08 Dec 2017',\n ],\n xaxis: {\n type: 'datetime',\n },\n yaxis: {\n opposite: true,\n },\n legend: {\n horizontalAlign: 'left',\n },\n }}\n type=\"area\"\n series={data}\n height={300}\n />\n )\n}\n\nexport default BasicArea\n"],"names":["BasicArea","jsx","Chart","COLOR_1"],"mappings":";;;AAGA,MAAMA,IAAY,MAaV,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,SAAS;AAAA,MACL,OAAO;AAAA,QACH,MAAM;AAAA,UACF,SAAS;AAAA,QAAA;AAAA,~~MACb~~;AAAA,~~MAEJ~~,QAAQ,CAACC,CAAO;AAAA,MAChB,MAAM;AAAA,QACF,MAAM;AAAA,QACN,UAAU;AAAA,UACN,gBAAgB;AAAA,UAChB,aAAa;AAAA,UACb,WAAW;AAAA,UACX,OAAO,CAAC,GAAG,IAAI,GAAG;AAAA,QAAA;AAAA,~~MACtB~~;AAAA,~~MAEJ~~,YAAY;AAAA,QACR,SAAS;AAAA,~~MAAA~~;AAAA,~~MAEb~~,QAAQ;AAAA,QACJ,OAAO;AAAA,QACP,OAAO;AAAA,~~MAAA~~;AAAA,~~MAEX~~,QAAQ;AAAA,QACJ;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,~~MAAA~~;AAAA,~~MAEJ~~,OAAO;AAAA,QACH,MAAM;AAAA,~~MAAA~~;AAAA,~~MAEV~~,OAAO;AAAA,QACH,UAAU;AAAA,~~MAAA~~;AAAA,~~MAEd~~,QAAQ;AAAA,QACJ,iBAAiB;AAAA,MAAA;AAAA,~~IACrB~~;AAAA,~~IAEJ~~,MAAK;AAAA,IACL,QArEK;AAAA,MACT;AAAA,QACI,MAAM;AAAA,QACN,MAAM;AAAA,UACF;AAAA,UAAS;AAAA,UAAQ;AAAA,UAAQ;AAAA,UAAQ;AAAA,UAAQ;AAAA,UAAQ;AAAA,UAAQ;AAAA,UACzD;AAAA,UAAS;AAAA,UAAQ;AAAA,UAAQ;AAAA,UAAQ;AAAA,UAAS;AAAA,UAAQ;AAAA,UAClD;AAAA,UAAQ;AAAA,UAAS;AAAA,UAAS;AAAA,UAAQ;AAAA,QAAA;AAAA,MACtC;AAAA,~~IACJ~~;AAAA,~~IA8DI~~,QAAQ;AAAA,EAAA;~~AAAA~~;"}
1	+ {"version":3,"file":"BasicArea.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Charts/BasicArea.tsx"],"sourcesContent":["import Chart from 'react-apexcharts'\nimport { COLOR_1 } from '@/constants/chart.constant'\n\nconst BasicArea = () => {\n const data = [\n {\n name: 'STOCK ABC',\n data: [\n 8107.85, 8128.0, 8122.9, 8165.5, 8340.7, 8423.7, 8423.5, 8514.3,\n 8481.85, 8487.7, 8506.9, 8626.2, 8668.95, 8602.3, 8607.55,\n 8512.9, 8496.25, 8600.65, 8881.1, 9340.85,\n ],\n },\n ]\n\n return (\n <Chart\n options={{\n chart: {\n zoom: {\n enabled: false,\n },\n },\n colors: [COLOR_1],\n fill: {\n type: 'gradient',\n gradient: {\n shadeIntensity: 1,\n opacityFrom: 0.7,\n opacityTo: 0.9,\n stops: [0, 80, 100],\n },\n },\n dataLabels: {\n enabled: false,\n },\n stroke: {\n curve: 'smooth',\n width: 3,\n },\n labels: [\n '13 Nov 2017',\n '14 Nov 2017',\n '15 Nov 2017',\n '16 Nov 2017',\n '17 Nov 2017',\n '20 Nov 2017',\n '21 Nov 2017',\n '22 Nov 2017',\n '23 Nov 2017',\n '24 Nov 2017',\n '27 Nov 2017',\n '28 Nov 2017',\n '29 Nov 2017',\n '30 Nov 2017',\n '01 Dec 2017',\n '04 Dec 2017',\n '05 Dec 2017',\n '06 Dec 2017',\n '07 Dec 2017',\n '08 Dec 2017',\n ],\n xaxis: {\n type: 'datetime',\n },\n yaxis: {\n opposite: true,\n },\n legend: {\n horizontalAlign: 'left',\n },\n }}\n type=\"area\"\n series={data}\n height={300}\n />\n )\n}\n\nexport default BasicArea\n"],"names":["BasicArea","jsx","Chart","COLOR_1"],"mappings":";;;AAGA,MAAMA,IAAY,MAaV,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,SAAS;AAAA,MACL,OAAO;AAAA,QACH,MAAM;AAAA,UACF,SAAS;AAAA,QAAA;AAAA,MAEjB;AAAA,MACA,QAAQ,CAACC,CAAO;AAAA,MAChB,MAAM;AAAA,QACF,MAAM;AAAA,QACN,UAAU;AAAA,UACN,gBAAgB;AAAA,UAChB,aAAa;AAAA,UACb,WAAW;AAAA,UACX,OAAO,CAAC,GAAG,IAAI,GAAG;AAAA,QAAA;AAAA,MAE1B;AAAA,MACA,YAAY;AAAA,QACR,SAAS;AAAA,MACb;AAAA,MACA,QAAQ;AAAA,QACJ,OAAO;AAAA,QACP,OAAO;AAAA,MACX;AAAA,MACA,QAAQ;AAAA,QACJ;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACJ;AAAA,MACA,OAAO;AAAA,QACH,MAAM;AAAA,MACV;AAAA,MACA,OAAO;AAAA,QACH,UAAU;AAAA,MACd;AAAA,MACA,QAAQ;AAAA,QACJ,iBAAiB;AAAA,MAAA;AAAA,IAEzB;AAAA,IACA,MAAK;AAAA,IACL,QArEK;AAAA,MACT;AAAA,QACI,MAAM;AAAA,QACN,MAAM;AAAA,UACF;AAAA,UAAS;AAAA,UAAQ;AAAA,UAAQ;AAAA,UAAQ;AAAA,UAAQ;AAAA,UAAQ;AAAA,UAAQ;AAAA,UACzD;AAAA,UAAS;AAAA,UAAQ;AAAA,UAAQ;AAAA,UAAQ;AAAA,UAAS;AAAA,UAAQ;AAAA,UAClD;AAAA,UAAQ;AAAA,UAAS;AAAA,UAAS;AAAA,UAAQ;AAAA,QAAA;AAAA,MACtC;AAAA,IAER;AAAA,IA6DQ,QAAQ;AAAA,EAAA;AACZ;"}

package/dist/@ecme/views/ui-components/graph/Charts/BasicBar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BasicBar.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Charts/BasicBar.tsx"],"sourcesContent":["import Chart from 'react-apexcharts'\nimport { COLORS } from '@/constants/chart.constant'\n\nconst BasicBar = () => {\n const data = [\n {\n data: [400, 430, 448, 470, 540, 580, 690, 1100, 1200, 1380],\n },\n ]\n\n return (\n <Chart\n options={{\n plotOptions: {\n bar: {\n horizontal: true,\n },\n },\n colors: COLORS,\n dataLabels: {\n enabled: false,\n },\n xaxis: {\n categories: [\n 'South Korea',\n 'Canada',\n 'United Kingdom',\n 'Netherlands',\n 'Italy',\n 'France',\n 'Japan',\n 'United States',\n 'China',\n 'Germany',\n ],\n },\n }}\n series={data}\n type=\"bar\"\n height={300}\n />\n )\n}\n\nexport default BasicBar\n"],"names":["BasicBar","jsx","Chart","COLORS"],"mappings":";;;AAGA,MAAMA,IAAW,MAQT,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,SAAS;AAAA,MACL,aAAa;AAAA,QACT,KAAK;AAAA,UACD,YAAY;AAAA,QAAA;AAAA,~~MAChB~~;AAAA,~~MAEJ~~,QAAQC;AAAA,MACR,YAAY;AAAA,QACR,SAAS;AAAA,~~MAAA~~;AAAA,~~MAEb~~,OAAO;AAAA,QACH,YAAY;AAAA,UACR;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,MACJ;AAAA,~~IACJ~~;AAAA,~~IAEJ~~,QAjCK;AAAA,MACT;AAAA,QACI,MAAM,CAAC,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,MAAM,MAAM,IAAI;AAAA,MAAA;AAAA,~~IAC9D~~;AAAA,~~IA+BI~~,MAAK;AAAA,IACL,QAAQ;AAAA,EAAA;~~AAAA~~;"}
1	+ {"version":3,"file":"BasicBar.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Charts/BasicBar.tsx"],"sourcesContent":["import Chart from 'react-apexcharts'\nimport { COLORS } from '@/constants/chart.constant'\n\nconst BasicBar = () => {\n const data = [\n {\n data: [400, 430, 448, 470, 540, 580, 690, 1100, 1200, 1380],\n },\n ]\n\n return (\n <Chart\n options={{\n plotOptions: {\n bar: {\n horizontal: true,\n },\n },\n colors: COLORS,\n dataLabels: {\n enabled: false,\n },\n xaxis: {\n categories: [\n 'South Korea',\n 'Canada',\n 'United Kingdom',\n 'Netherlands',\n 'Italy',\n 'France',\n 'Japan',\n 'United States',\n 'China',\n 'Germany',\n ],\n },\n }}\n series={data}\n type=\"bar\"\n height={300}\n />\n )\n}\n\nexport default BasicBar\n"],"names":["BasicBar","jsx","Chart","COLORS"],"mappings":";;;AAGA,MAAMA,IAAW,MAQT,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,SAAS;AAAA,MACL,aAAa;AAAA,QACT,KAAK;AAAA,UACD,YAAY;AAAA,QAAA;AAAA,MAEpB;AAAA,MACA,QAAQC;AAAA,MACR,YAAY;AAAA,QACR,SAAS;AAAA,MACb;AAAA,MACA,OAAO;AAAA,QACH,YAAY;AAAA,UACR;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,MACJ;AAAA,IAER;AAAA,IACA,QAjCK;AAAA,MACT;AAAA,QACI,MAAM,CAAC,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,MAAM,MAAM,IAAI;AAAA,MAAA;AAAA,IAElE;AAAA,IA8BQ,MAAK;AAAA,IACL,QAAQ;AAAA,EAAA;AACZ;"}

package/dist/@ecme/views/ui-components/graph/Charts/BasicColumn.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BasicColumn.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Charts/BasicColumn.tsx"],"sourcesContent":["import Chart from 'react-apexcharts'\nimport { COLORS } from '@/constants/chart.constant'\n\nconst BasicColumn = () => {\n const data = [\n {\n name: 'Net Profit',\n data: [44, 55, 57, 56, 61, 58, 63, 60, 66],\n },\n {\n name: 'Revenue',\n data: [76, 85, 101, 98, 87, 105, 91, 114, 94],\n },\n {\n name: 'Free Cash Flow',\n data: [35, 41, 36, 26, 45, 48, 52, 53, 41],\n },\n ]\n\n return (\n <Chart\n options={{\n plotOptions: {\n bar: {\n horizontal: false,\n columnWidth: '55%',\n borderRadius: 4,\n },\n },\n colors: COLORS,\n dataLabels: {\n enabled: false,\n },\n stroke: {\n show: true,\n width: 2,\n colors: ['transparent'],\n },\n xaxis: {\n categories: [\n 'Feb',\n 'Mar',\n 'Apr',\n 'May',\n 'Jun',\n 'Jul',\n 'Aug',\n 'Sep',\n 'Oct',\n ],\n },\n fill: {\n opacity: 1,\n },\n tooltip: {\n y: {\n formatter: (val) => `$${val} thousands`,\n },\n },\n }}\n series={data}\n height={300}\n type=\"bar\"\n />\n )\n}\n\nexport default BasicColumn\n"],"names":["BasicColumn","jsx","Chart","COLORS","val"],"mappings":";;;AAGA,MAAMA,IAAc,MAiBZ,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,SAAS;AAAA,MACL,aAAa;AAAA,QACT,KAAK;AAAA,UACD,YAAY;AAAA,UACZ,aAAa;AAAA,UACb,cAAc;AAAA,QAAA;AAAA,~~MAClB~~;AAAA,~~MAEJ~~,QAAQC;AAAA,MACR,YAAY;AAAA,QACR,SAAS;AAAA,~~MAAA~~;AAAA,~~MAEb~~,QAAQ;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,QACP,QAAQ,CAAC,aAAa;AAAA,~~MAAA~~;AAAA,~~MAE1B~~,OAAO;AAAA,QACH,YAAY;AAAA,UACR;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,~~MACJ~~;AAAA,~~MAEJ~~,MAAM;AAAA,QACF,SAAS;AAAA,~~MAAA~~;AAAA,~~MAEb~~,SAAS;AAAA,QACL,GAAG;AAAA,UACC,WAAW,CAACC,MAAQ,IAAIA,CAAG;AAAA,QAAA;AAAA,MAC/B;AAAA,~~IACJ~~;AAAA,~~IAEJ~~,QAxDK;AAAA,MACT;AAAA,QACI,MAAM;AAAA,QACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE;AAAA,~~MAAA~~;AAAA,~~MAE7C~~;AAAA,QACI,MAAM;AAAA,QACN,MAAM,CAAC,IAAI,IAAI,KAAK,IAAI,IAAI,KAAK,IAAI,KAAK,EAAE;AAAA,~~MAAA~~;AAAA,~~MAEhD~~;AAAA,QACI,MAAM;AAAA,QACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE;AAAA,MAAA;AAAA,~~IAC7C~~;AAAA,~~IA6CI~~,QAAQ;AAAA,IACR,MAAK;AAAA,EAAA;~~AAAA~~;"}
1	+ {"version":3,"file":"BasicColumn.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Charts/BasicColumn.tsx"],"sourcesContent":["import Chart from 'react-apexcharts'\nimport { COLORS } from '@/constants/chart.constant'\n\nconst BasicColumn = () => {\n const data = [\n {\n name: 'Net Profit',\n data: [44, 55, 57, 56, 61, 58, 63, 60, 66],\n },\n {\n name: 'Revenue',\n data: [76, 85, 101, 98, 87, 105, 91, 114, 94],\n },\n {\n name: 'Free Cash Flow',\n data: [35, 41, 36, 26, 45, 48, 52, 53, 41],\n },\n ]\n\n return (\n <Chart\n options={{\n plotOptions: {\n bar: {\n horizontal: false,\n columnWidth: '55%',\n borderRadius: 4,\n },\n },\n colors: COLORS,\n dataLabels: {\n enabled: false,\n },\n stroke: {\n show: true,\n width: 2,\n colors: ['transparent'],\n },\n xaxis: {\n categories: [\n 'Feb',\n 'Mar',\n 'Apr',\n 'May',\n 'Jun',\n 'Jul',\n 'Aug',\n 'Sep',\n 'Oct',\n ],\n },\n fill: {\n opacity: 1,\n },\n tooltip: {\n y: {\n formatter: (val) => `$${val} thousands`,\n },\n },\n }}\n series={data}\n height={300}\n type=\"bar\"\n />\n )\n}\n\nexport default BasicColumn\n"],"names":["BasicColumn","jsx","Chart","COLORS","val"],"mappings":";;;AAGA,MAAMA,IAAc,MAiBZ,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,SAAS;AAAA,MACL,aAAa;AAAA,QACT,KAAK;AAAA,UACD,YAAY;AAAA,UACZ,aAAa;AAAA,UACb,cAAc;AAAA,QAAA;AAAA,MAEtB;AAAA,MACA,QAAQC;AAAA,MACR,YAAY;AAAA,QACR,SAAS;AAAA,MACb;AAAA,MACA,QAAQ;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,QACP,QAAQ,CAAC,aAAa;AAAA,MAC1B;AAAA,MACA,OAAO;AAAA,QACH,YAAY;AAAA,UACR;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,MAER;AAAA,MACA,MAAM;AAAA,QACF,SAAS;AAAA,MACb;AAAA,MACA,SAAS;AAAA,QACL,GAAG;AAAA,UACC,WAAW,CAACC,MAAQ,IAAIA,CAAG;AAAA,QAAA;AAAA,MAC/B;AAAA,IAER;AAAA,IACA,QAxDK;AAAA,MACT;AAAA,QACI,MAAM;AAAA,QACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE;AAAA,MAC7C;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,MAAM,CAAC,IAAI,IAAI,KAAK,IAAI,IAAI,KAAK,IAAI,KAAK,EAAE;AAAA,MAChD;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE;AAAA,MAAA;AAAA,IAEjD;AAAA,IA4CQ,QAAQ;AAAA,IACR,MAAK;AAAA,EAAA;AACT;"}

package/dist/@ecme/views/ui-components/graph/Charts/BasicLine.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BasicLine.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Charts/BasicLine.tsx"],"sourcesContent":["import Chart from 'react-apexcharts'\nimport { COLOR_2 } from '@/constants/chart.constant'\n\nconst BasicLine = () => {\n const data = [\n {\n name: 'Desktops',\n data: [10, 41, 35, 51, 49, 62, 69, 91, 148],\n },\n ]\n\n return (\n <Chart\n options={{\n chart: {\n type: 'line',\n zoom: {\n enabled: false,\n },\n },\n dataLabels: {\n enabled: false,\n },\n stroke: {\n curve: 'smooth',\n width: 3,\n },\n colors: [COLOR_2],\n xaxis: {\n categories: [\n 'Jan',\n 'Feb',\n 'Mar',\n 'Apr',\n 'May',\n 'Jun',\n 'Jul',\n 'Aug',\n 'Sep',\n ],\n },\n }}\n series={data}\n height={300}\n />\n )\n}\n\nexport default BasicLine\n"],"names":["BasicLine","jsx","Chart","COLOR_2"],"mappings":";;;AAGA,MAAMA,IAAY,MASV,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,SAAS;AAAA,MACL,OAAO;AAAA,QACH,MAAM;AAAA,QACN,MAAM;AAAA,UACF,SAAS;AAAA,QAAA;AAAA,~~MACb~~;AAAA,~~MAEJ~~,YAAY;AAAA,QACR,SAAS;AAAA,~~MAAA~~;AAAA,~~MAEb~~,QAAQ;AAAA,QACJ,OAAO;AAAA,QACP,OAAO;AAAA,~~MAAA~~;AAAA,~~MAEX~~,QAAQ,CAACC,CAAO;AAAA,MAChB,OAAO;AAAA,QACH,YAAY;AAAA,UACR;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,MACJ;AAAA,~~IACJ~~;AAAA,~~IAEJ~~,QAtCK;AAAA,MACT;AAAA,QACI,MAAM;AAAA,QACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,GAAG;AAAA,MAAA;AAAA,~~IAC9C~~;AAAA,~~IAmCI~~,QAAQ;AAAA,EAAA;~~AAAA~~;"}
1	+ {"version":3,"file":"BasicLine.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Charts/BasicLine.tsx"],"sourcesContent":["import Chart from 'react-apexcharts'\nimport { COLOR_2 } from '@/constants/chart.constant'\n\nconst BasicLine = () => {\n const data = [\n {\n name: 'Desktops',\n data: [10, 41, 35, 51, 49, 62, 69, 91, 148],\n },\n ]\n\n return (\n <Chart\n options={{\n chart: {\n type: 'line',\n zoom: {\n enabled: false,\n },\n },\n dataLabels: {\n enabled: false,\n },\n stroke: {\n curve: 'smooth',\n width: 3,\n },\n colors: [COLOR_2],\n xaxis: {\n categories: [\n 'Jan',\n 'Feb',\n 'Mar',\n 'Apr',\n 'May',\n 'Jun',\n 'Jul',\n 'Aug',\n 'Sep',\n ],\n },\n }}\n series={data}\n height={300}\n />\n )\n}\n\nexport default BasicLine\n"],"names":["BasicLine","jsx","Chart","COLOR_2"],"mappings":";;;AAGA,MAAMA,IAAY,MASV,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,SAAS;AAAA,MACL,OAAO;AAAA,QACH,MAAM;AAAA,QACN,MAAM;AAAA,UACF,SAAS;AAAA,QAAA;AAAA,MAEjB;AAAA,MACA,YAAY;AAAA,QACR,SAAS;AAAA,MACb;AAAA,MACA,QAAQ;AAAA,QACJ,OAAO;AAAA,QACP,OAAO;AAAA,MACX;AAAA,MACA,QAAQ,CAACC,CAAO;AAAA,MAChB,OAAO;AAAA,QACH,YAAY;AAAA,UACR;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,MACJ;AAAA,IAER;AAAA,IACA,QAtCK;AAAA,MACT;AAAA,QACI,MAAM;AAAA,QACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,GAAG;AAAA,MAAA;AAAA,IAElD;AAAA,IAkCQ,QAAQ;AAAA,EAAA;AACZ;"}

package/dist/@ecme/views/ui-components/graph/Charts/DashedLine.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DashedLine.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Charts/DashedLine.tsx"],"sourcesContent":["import Chart from 'react-apexcharts'\nimport { COLORS } from '@/constants/chart.constant'\n\nconst DashedLine = () => {\n const data = [\n {\n name: 'Session Duration',\n data: [45, 52, 38, 24, 33, 26, 21, 20, 6, 8, 15, 10],\n },\n {\n name: 'Page Views',\n data: [35, 41, 62, 42, 13, 18, 29, 37, 36, 51, 32, 35],\n },\n {\n name: 'Total Visits',\n data: [87, 57, 74, 99, 75, 38, 62, 47, 82, 56, 45, 47],\n },\n ]\n\n return (\n <Chart\n options={{\n chart: {\n height: 350,\n type: 'line',\n zoom: {\n enabled: false,\n },\n },\n colors: [...COLORS],\n dataLabels: {\n enabled: false,\n },\n stroke: {\n width: [3, 5, 3],\n curve: 'straight',\n dashArray: [0, 8, 5],\n },\n legend: {\n tooltipHoverFormatter: function (val, opts) {\n return (\n val +\n ' - ' +\n opts.w.globals.series[opts.seriesIndex][\n opts.dataPointIndex\n ] +\n ''\n )\n },\n },\n markers: {\n size: 0,\n hover: {\n sizeOffset: 6,\n },\n },\n xaxis: {\n categories: [\n '01 Jan',\n '02 Jan',\n '03 Jan',\n '04 Jan',\n '05 Jan',\n '06 Jan',\n '07 Jan',\n '08 Jan',\n '09 Jan',\n '10 Jan',\n '11 Jan',\n '12 Jan',\n ],\n },\n tooltip: {\n y: [\n {\n title: {\n formatter: function (val) {\n return val + ' (mins)'\n },\n },\n },\n {\n title: {\n formatter: function (val) {\n return val + ' per session'\n },\n },\n },\n {\n title: {\n formatter: function (val) {\n return val\n },\n },\n },\n ],\n },\n grid: {\n borderColor: '#f1f1f1',\n },\n }}\n series={data}\n height={300}\n />\n )\n}\n\nexport default DashedLine\n"],"names":["DashedLine","data","jsx","Chart","COLORS","val","opts"],"mappings":";;;AAGA,MAAMA,IAAa,MAAM;AACrB,QAAMC,IAAO;AAAA,IACT;AAAA,MACI,MAAM;AAAA,MACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,GAAG,GAAG,IAAI,EAAE;AAAA,~~IAAA~~;AAAA,~~IAEvD~~;AAAA,MACI,MAAM;AAAA,MACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE;AAAA,~~IAAA~~;AAAA,~~IAEzD~~;AAAA,MACI,MAAM;AAAA,MACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE;AAAA,IAAA;AAAA,~~EACzD~~;~~AAGJ~~,~~SACI~~,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,SAAS;AAAA,QACL,OAAO;AAAA,UACH,QAAQ;AAAA,UACR,MAAM;AAAA,UACN,MAAM;AAAA,YACF,SAAS;AAAA,UAAA;AAAA,~~QACb~~;AAAA,~~QAEJ~~,QAAQ,CAAC,GAAGC,CAAM;AAAA,QAClB,YAAY;AAAA,UACR,SAAS;AAAA,~~QAAA~~;AAAA,~~QAEb~~,QAAQ;AAAA,UACJ,OAAO,CAAC,GAAG,GAAG,CAAC;AAAA,UACf,OAAO;AAAA,UACP,WAAW,CAAC,GAAG,GAAG,CAAC;AAAA,~~QAAA~~;AAAA,~~QAEvB~~,QAAQ;AAAA,UACJ,uBAAuB,SAAUC,GAAKC,GAAM;~~AACxC~~,~~mBACID~~,IACA,QACAC,EAAK,EAAE,QAAQ,OAAOA,EAAK,WAAW,EAClCA,EAAK,cACT;AAAA,~~UAGR~~;AAAA,~~QAAA~~;AAAA,~~QAEJ~~,SAAS;AAAA,UACL,MAAM;AAAA,UACN,OAAO;AAAA,YACH,YAAY;AAAA,UAAA;AAAA,~~QAChB~~;AAAA,~~QAEJ~~,OAAO;AAAA,UACH,YAAY;AAAA,YACR;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,~~QACJ~~;AAAA,~~QAEJ~~,SAAS;AAAA,UACL,GAAG;AAAA,YACC;AAAA,cACI,OAAO;AAAA,gBACH,WAAW,SAAUD,GAAK;AACtB,yBAAOA,IAAM;AAAA,~~gBACjB~~;AAAA,~~cAAA~~;AAAA,~~YACJ~~;AAAA,~~YAEJ~~;AAAA,cACI,OAAO;AAAA,gBACH,WAAW,SAAUA,GAAK;AACtB,yBAAOA,IAAM;AAAA,~~gBACjB~~;AAAA,~~cAAA~~;AAAA,~~YACJ~~;AAAA,~~YAEJ~~;AAAA,cACI,OAAO;AAAA,gBACH,WAAW,SAAUA,GAAK;~~AACtB~~,~~yBAAOA~~;AAAA,~~gBACX~~;AAAA,~~cAAA~~;AAAA,YACJ;AAAA,UACJ;AAAA,~~QACJ~~;AAAA,~~QAEJ~~,MAAM;AAAA,UACF,aAAa;AAAA,QAAA;AAAA,~~MACjB~~;AAAA,~~MAEJ~~,QAAQJ;AAAA,MACR,QAAQ;AAAA,IAAA;AAAA,~~EAAA~~;~~AAGpB~~;"}
1	+ {"version":3,"file":"DashedLine.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Charts/DashedLine.tsx"],"sourcesContent":["import Chart from 'react-apexcharts'\nimport { COLORS } from '@/constants/chart.constant'\n\nconst DashedLine = () => {\n const data = [\n {\n name: 'Session Duration',\n data: [45, 52, 38, 24, 33, 26, 21, 20, 6, 8, 15, 10],\n },\n {\n name: 'Page Views',\n data: [35, 41, 62, 42, 13, 18, 29, 37, 36, 51, 32, 35],\n },\n {\n name: 'Total Visits',\n data: [87, 57, 74, 99, 75, 38, 62, 47, 82, 56, 45, 47],\n },\n ]\n\n return (\n <Chart\n options={{\n chart: {\n height: 350,\n type: 'line',\n zoom: {\n enabled: false,\n },\n },\n colors: [...COLORS],\n dataLabels: {\n enabled: false,\n },\n stroke: {\n width: [3, 5, 3],\n curve: 'straight',\n dashArray: [0, 8, 5],\n },\n legend: {\n tooltipHoverFormatter: function (val, opts) {\n return (\n val +\n ' - ' +\n opts.w.globals.series[opts.seriesIndex][\n opts.dataPointIndex\n ] +\n ''\n )\n },\n },\n markers: {\n size: 0,\n hover: {\n sizeOffset: 6,\n },\n },\n xaxis: {\n categories: [\n '01 Jan',\n '02 Jan',\n '03 Jan',\n '04 Jan',\n '05 Jan',\n '06 Jan',\n '07 Jan',\n '08 Jan',\n '09 Jan',\n '10 Jan',\n '11 Jan',\n '12 Jan',\n ],\n },\n tooltip: {\n y: [\n {\n title: {\n formatter: function (val) {\n return val + ' (mins)'\n },\n },\n },\n {\n title: {\n formatter: function (val) {\n return val + ' per session'\n },\n },\n },\n {\n title: {\n formatter: function (val) {\n return val\n },\n },\n },\n ],\n },\n grid: {\n borderColor: '#f1f1f1',\n },\n }}\n series={data}\n height={300}\n />\n )\n}\n\nexport default DashedLine\n"],"names":["DashedLine","data","jsx","Chart","COLORS","val","opts"],"mappings":";;;AAGA,MAAMA,IAAa,MAAM;AACrB,QAAMC,IAAO;AAAA,IACT;AAAA,MACI,MAAM;AAAA,MACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,GAAG,GAAG,IAAI,EAAE;AAAA,IACvD;AAAA,IACA;AAAA,MACI,MAAM;AAAA,MACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE;AAAA,IACzD;AAAA,IACA;AAAA,MACI,MAAM;AAAA,MACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE;AAAA,IAAA;AAAA,EAE7D;AAGI,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,SAAS;AAAA,QACL,OAAO;AAAA,UACH,QAAQ;AAAA,UACR,MAAM;AAAA,UACN,MAAM;AAAA,YACF,SAAS;AAAA,UAAA;AAAA,QAEjB;AAAA,QACA,QAAQ,CAAC,GAAGC,CAAM;AAAA,QAClB,YAAY;AAAA,UACR,SAAS;AAAA,QACb;AAAA,QACA,QAAQ;AAAA,UACJ,OAAO,CAAC,GAAG,GAAG,CAAC;AAAA,UACf,OAAO;AAAA,UACP,WAAW,CAAC,GAAG,GAAG,CAAC;AAAA,QACvB;AAAA,QACA,QAAQ;AAAA,UACJ,uBAAuB,SAAUC,GAAKC,GAAM;AAEpC,mBAAAD,IACA,QACAC,EAAK,EAAE,QAAQ,OAAOA,EAAK,WAAW,EAClCA,EAAK,cACT;AAAA,UAAA;AAAA,QAIZ;AAAA,QACA,SAAS;AAAA,UACL,MAAM;AAAA,UACN,OAAO;AAAA,YACH,YAAY;AAAA,UAAA;AAAA,QAEpB;AAAA,QACA,OAAO;AAAA,UACH,YAAY;AAAA,YACR;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,QAER;AAAA,QACA,SAAS;AAAA,UACL,GAAG;AAAA,YACC;AAAA,cACI,OAAO;AAAA,gBACH,WAAW,SAAUD,GAAK;AACtB,yBAAOA,IAAM;AAAA,gBAAA;AAAA,cACjB;AAAA,YAER;AAAA,YACA;AAAA,cACI,OAAO;AAAA,gBACH,WAAW,SAAUA,GAAK;AACtB,yBAAOA,IAAM;AAAA,gBAAA;AAAA,cACjB;AAAA,YAER;AAAA,YACA;AAAA,cACI,OAAO;AAAA,gBACH,WAAW,SAAUA,GAAK;AACf,yBAAAA;AAAA,gBAAA;AAAA,cACX;AAAA,YACJ;AAAA,UACJ;AAAA,QAER;AAAA,QACA,MAAM;AAAA,UACF,aAAa;AAAA,QAAA;AAAA,MAErB;AAAA,MACA,QAAQJ;AAAA,MACR,QAAQ;AAAA,IAAA;AAAA,EACZ;AAER;"}

package/dist/@ecme/views/ui-components/graph/Charts/GroupedBar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GroupedBar.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Charts/GroupedBar.tsx"],"sourcesContent":["import Chart from 'react-apexcharts'\nimport { COLORS } from '@/constants/chart.constant'\n\nconst GroupedBar = () => {\n const data = [\n {\n data: [44, 55, 41, 64],\n },\n {\n data: [53, 32, 33, 52],\n },\n ]\n\n return (\n <Chart\n options={{\n plotOptions: {\n bar: {\n horizontal: true,\n dataLabels: {\n position: 'top',\n },\n },\n },\n colors: COLORS,\n dataLabels: {\n enabled: true,\n offsetX: -6,\n style: {\n fontSize: '12px',\n colors: ['#fff'],\n },\n },\n stroke: {\n show: true,\n width: 1,\n colors: ['#fff'],\n },\n xaxis: {\n categories: [2001, 2002, 2003, 2004],\n },\n }}\n series={data}\n height={300}\n type=\"bar\"\n />\n )\n}\n\nexport default GroupedBar\n"],"names":["GroupedBar","jsx","Chart","COLORS"],"mappings":";;;AAGA,MAAMA,IAAa,MAWX,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,SAAS;AAAA,MACL,aAAa;AAAA,QACT,KAAK;AAAA,UACD,YAAY;AAAA,UACZ,YAAY;AAAA,YACR,UAAU;AAAA,UAAA;AAAA,QACd;AAAA,~~MACJ~~;AAAA,~~MAEJ~~,QAAQC;AAAA,MACR,YAAY;AAAA,QACR,SAAS;AAAA,QACT,SAAS;AAAA,QACT,OAAO;AAAA,UACH,UAAU;AAAA,UACV,QAAQ,CAAC,MAAM;AAAA,QAAA;AAAA,~~MACnB~~;AAAA,~~MAEJ~~,QAAQ;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,QACP,QAAQ,CAAC,MAAM;AAAA,~~MAAA~~;AAAA,~~MAEnB~~,OAAO;AAAA,QACH,YAAY,CAAC,MAAM,MAAM,MAAM,IAAI;AAAA,MAAA;AAAA,~~IACvC~~;AAAA,~~IAEJ~~,QAtCK;AAAA,MACT;AAAA,QACI,MAAM,CAAC,IAAI,IAAI,IAAI,EAAE;AAAA,~~MAAA~~;AAAA,~~MAEzB~~;AAAA,QACI,MAAM,CAAC,IAAI,IAAI,IAAI,EAAE;AAAA,MAAA;AAAA,~~IACzB~~;AAAA,~~IAiCI~~,QAAQ;AAAA,IACR,MAAK;AAAA,EAAA;~~AAAA~~;"}
1	+ {"version":3,"file":"GroupedBar.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Charts/GroupedBar.tsx"],"sourcesContent":["import Chart from 'react-apexcharts'\nimport { COLORS } from '@/constants/chart.constant'\n\nconst GroupedBar = () => {\n const data = [\n {\n data: [44, 55, 41, 64],\n },\n {\n data: [53, 32, 33, 52],\n },\n ]\n\n return (\n <Chart\n options={{\n plotOptions: {\n bar: {\n horizontal: true,\n dataLabels: {\n position: 'top',\n },\n },\n },\n colors: COLORS,\n dataLabels: {\n enabled: true,\n offsetX: -6,\n style: {\n fontSize: '12px',\n colors: ['#fff'],\n },\n },\n stroke: {\n show: true,\n width: 1,\n colors: ['#fff'],\n },\n xaxis: {\n categories: [2001, 2002, 2003, 2004],\n },\n }}\n series={data}\n height={300}\n type=\"bar\"\n />\n )\n}\n\nexport default GroupedBar\n"],"names":["GroupedBar","jsx","Chart","COLORS"],"mappings":";;;AAGA,MAAMA,IAAa,MAWX,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,SAAS;AAAA,MACL,aAAa;AAAA,QACT,KAAK;AAAA,UACD,YAAY;AAAA,UACZ,YAAY;AAAA,YACR,UAAU;AAAA,UAAA;AAAA,QACd;AAAA,MAER;AAAA,MACA,QAAQC;AAAA,MACR,YAAY;AAAA,QACR,SAAS;AAAA,QACT,SAAS;AAAA,QACT,OAAO;AAAA,UACH,UAAU;AAAA,UACV,QAAQ,CAAC,MAAM;AAAA,QAAA;AAAA,MAEvB;AAAA,MACA,QAAQ;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,QACP,QAAQ,CAAC,MAAM;AAAA,MACnB;AAAA,MACA,OAAO;AAAA,QACH,YAAY,CAAC,MAAM,MAAM,MAAM,IAAI;AAAA,MAAA;AAAA,IAE3C;AAAA,IACA,QAtCK;AAAA,MACT;AAAA,QACI,MAAM,CAAC,IAAI,IAAI,IAAI,EAAE;AAAA,MACzB;AAAA,MACA;AAAA,QACI,MAAM,CAAC,IAAI,IAAI,IAAI,EAAE;AAAA,MAAA;AAAA,IAE7B;AAAA,IAgCQ,QAAQ;AAAA,IACR,MAAK;AAAA,EAAA;AACT;"}

package/dist/@ecme/views/ui-components/graph/Charts/SimpleDonut.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SimpleDonut.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Charts/SimpleDonut.tsx"],"sourcesContent":["import Chart from 'react-apexcharts'\nimport { COLORS } from '@/constants/chart.constant'\n\nconst SimpleDonut = () => {\n return (\n <Chart\n options={{\n colors: COLORS,\n responsive: [\n {\n breakpoint: 480,\n options: {\n chart: {\n width: 200,\n },\n legend: {\n position: 'bottom',\n },\n },\n },\n ],\n }}\n series={[44, 55, 41, 17, 15]}\n height={300}\n type=\"donut\"\n />\n )\n}\n\nexport default SimpleDonut\n"],"names":["SimpleDonut","jsx","Chart","COLORS"],"mappings":";;;AAGA,MAAMA,IAAc,MAEZ,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,SAAS;AAAA,MACL,QAAQC;AAAA,MACR,YAAY;AAAA,QACR;AAAA,UACI,YAAY;AAAA,UACZ,SAAS;AAAA,YACL,OAAO;AAAA,cACH,OAAO;AAAA,~~YAAA~~;AAAA,~~YAEX~~,QAAQ;AAAA,cACJ,UAAU;AAAA,YAAA;AAAA,UACd;AAAA,QACJ;AAAA,MACJ;AAAA,~~IACJ~~;AAAA,~~IAEJ~~,QAAQ,CAAC,IAAI,IAAI,IAAI,IAAI,EAAE;AAAA,IAC3B,QAAQ;AAAA,IACR,MAAK;AAAA,EAAA;~~AAAA~~;"}
1	+ {"version":3,"file":"SimpleDonut.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Charts/SimpleDonut.tsx"],"sourcesContent":["import Chart from 'react-apexcharts'\nimport { COLORS } from '@/constants/chart.constant'\n\nconst SimpleDonut = () => {\n return (\n <Chart\n options={{\n colors: COLORS,\n responsive: [\n {\n breakpoint: 480,\n options: {\n chart: {\n width: 200,\n },\n legend: {\n position: 'bottom',\n },\n },\n },\n ],\n }}\n series={[44, 55, 41, 17, 15]}\n height={300}\n type=\"donut\"\n />\n )\n}\n\nexport default SimpleDonut\n"],"names":["SimpleDonut","jsx","Chart","COLORS"],"mappings":";;;AAGA,MAAMA,IAAc,MAEZ,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,SAAS;AAAA,MACL,QAAQC;AAAA,MACR,YAAY;AAAA,QACR;AAAA,UACI,YAAY;AAAA,UACZ,SAAS;AAAA,YACL,OAAO;AAAA,cACH,OAAO;AAAA,YACX;AAAA,YACA,QAAQ;AAAA,cACJ,UAAU;AAAA,YAAA;AAAA,UACd;AAAA,QACJ;AAAA,MACJ;AAAA,IAER;AAAA,IACA,QAAQ,CAAC,IAAI,IAAI,IAAI,IAAI,EAAE;AAAA,IAC3B,QAAQ;AAAA,IACR,MAAK;AAAA,EAAA;AACT;"}

package/dist/@ecme/views/ui-components/graph/Charts/SimplePie.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SimplePie.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Charts/SimplePie.tsx"],"sourcesContent":["import Chart from 'react-apexcharts'\nimport { COLORS } from '@/constants/chart.constant'\n\nconst SimplePie = () => {\n return (\n <Chart\n options={{\n colors: COLORS,\n labels: ['Team A', 'Team B', 'Team C', 'Team D', 'Team E'],\n responsive: [\n {\n breakpoint: 480,\n options: {\n chart: {\n width: 200,\n },\n legend: {\n position: 'bottom',\n },\n },\n },\n ],\n }}\n series={[44, 55, 13, 43, 22]}\n height={300}\n type=\"pie\"\n />\n )\n}\n\nexport default SimplePie\n"],"names":["SimplePie","jsx","Chart","COLORS"],"mappings":";;;AAGA,MAAMA,IAAY,MAEV,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,SAAS;AAAA,MACL,QAAQC;AAAA,MACR,QAAQ,CAAC,UAAU,UAAU,UAAU,UAAU,QAAQ;AAAA,MACzD,YAAY;AAAA,QACR;AAAA,UACI,YAAY;AAAA,UACZ,SAAS;AAAA,YACL,OAAO;AAAA,cACH,OAAO;AAAA,~~YAAA~~;AAAA,~~YAEX~~,QAAQ;AAAA,cACJ,UAAU;AAAA,YAAA;AAAA,UACd;AAAA,QACJ;AAAA,MACJ;AAAA,~~IACJ~~;AAAA,~~IAEJ~~,QAAQ,CAAC,IAAI,IAAI,IAAI,IAAI,EAAE;AAAA,IAC3B,QAAQ;AAAA,IACR,MAAK;AAAA,EAAA;~~AAAA~~;"}
1	+ {"version":3,"file":"SimplePie.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Charts/SimplePie.tsx"],"sourcesContent":["import Chart from 'react-apexcharts'\nimport { COLORS } from '@/constants/chart.constant'\n\nconst SimplePie = () => {\n return (\n <Chart\n options={{\n colors: COLORS,\n labels: ['Team A', 'Team B', 'Team C', 'Team D', 'Team E'],\n responsive: [\n {\n breakpoint: 480,\n options: {\n chart: {\n width: 200,\n },\n legend: {\n position: 'bottom',\n },\n },\n },\n ],\n }}\n series={[44, 55, 13, 43, 22]}\n height={300}\n type=\"pie\"\n />\n )\n}\n\nexport default SimplePie\n"],"names":["SimplePie","jsx","Chart","COLORS"],"mappings":";;;AAGA,MAAMA,IAAY,MAEV,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,SAAS;AAAA,MACL,QAAQC;AAAA,MACR,QAAQ,CAAC,UAAU,UAAU,UAAU,UAAU,QAAQ;AAAA,MACzD,YAAY;AAAA,QACR;AAAA,UACI,YAAY;AAAA,UACZ,SAAS;AAAA,YACL,OAAO;AAAA,cACH,OAAO;AAAA,YACX;AAAA,YACA,QAAQ;AAAA,cACJ,UAAU;AAAA,YAAA;AAAA,UACd;AAAA,QACJ;AAAA,MACJ;AAAA,IAER;AAAA,IACA,QAAQ,CAAC,IAAI,IAAI,IAAI,IAAI,EAAE;AAAA,IAC3B,QAAQ;AAAA,IACR,MAAK;AAAA,EAAA;AACT;"}

package/dist/@ecme/views/ui-components/graph/Charts/SplineArea.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SplineArea.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Charts/SplineArea.tsx"],"sourcesContent":["import Chart from 'react-apexcharts'\nimport { COLORS } from '@/constants/chart.constant'\n\nconst SplineArea = () => {\n const data = [\n {\n name: 'series1',\n data: [31, 40, 28, 51, 42, 109, 100],\n },\n {\n name: 'series2',\n data: [11, 32, 45, 32, 34, 52, 41],\n },\n ]\n\n return (\n <Chart\n options={{\n dataLabels: {\n enabled: false,\n },\n colors: COLORS,\n stroke: {\n curve: 'smooth',\n },\n xaxis: {\n type: 'datetime',\n categories: [\n '2018-09-19T00:00:00.000Z',\n '2018-09-19T01:30:00.000Z',\n '2018-09-19T02:30:00.000Z',\n '2018-09-19T03:30:00.000Z',\n '2018-09-19T04:30:00.000Z',\n '2018-09-19T05:30:00.000Z',\n '2018-09-19T06:30:00.000Z',\n ],\n },\n tooltip: {\n x: {\n format: 'dd/MM/yy HH:mm',\n },\n },\n }}\n series={data}\n type=\"area\"\n height={300}\n />\n )\n}\n\nexport default SplineArea\n"],"names":["SplineArea","jsx","Chart","COLORS"],"mappings":";;;AAGA,MAAMA,IAAa,MAaX,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,SAAS;AAAA,MACL,YAAY;AAAA,QACR,SAAS;AAAA,~~MAAA~~;AAAA,~~MAEb~~,QAAQC;AAAA,MACR,QAAQ;AAAA,QACJ,OAAO;AAAA,~~MAAA~~;AAAA,~~MAEX~~,OAAO;AAAA,QACH,MAAM;AAAA,QACN,YAAY;AAAA,UACR;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,~~MACJ~~;AAAA,~~MAEJ~~,SAAS;AAAA,QACL,GAAG;AAAA,UACC,QAAQ;AAAA,QAAA;AAAA,MACZ;AAAA,~~IACJ~~;AAAA,~~IAEJ~~,QAvCK;AAAA,MACT;AAAA,QACI,MAAM;AAAA,QACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,KAAK,GAAG;AAAA,~~MAAA~~;AAAA,~~MAEvC~~;AAAA,QACI,MAAM;AAAA,QACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE;AAAA,MAAA;AAAA,~~IACrC~~;AAAA,~~IAgCI~~,MAAK;AAAA,IACL,QAAQ;AAAA,EAAA;~~AAAA~~;"}
1	+ {"version":3,"file":"SplineArea.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Charts/SplineArea.tsx"],"sourcesContent":["import Chart from 'react-apexcharts'\nimport { COLORS } from '@/constants/chart.constant'\n\nconst SplineArea = () => {\n const data = [\n {\n name: 'series1',\n data: [31, 40, 28, 51, 42, 109, 100],\n },\n {\n name: 'series2',\n data: [11, 32, 45, 32, 34, 52, 41],\n },\n ]\n\n return (\n <Chart\n options={{\n dataLabels: {\n enabled: false,\n },\n colors: COLORS,\n stroke: {\n curve: 'smooth',\n },\n xaxis: {\n type: 'datetime',\n categories: [\n '2018-09-19T00:00:00.000Z',\n '2018-09-19T01:30:00.000Z',\n '2018-09-19T02:30:00.000Z',\n '2018-09-19T03:30:00.000Z',\n '2018-09-19T04:30:00.000Z',\n '2018-09-19T05:30:00.000Z',\n '2018-09-19T06:30:00.000Z',\n ],\n },\n tooltip: {\n x: {\n format: 'dd/MM/yy HH:mm',\n },\n },\n }}\n series={data}\n type=\"area\"\n height={300}\n />\n )\n}\n\nexport default SplineArea\n"],"names":["SplineArea","jsx","Chart","COLORS"],"mappings":";;;AAGA,MAAMA,IAAa,MAaX,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,SAAS;AAAA,MACL,YAAY;AAAA,QACR,SAAS;AAAA,MACb;AAAA,MACA,QAAQC;AAAA,MACR,QAAQ;AAAA,QACJ,OAAO;AAAA,MACX;AAAA,MACA,OAAO;AAAA,QACH,MAAM;AAAA,QACN,YAAY;AAAA,UACR;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,MAER;AAAA,MACA,SAAS;AAAA,QACL,GAAG;AAAA,UACC,QAAQ;AAAA,QAAA;AAAA,MACZ;AAAA,IAER;AAAA,IACA,QAvCK;AAAA,MACT;AAAA,QACI,MAAM;AAAA,QACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,KAAK,GAAG;AAAA,MACvC;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE;AAAA,MAAA;AAAA,IAEzC;AAAA,IA+BQ,MAAK;AAAA,IACL,QAAQ;AAAA,EAAA;AACZ;"}

package/dist/@ecme/views/ui-components/graph/Charts/StackedColumn.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StackedColumn.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Charts/StackedColumn.tsx"],"sourcesContent":["import Chart from 'react-apexcharts'\nimport { COLORS } from '@/constants/chart.constant'\n\nconst StackedColumn = () => {\n const data = [\n {\n name: 'PRODUCT A',\n data: [44, 55, 41, 67, 22, 43],\n },\n {\n name: 'PRODUCT B',\n data: [13, 23, 20, 8, 13, 27],\n },\n {\n name: 'PRODUCT C',\n data: [11, 17, 15, 15, 21, 14],\n },\n ]\n\n return (\n <Chart\n options={{\n chart: {\n stacked: true,\n toolbar: {\n show: true,\n },\n zoom: {\n enabled: true,\n },\n },\n colors: COLORS,\n responsive: [\n {\n breakpoint: 480,\n options: {\n legend: {\n position: 'bottom',\n offsetX: -10,\n offsetY: 0,\n },\n },\n },\n ],\n plotOptions: {\n bar: {\n horizontal: false,\n },\n },\n xaxis: {\n type: 'datetime',\n categories: [\n '01/01/2011 GMT',\n '01/02/2011 GMT',\n '01/03/2011 GMT',\n '01/04/2011 GMT',\n '01/05/2011 GMT',\n '01/06/2011 GMT',\n ],\n },\n legend: {\n position: 'right',\n offsetY: 40,\n },\n fill: {\n opacity: 1,\n },\n }}\n series={data}\n type=\"bar\"\n height={300}\n />\n )\n}\n\nexport default StackedColumn\n"],"names":["StackedColumn","jsx","Chart","COLORS"],"mappings":";;;AAGA,MAAMA,IAAgB,MAiBd,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,SAAS;AAAA,MACL,OAAO;AAAA,QACH,SAAS;AAAA,QACT,SAAS;AAAA,UACL,MAAM;AAAA,~~QAAA~~;AAAA,~~QAEV~~,MAAM;AAAA,UACF,SAAS;AAAA,QAAA;AAAA,~~MACb~~;AAAA,~~MAEJ~~,QAAQC;AAAA,MACR,YAAY;AAAA,QACR;AAAA,UACI,YAAY;AAAA,UACZ,SAAS;AAAA,YACL,QAAQ;AAAA,cACJ,UAAU;AAAA,cACV,SAAS;AAAA,cACT,SAAS;AAAA,YAAA;AAAA,UACb;AAAA,QACJ;AAAA,~~MACJ~~;AAAA,~~MAEJ~~,aAAa;AAAA,QACT,KAAK;AAAA,UACD,YAAY;AAAA,QAAA;AAAA,~~MAChB~~;AAAA,~~MAEJ~~,OAAO;AAAA,QACH,MAAM;AAAA,QACN,YAAY;AAAA,UACR;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,~~MACJ~~;AAAA,~~MAEJ~~,QAAQ;AAAA,QACJ,UAAU;AAAA,QACV,SAAS;AAAA,~~MAAA~~;AAAA,~~MAEb~~,MAAM;AAAA,QACF,SAAS;AAAA,MAAA;AAAA,~~IACb~~;AAAA,~~IAEJ~~,QAhEK;AAAA,MACT;AAAA,QACI,MAAM;AAAA,QACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE;AAAA,~~MAAA~~;AAAA,~~MAEjC~~;AAAA,QACI,MAAM;AAAA,QACN,MAAM,CAAC,IAAI,IAAI,IAAI,GAAG,IAAI,EAAE;AAAA,~~MAAA~~;AAAA,~~MAEhC~~;AAAA,QACI,MAAM;AAAA,QACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE;AAAA,MAAA;AAAA,~~IACjC~~;AAAA,~~IAqDI~~,MAAK;AAAA,IACL,QAAQ;AAAA,EAAA;~~AAAA~~;"}
1	+ {"version":3,"file":"StackedColumn.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Charts/StackedColumn.tsx"],"sourcesContent":["import Chart from 'react-apexcharts'\nimport { COLORS } from '@/constants/chart.constant'\n\nconst StackedColumn = () => {\n const data = [\n {\n name: 'PRODUCT A',\n data: [44, 55, 41, 67, 22, 43],\n },\n {\n name: 'PRODUCT B',\n data: [13, 23, 20, 8, 13, 27],\n },\n {\n name: 'PRODUCT C',\n data: [11, 17, 15, 15, 21, 14],\n },\n ]\n\n return (\n <Chart\n options={{\n chart: {\n stacked: true,\n toolbar: {\n show: true,\n },\n zoom: {\n enabled: true,\n },\n },\n colors: COLORS,\n responsive: [\n {\n breakpoint: 480,\n options: {\n legend: {\n position: 'bottom',\n offsetX: -10,\n offsetY: 0,\n },\n },\n },\n ],\n plotOptions: {\n bar: {\n horizontal: false,\n },\n },\n xaxis: {\n type: 'datetime',\n categories: [\n '01/01/2011 GMT',\n '01/02/2011 GMT',\n '01/03/2011 GMT',\n '01/04/2011 GMT',\n '01/05/2011 GMT',\n '01/06/2011 GMT',\n ],\n },\n legend: {\n position: 'right',\n offsetY: 40,\n },\n fill: {\n opacity: 1,\n },\n }}\n series={data}\n type=\"bar\"\n height={300}\n />\n )\n}\n\nexport default StackedColumn\n"],"names":["StackedColumn","jsx","Chart","COLORS"],"mappings":";;;AAGA,MAAMA,IAAgB,MAiBd,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,SAAS;AAAA,MACL,OAAO;AAAA,QACH,SAAS;AAAA,QACT,SAAS;AAAA,UACL,MAAM;AAAA,QACV;AAAA,QACA,MAAM;AAAA,UACF,SAAS;AAAA,QAAA;AAAA,MAEjB;AAAA,MACA,QAAQC;AAAA,MACR,YAAY;AAAA,QACR;AAAA,UACI,YAAY;AAAA,UACZ,SAAS;AAAA,YACL,QAAQ;AAAA,cACJ,UAAU;AAAA,cACV,SAAS;AAAA,cACT,SAAS;AAAA,YAAA;AAAA,UACb;AAAA,QACJ;AAAA,MAER;AAAA,MACA,aAAa;AAAA,QACT,KAAK;AAAA,UACD,YAAY;AAAA,QAAA;AAAA,MAEpB;AAAA,MACA,OAAO;AAAA,QACH,MAAM;AAAA,QACN,YAAY;AAAA,UACR;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,MAER;AAAA,MACA,QAAQ;AAAA,QACJ,UAAU;AAAA,QACV,SAAS;AAAA,MACb;AAAA,MACA,MAAM;AAAA,QACF,SAAS;AAAA,MAAA;AAAA,IAEjB;AAAA,IACA,QAhEK;AAAA,MACT;AAAA,QACI,MAAM;AAAA,QACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE;AAAA,MACjC;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,MAAM,CAAC,IAAI,IAAI,IAAI,GAAG,IAAI,EAAE;AAAA,MAChC;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE;AAAA,MAAA;AAAA,IAErC;AAAA,IAoDQ,MAAK;AAAA,IACL,QAAQ;AAAA,EAAA;AACZ;"}

package/dist/@ecme/views/ui-components/graph/Charts/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Charts/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport BasicLine from './BasicLine'\nimport DashedLine from './DashedLine'\nimport BasicArea from './BasicArea'\nimport SplineArea from './SplineArea'\nimport BasicColumn from './BasicColumn'\nimport StackedColumn from './StackedColumn'\nimport BasicBar from './BasicBar'\nimport GroupedBar from './GroupedBar'\nimport SimplePie from './SimplePie'\nimport SimpleDonut from './SimpleDonut'\n\nconst mdPath = 'Charts'\n\nconst demoHeader = {\n title: 'Charts',\n desc: 'React-ApexCharts is a wrapper component for ApexCharts ready to be integrated into your react.js application to create stunning React Charts.',\n}\n\nconst demos = [\n {\n mdName: 'BasicLine',\n mdPath: mdPath,\n title: 'Basic Line',\n desc: ``,\n component: <BasicLine />,\n },\n {\n mdName: 'DashedLine',\n mdPath: mdPath,\n title: 'Dashed Line',\n desc: ``,\n component: <DashedLine />,\n },\n {\n mdName: 'BasicArea',\n mdPath: mdPath,\n title: 'Basic Area',\n desc: ``,\n component: <BasicArea />,\n },\n {\n mdName: 'SplineArea',\n mdPath: mdPath,\n title: 'Spline Area',\n desc: ``,\n component: <SplineArea />,\n },\n {\n mdName: 'BasicColumn',\n mdPath: mdPath,\n title: 'Basic Column',\n desc: ``,\n component: <BasicColumn />,\n },\n {\n mdName: 'StackedColumn',\n mdPath: mdPath,\n title: 'Stacked Column',\n desc: ``,\n component: <StackedColumn />,\n },\n {\n mdName: 'BasicBar',\n mdPath: mdPath,\n title: 'Basic Bar',\n desc: ``,\n component: <BasicBar />,\n },\n {\n mdName: 'GroupedBar',\n mdPath: mdPath,\n title: 'Grouped Bar',\n desc: ``,\n component: <GroupedBar />,\n },\n {\n mdName: 'SimplePie',\n mdPath: mdPath,\n title: 'Simple Pie',\n desc: ``,\n component: <SimplePie />,\n },\n {\n mdName: 'SimpleDonut',\n mdPath: mdPath,\n title: 'Simple Donut',\n desc: ``,\n component: <SimpleDonut />,\n },\n]\n\nconst demoApi = [\n {\n component: 'Charts',\n api: [\n {\n propName: 'type',\n type: `<code>string</code>`,\n default: `<code>'line'</code>`,\n desc: 'The chart type which is a mandatory prop to specify',\n },\n {\n propName: 'series',\n type: `<code>Array</code>`,\n default: `-`,\n desc: 'The data which you want to display in the chart',\n },\n {\n propName: 'width',\n type: `<code>string</code> \| <code>number</code>`,\n default: `<code>'100%'</code>`,\n desc: 'Width of the chart',\n },\n {\n propName: 'height',\n type: `<code>string</code> \| <code>number</code>`,\n default: `<code>'auto'</code>`,\n desc: 'Height of the chart',\n },\n {\n propName: 'options',\n type: `<code>object</code>`,\n default: `<code>{}</code>`,\n desc: 'All the optional configuration of the chart goes in this property',\n },\n ],\n },\n]\n\nconst Extra = () => {\n return (\n <>\n <h4 className=\"mb-4\">More Charts Examples?</h4>\n <p>\n There are several other charts which can be created by changing\n a couple of options. The major configuration has to be done in\n the <code>options</code> property of ApexCharts component and\n rest will fall into places. Refer to:\n <a\n className=\"text-blue-500 hover:underline\"\n href=\"https://apexcharts.com/react-chart-demos/\"\n target=\"_blank\"\n rel=\"noreferrer\"\n >\n https://apexcharts.com/react-chart-demos/\n </a>\n </p>\n </>\n )\n}\n\nconst Charts = () => {\n return (\n <DemoLayout\n header={demoHeader}\n demos={demos}\n api={demoApi}\n extra={<Extra />}\n />\n )\n}\n\nexport default Charts\n"],"names":["mdPath","demoHeader","demos","BasicLine","DashedLine","BasicArea","SplineArea","BasicColumn","StackedColumn","BasicBar","GroupedBar","SimplePie","SimpleDonut","demoApi","Extra","jsxs","Fragment","jsx","Charts","DemoLayout"],"mappings":";;;;;;;;;;;;AAcA,MAAMA,IAAS,UAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,~~GAAA~~,CAAA,~~CAAU~~;AAAA,~~EAAA~~;AAAA,~~EAE1B~~;AAAA,IACI,QAAQ;AAAA,IACR,QAAAH;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYI,~~GAAA~~,CAAA,~~CAAW~~;AAAA,~~EAAA~~;AAAA,~~EAE3B~~;AAAA,IACI,QAAQ;AAAA,IACR,QAAAJ;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYK,~~GAAA~~,CAAA,~~CAAU~~;AAAA,~~EAAA~~;AAAA,~~EAE1B~~;AAAA,IACI,QAAQ;AAAA,IACR,QAAAL;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYM,~~GAAA~~,CAAA,~~CAAW~~;AAAA,~~EAAA~~;AAAA,~~EAE3B~~;AAAA,IACI,QAAQ;AAAA,IACR,QAAAN;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYO,~~GAAA~~,CAAA,~~CAAY~~;AAAA,~~EAAA~~;AAAA,~~EAE5B~~;AAAA,IACI,QAAQ;AAAA,IACR,QAAAP;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYQ,~~GAAA~~,CAAA,~~CAAc~~;AAAA,~~EAAA~~;AAAA,~~EAE9B~~;AAAA,IACI,QAAQ;AAAA,IACR,QAAAR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYS,~~GAAA~~,CAAA,~~CAAS~~;AAAA,~~EAAA~~;AAAA,~~EAEzB~~;AAAA,IACI,QAAQ;AAAA,IACR,QAAAT;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYU,~~GAAA~~,CAAA,~~CAAW~~;AAAA,~~EAAA~~;AAAA,~~EAE3B~~;AAAA,IACI,QAAQ;AAAA,IACR,QAAAV;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYW,~~GAAA~~,CAAA,~~CAAU~~;AAAA,~~EAAA~~;AAAA,~~EAE1B~~;AAAA,IACI,QAAQ;AAAA,IACR,QAAAX;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYY,~~GAAA~~,CAAA,~~CAAY~~;AAAA,EAAA;AAEhC,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,~~MAAA~~;AAAA,~~MAEV~~;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,~~MAAA~~;AAAA,~~MAEV~~;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,~~MAAA~~;AAAA,~~MAEV~~;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,~~MAAA~~;AAAA,~~MAEV~~;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAQ,~~MAEN~~,gBAAAC,EAAAC,GAAA,~~EACI~~,UAAA;AAAA,~~EAAA~~,gBAAAC,~~EAAC~~,MAAA,EAAG,WAAU,QAAO,~~UAAA~~,~~yBAAqB~~;AAAA,oBACzC,~~KAAA~~,~~EAAE~~,UAAA;AAAA,IAAA;AAAA,IAGK,gBAAAA,EAAC,UAAK,~~UAAA~~,UAAA,~~CAAO~~;AAAA,IAAO;AAAA,IAExB,gBAAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,MAAK;AAAA,QACL,QAAO;AAAA,QACP,KAAI;AAAA,QACP,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAED,~~EAAA~~,~~CACJ~~;AAAA,GACJ,GAIFC,IAAS,MAEP,gBAAAD;AAAA,EAACE;AAAA,EAAA;AAAA,IACG,QAAQlB;AAAA,IACR,OAAAC;AAAA,IACA,KAAKW;AAAA,IACL,yBAAQC,~~GAAA~~,CAAA,~~CAAM~~;AAAA,EAAA;~~AAAA~~;"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Charts/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport BasicLine from './BasicLine'\nimport DashedLine from './DashedLine'\nimport BasicArea from './BasicArea'\nimport SplineArea from './SplineArea'\nimport BasicColumn from './BasicColumn'\nimport StackedColumn from './StackedColumn'\nimport BasicBar from './BasicBar'\nimport GroupedBar from './GroupedBar'\nimport SimplePie from './SimplePie'\nimport SimpleDonut from './SimpleDonut'\n\nconst mdPath = 'Charts'\n\nconst demoHeader = {\n title: 'Charts',\n desc: 'React-ApexCharts is a wrapper component for ApexCharts ready to be integrated into your react.js application to create stunning React Charts.',\n}\n\nconst demos = [\n {\n mdName: 'BasicLine',\n mdPath: mdPath,\n title: 'Basic Line',\n desc: ``,\n component: <BasicLine />,\n },\n {\n mdName: 'DashedLine',\n mdPath: mdPath,\n title: 'Dashed Line',\n desc: ``,\n component: <DashedLine />,\n },\n {\n mdName: 'BasicArea',\n mdPath: mdPath,\n title: 'Basic Area',\n desc: ``,\n component: <BasicArea />,\n },\n {\n mdName: 'SplineArea',\n mdPath: mdPath,\n title: 'Spline Area',\n desc: ``,\n component: <SplineArea />,\n },\n {\n mdName: 'BasicColumn',\n mdPath: mdPath,\n title: 'Basic Column',\n desc: ``,\n component: <BasicColumn />,\n },\n {\n mdName: 'StackedColumn',\n mdPath: mdPath,\n title: 'Stacked Column',\n desc: ``,\n component: <StackedColumn />,\n },\n {\n mdName: 'BasicBar',\n mdPath: mdPath,\n title: 'Basic Bar',\n desc: ``,\n component: <BasicBar />,\n },\n {\n mdName: 'GroupedBar',\n mdPath: mdPath,\n title: 'Grouped Bar',\n desc: ``,\n component: <GroupedBar />,\n },\n {\n mdName: 'SimplePie',\n mdPath: mdPath,\n title: 'Simple Pie',\n desc: ``,\n component: <SimplePie />,\n },\n {\n mdName: 'SimpleDonut',\n mdPath: mdPath,\n title: 'Simple Donut',\n desc: ``,\n component: <SimpleDonut />,\n },\n]\n\nconst demoApi = [\n {\n component: 'Charts',\n api: [\n {\n propName: 'type',\n type: `<code>string</code>`,\n default: `<code>'line'</code>`,\n desc: 'The chart type which is a mandatory prop to specify',\n },\n {\n propName: 'series',\n type: `<code>Array</code>`,\n default: `-`,\n desc: 'The data which you want to display in the chart',\n },\n {\n propName: 'width',\n type: `<code>string</code> \| <code>number</code>`,\n default: `<code>'100%'</code>`,\n desc: 'Width of the chart',\n },\n {\n propName: 'height',\n type: `<code>string</code> \| <code>number</code>`,\n default: `<code>'auto'</code>`,\n desc: 'Height of the chart',\n },\n {\n propName: 'options',\n type: `<code>object</code>`,\n default: `<code>{}</code>`,\n desc: 'All the optional configuration of the chart goes in this property',\n },\n ],\n },\n]\n\nconst Extra = () => {\n return (\n <>\n <h4 className=\"mb-4\">More Charts Examples?</h4>\n <p>\n There are several other charts which can be created by changing\n a couple of options. The major configuration has to be done in\n the <code>options</code> property of ApexCharts component and\n rest will fall into places. Refer to:\n <a\n className=\"text-blue-500 hover:underline\"\n href=\"https://apexcharts.com/react-chart-demos/\"\n target=\"_blank\"\n rel=\"noreferrer\"\n >\n https://apexcharts.com/react-chart-demos/\n </a>\n </p>\n </>\n )\n}\n\nconst Charts = () => {\n return (\n <DemoLayout\n header={demoHeader}\n demos={demos}\n api={demoApi}\n extra={<Extra />}\n />\n )\n}\n\nexport default Charts\n"],"names":["mdPath","demoHeader","demos","BasicLine","DashedLine","BasicArea","SplineArea","BasicColumn","StackedColumn","BasicBar","GroupedBar","SimplePie","SimpleDonut","demoApi","Extra","jsxs","Fragment","jsx","Charts","DemoLayout"],"mappings":"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"}

package/dist/@ecme/views/ui-components/graph/Maps/BasicAnnotation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BasicAnnotation.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Maps/BasicAnnotation.tsx"],"sourcesContent":["import {\n ComposableMap,\n Geographies,\n Geography,\n Annotation,\n} from 'react-simple-maps'\n\nconst geoUrl = '/data/features.json'\n\nconst BasicAnnotation = () => {\n return (\n <ComposableMap\n projection=\"geoAzimuthalEqualArea\"\n height={200}\n projectionConfig={{\n rotate: [-20.0, -52.0, 0],\n scale: 500,\n }}\n >\n <Geographies\n geography={geoUrl}\n fill=\"#D6D6DA\"\n stroke=\"#FFFFFF\"\n strokeWidth={0.5}\n >\n {({ geographies }) =>\n geographies.map((geo) => (\n <Geography key={geo.rsmKey} geography={geo} />\n ))\n }\n </Geographies>\n <Annotation\n subject={[2.3522, 48.8566]}\n dx={-90}\n dy={-30}\n connectorProps={{\n stroke: '#FF5533',\n strokeWidth: 3,\n strokeLinecap: 'round',\n }}\n >\n <text\n x=\"-8\"\n textAnchor=\"end\"\n alignmentBaseline=\"middle\"\n fill=\"#F53\"\n >\n {'Paris'}\n </text>\n </Annotation>\n </ComposableMap>\n )\n}\n\nexport default BasicAnnotation\n"],"names":["geoUrl","BasicAnnotation","jsxs","ComposableMap","jsx","Geographies","geographies","geo","Geography","Annotation"],"mappings":";;AAOA,MAAMA,IAAS,uBAETC,IAAkB,MAEhB,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,YAAW;AAAA,IACX,QAAQ;AAAA,IACR,kBAAkB;AAAA,MACd,QAAQ,CAAC,KAAO,KAAO,CAAC;AAAA,MACxB,OAAO;AAAA,~~IAAA~~;AAAA,~~IAGX~~,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,WAAWL;AAAA,UACX,MAAK;AAAA,UACL,QAAO;AAAA,UACP,aAAa;AAAA,UAEZ,~~UAAA~~,~~CAAC~~,EAAE,aAAAM,~~EAAA~~,~~MACAA~~,EAAY,IAAI,CAACC,MACb,gBAAAH,EAACI,~~GAAA~~,~~EAA2B~~,WAAWD,~~EAAA~~,~~GAAvBA~~,EAAI,MAAwB,CAC/C;AAAA,QAAA;AAAA,~~MAAA~~;AAAA,~~MAGT~~,gBAAAH;AAAA,QAACK;AAAA,QAAA;AAAA,UACG,SAAS,CAAC,QAAQ,OAAO;AAAA,UACzB,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,gBAAgB;AAAA,YACZ,QAAQ;AAAA,YACR,aAAa;AAAA,YACb,eAAe;AAAA,~~UAAA~~;AAAA,~~UAGnB~~,UAAA,gBAAAL;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,GAAE;AAAA,cACF,YAAW;AAAA,cACX,mBAAkB;AAAA,cAClB,MAAK;AAAA,cAEJ,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACL;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA;~~AAAA~~;"}
1	+ {"version":3,"file":"BasicAnnotation.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Maps/BasicAnnotation.tsx"],"sourcesContent":["import {\n ComposableMap,\n Geographies,\n Geography,\n Annotation,\n} from 'react-simple-maps'\n\nconst geoUrl = '/data/features.json'\n\nconst BasicAnnotation = () => {\n return (\n <ComposableMap\n projection=\"geoAzimuthalEqualArea\"\n height={200}\n projectionConfig={{\n rotate: [-20.0, -52.0, 0],\n scale: 500,\n }}\n >\n <Geographies\n geography={geoUrl}\n fill=\"#D6D6DA\"\n stroke=\"#FFFFFF\"\n strokeWidth={0.5}\n >\n {({ geographies }) =>\n geographies.map((geo) => (\n <Geography key={geo.rsmKey} geography={geo} />\n ))\n }\n </Geographies>\n <Annotation\n subject={[2.3522, 48.8566]}\n dx={-90}\n dy={-30}\n connectorProps={{\n stroke: '#FF5533',\n strokeWidth: 3,\n strokeLinecap: 'round',\n }}\n >\n <text\n x=\"-8\"\n textAnchor=\"end\"\n alignmentBaseline=\"middle\"\n fill=\"#F53\"\n >\n {'Paris'}\n </text>\n </Annotation>\n </ComposableMap>\n )\n}\n\nexport default BasicAnnotation\n"],"names":["geoUrl","BasicAnnotation","jsxs","ComposableMap","jsx","Geographies","geographies","geo","Geography","Annotation"],"mappings":";;AAOA,MAAMA,IAAS,uBAETC,IAAkB,MAEhB,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,YAAW;AAAA,IACX,QAAQ;AAAA,IACR,kBAAkB;AAAA,MACd,QAAQ,CAAC,KAAO,KAAO,CAAC;AAAA,MACxB,OAAO;AAAA,IACX;AAAA,IAEA,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,WAAWL;AAAA,UACX,MAAK;AAAA,UACL,QAAO;AAAA,UACP,aAAa;AAAA,UAEZ,UAAC,CAAA,EAAE,aAAAM,EAAY,MACZA,EAAY,IAAI,CAACC,MACb,gBAAAH,EAACI,GAA2B,EAAA,WAAWD,EAAvB,GAAAA,EAAI,MAAwB,CAC/C;AAAA,QAAA;AAAA,MAET;AAAA,MACA,gBAAAH;AAAA,QAACK;AAAA,QAAA;AAAA,UACG,SAAS,CAAC,QAAQ,OAAO;AAAA,UACzB,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,gBAAgB;AAAA,YACZ,QAAQ;AAAA,YACR,aAAa;AAAA,YACb,eAAe;AAAA,UACnB;AAAA,UAEA,UAAA,gBAAAL;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,GAAE;AAAA,cACF,YAAW;AAAA,cACX,mBAAkB;AAAA,cAClB,MAAK;AAAA,cAEJ,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACL;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA;AACJ;"}

package/dist/@ecme/views/ui-components/graph/Maps/BasicMarker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BasicMarker.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Maps/BasicMarker.tsx"],"sourcesContent":["import {\n ComposableMap,\n Geographies,\n Geography,\n Marker,\n} from 'react-simple-maps'\n\nconst geoUrl = '/maps/continent_South_America_subunits.json'\n\nconst markers: {\n markerOffset: number\n name: string\n coordinates: [number, number]\n}[] = [\n {\n markerOffset: -15,\n name: 'Buenos Aires',\n coordinates: [-58.3816, -34.6037],\n },\n { markerOffset: -15, name: 'La Paz', coordinates: [-68.1193, -16.4897] },\n { markerOffset: 25, name: 'Brasilia', coordinates: [-47.8825, -15.7942] },\n { markerOffset: 25, name: 'Santiago', coordinates: [-70.6693, -33.4489] },\n { markerOffset: 25, name: 'Bogota', coordinates: [-74.0721, 4.711] },\n { markerOffset: 25, name: 'Quito', coordinates: [-78.4678, -0.1807] },\n { markerOffset: -15, name: 'Georgetown', coordinates: [-58.1551, 6.8013] },\n { markerOffset: -15, name: 'Asuncion', coordinates: [-57.5759, -25.2637] },\n { markerOffset: 25, name: 'Paramaribo', coordinates: [-55.2038, 5.852] },\n { markerOffset: 25, name: 'Montevideo', coordinates: [-56.1645, -34.9011] },\n { markerOffset: -15, name: 'Caracas', coordinates: [-66.9036, 10.4806] },\n { markerOffset: -15, name: 'Lima', coordinates: [-77.0428, -12.0464] },\n]\n\nconst BasicMarker = () => {\n return (\n <ComposableMap\n projection=\"geoAzimuthalEqualArea\"\n projectionConfig={{\n rotate: [58, 20, 0],\n scale: 400,\n }}\n >\n <Geographies geography={geoUrl}>\n {({ geographies }) =>\n geographies.map((geo) => (\n <Geography\n key={geo.rsmKey}\n geography={geo}\n fill=\"#EAEAEC\"\n stroke=\"#D6D6DA\"\n />\n ))\n }\n </Geographies>\n {markers.map(({ name, coordinates, markerOffset }) => (\n <Marker key={name} coordinates={coordinates}>\n <circle r={10} fill=\"#F00\" stroke=\"#fff\" strokeWidth={2} />\n <text\n textAnchor=\"middle\"\n y={markerOffset}\n style={{ fontFamily: 'system-ui', fill: '#5D5A6D' }}\n >\n {name}\n </text>\n </Marker>\n ))}\n </ComposableMap>\n )\n}\n\nexport default BasicMarker\n"],"names":["geoUrl","markers","BasicMarker","jsxs","ComposableMap","jsx","Geographies","geographies","geo","Geography","name","coordinates","markerOffset","Marker"],"mappings":";;AAOA,MAAMA,IAAU,+CAEVC,IAIA;AAAA,EACF;AAAA,IACI,cAAc;AAAA,IACd,MAAM;AAAA,IACN,aAAa,CAAC,UAAU,QAAQ;AAAA,~~EAAA~~;AAAA,~~EAEpC~~,EAAE,cAAc,KAAK,MAAM,UAAU,aAAa,CAAC,UAAU,QAAQ,~~EAAA~~;AAAA,~~EACrE~~,EAAE,cAAc,IAAI,MAAM,YAAY,aAAa,CAAC,UAAU,QAAQ,~~EAAA~~;AAAA,~~EACtE~~,EAAE,cAAc,IAAI,MAAM,YAAY,aAAa,CAAC,UAAU,QAAQ,~~EAAA~~;AAAA,~~EACtE~~,EAAE,cAAc,IAAI,MAAM,UAAU,aAAa,CAAC,UAAU,KAAK,~~EAAA~~;AAAA,~~EACjE~~,EAAE,cAAc,IAAI,MAAM,SAAS,aAAa,CAAC,UAAU,OAAO,~~EAAA~~;AAAA,~~EAClE~~,EAAE,cAAc,KAAK,MAAM,cAAc,aAAa,CAAC,UAAU,MAAM,~~EAAA~~;AAAA,~~EACvE~~,EAAE,cAAc,KAAK,MAAM,YAAY,aAAa,CAAC,UAAU,QAAQ,~~EAAA~~;AAAA,~~EACvE~~,EAAE,cAAc,IAAI,MAAM,cAAc,aAAa,CAAC,UAAU,KAAK,~~EAAA~~;AAAA,~~EACrE~~,EAAE,cAAc,IAAI,MAAM,cAAc,aAAa,CAAC,UAAU,QAAQ,~~EAAA~~;AAAA,~~EACxE~~,EAAE,cAAc,KAAK,MAAM,WAAW,aAAa,CAAC,UAAU,OAAO,~~EAAA~~;AAAA,~~EACrE~~,EAAE,cAAc,KAAK,MAAM,QAAQ,aAAa,CAAC,UAAU,QAAQ,~~EAAA~~;~~AACvE~~,GAEMC,IAAc,MAEZ,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,YAAW;AAAA,IACX,kBAAkB;AAAA,MACd,QAAQ,CAAC,IAAI,IAAI,CAAC;AAAA,MAClB,OAAO;AAAA,~~IAAA~~;AAAA,~~IAGX~~,UAAA;AAAA,~~MAAA~~,gBAAAC,~~EAACC~~,GAAA,EAAY,WAAWN,GACnB,~~UAAA~~,~~CAAC~~,EAAE,aAAAO,~~QACAA~~,EAAY,IAAI,CAACC,MACb,gBAAAH;AAAA,QAACI;AAAA,QAAA;AAAA,UAEG,WAAWD;AAAA,UACX,MAAK;AAAA,UACL,QAAO;AAAA,QAAA;AAAA,QAHFA,EAAI;AAAA,~~MAAA~~,~~CAKhB~~,GAET;AAAA,MACCP,EAAQ,IAAI,CAAC,EAAE,MAAAS,GAAM,aAAAC,GAAa,cAAAC,~~EAAA~~,~~MAC/B~~,gBAAAT,~~EAACU~~,GAAA,EAAkB,aAAAF,GACf,UAAA;AAAA,~~QAAA~~,gBAAAN,~~EAAC~~,UAAA,EAAO,GAAG,IAAI,MAAK,QAAO,QAAO,QAAO,aAAa,~~EAAA~~,~~CAAG~~;AAAA,QACzD,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,YAAW;AAAA,YACX,GAAGO;AAAA,YACH,OAAO,EAAE,YAAY,aAAa,MAAM,~~UAAA~~;AAAA,~~YAEvC~~,UAAAF;AAAA,UAAA;AAAA,QAAA;AAAA,MACL,EAAA,GARSA,CASb,CACH;AAAA,IAAA;AAAA,EAAA;~~AAAA~~;"}
1	+ {"version":3,"file":"BasicMarker.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Maps/BasicMarker.tsx"],"sourcesContent":["import {\n ComposableMap,\n Geographies,\n Geography,\n Marker,\n} from 'react-simple-maps'\n\nconst geoUrl = '/maps/continent_South_America_subunits.json'\n\nconst markers: {\n markerOffset: number\n name: string\n coordinates: [number, number]\n}[] = [\n {\n markerOffset: -15,\n name: 'Buenos Aires',\n coordinates: [-58.3816, -34.6037],\n },\n { markerOffset: -15, name: 'La Paz', coordinates: [-68.1193, -16.4897] },\n { markerOffset: 25, name: 'Brasilia', coordinates: [-47.8825, -15.7942] },\n { markerOffset: 25, name: 'Santiago', coordinates: [-70.6693, -33.4489] },\n { markerOffset: 25, name: 'Bogota', coordinates: [-74.0721, 4.711] },\n { markerOffset: 25, name: 'Quito', coordinates: [-78.4678, -0.1807] },\n { markerOffset: -15, name: 'Georgetown', coordinates: [-58.1551, 6.8013] },\n { markerOffset: -15, name: 'Asuncion', coordinates: [-57.5759, -25.2637] },\n { markerOffset: 25, name: 'Paramaribo', coordinates: [-55.2038, 5.852] },\n { markerOffset: 25, name: 'Montevideo', coordinates: [-56.1645, -34.9011] },\n { markerOffset: -15, name: 'Caracas', coordinates: [-66.9036, 10.4806] },\n { markerOffset: -15, name: 'Lima', coordinates: [-77.0428, -12.0464] },\n]\n\nconst BasicMarker = () => {\n return (\n <ComposableMap\n projection=\"geoAzimuthalEqualArea\"\n projectionConfig={{\n rotate: [58, 20, 0],\n scale: 400,\n }}\n >\n <Geographies geography={geoUrl}>\n {({ geographies }) =>\n geographies.map((geo) => (\n <Geography\n key={geo.rsmKey}\n geography={geo}\n fill=\"#EAEAEC\"\n stroke=\"#D6D6DA\"\n />\n ))\n }\n </Geographies>\n {markers.map(({ name, coordinates, markerOffset }) => (\n <Marker key={name} coordinates={coordinates}>\n <circle r={10} fill=\"#F00\" stroke=\"#fff\" strokeWidth={2} />\n <text\n textAnchor=\"middle\"\n y={markerOffset}\n style={{ fontFamily: 'system-ui', fill: '#5D5A6D' }}\n >\n {name}\n </text>\n </Marker>\n ))}\n </ComposableMap>\n )\n}\n\nexport default BasicMarker\n"],"names":["geoUrl","markers","BasicMarker","jsxs","ComposableMap","jsx","Geographies","geographies","geo","Geography","name","coordinates","markerOffset","Marker"],"mappings":";;AAOA,MAAMA,IAAU,+CAEVC,IAIA;AAAA,EACF;AAAA,IACI,cAAc;AAAA,IACd,MAAM;AAAA,IACN,aAAa,CAAC,UAAU,QAAQ;AAAA,EACpC;AAAA,EACA,EAAE,cAAc,KAAK,MAAM,UAAU,aAAa,CAAC,UAAU,QAAQ,EAAE;AAAA,EACvE,EAAE,cAAc,IAAI,MAAM,YAAY,aAAa,CAAC,UAAU,QAAQ,EAAE;AAAA,EACxE,EAAE,cAAc,IAAI,MAAM,YAAY,aAAa,CAAC,UAAU,QAAQ,EAAE;AAAA,EACxE,EAAE,cAAc,IAAI,MAAM,UAAU,aAAa,CAAC,UAAU,KAAK,EAAE;AAAA,EACnE,EAAE,cAAc,IAAI,MAAM,SAAS,aAAa,CAAC,UAAU,OAAO,EAAE;AAAA,EACpE,EAAE,cAAc,KAAK,MAAM,cAAc,aAAa,CAAC,UAAU,MAAM,EAAE;AAAA,EACzE,EAAE,cAAc,KAAK,MAAM,YAAY,aAAa,CAAC,UAAU,QAAQ,EAAE;AAAA,EACzE,EAAE,cAAc,IAAI,MAAM,cAAc,aAAa,CAAC,UAAU,KAAK,EAAE;AAAA,EACvE,EAAE,cAAc,IAAI,MAAM,cAAc,aAAa,CAAC,UAAU,QAAQ,EAAE;AAAA,EAC1E,EAAE,cAAc,KAAK,MAAM,WAAW,aAAa,CAAC,UAAU,OAAO,EAAE;AAAA,EACvE,EAAE,cAAc,KAAK,MAAM,QAAQ,aAAa,CAAC,UAAU,QAAQ,EAAE;AACzE,GAEMC,IAAc,MAEZ,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,YAAW;AAAA,IACX,kBAAkB;AAAA,MACd,QAAQ,CAAC,IAAI,IAAI,CAAC;AAAA,MAClB,OAAO;AAAA,IACX;AAAA,IAEA,UAAA;AAAA,MAAC,gBAAAC,EAAAC,GAAA,EAAY,WAAWN,GACnB,UAAC,CAAA,EAAE,aAAAO,EACA,MAAAA,EAAY,IAAI,CAACC,MACb,gBAAAH;AAAA,QAACI;AAAA,QAAA;AAAA,UAEG,WAAWD;AAAA,UACX,MAAK;AAAA,UACL,QAAO;AAAA,QAAA;AAAA,QAHFA,EAAI;AAAA,MAKhB,CAAA,GAET;AAAA,MACCP,EAAQ,IAAI,CAAC,EAAE,MAAAS,GAAM,aAAAC,GAAa,cAAAC,EAAa,MAC3C,gBAAAT,EAAAU,GAAA,EAAkB,aAAAF,GACf,UAAA;AAAA,QAAC,gBAAAN,EAAA,UAAA,EAAO,GAAG,IAAI,MAAK,QAAO,QAAO,QAAO,aAAa,EAAG,CAAA;AAAA,QACzD,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,YAAW;AAAA,YACX,GAAGO;AAAA,YACH,OAAO,EAAE,YAAY,aAAa,MAAM,UAAU;AAAA,YAEjD,UAAAF;AAAA,UAAA;AAAA,QAAA;AAAA,MACL,EAAA,GARSA,CASb,CACH;AAAA,IAAA;AAAA,EAAA;AACL;"}

package/dist/@ecme/views/ui-components/graph/Maps/BasicWorldMap.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BasicWorldMap.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Maps/BasicWorldMap.tsx"],"sourcesContent":["import { ComposableMap, Geographies, Geography } from 'react-simple-maps'\n\nconst geoUrl = '/data/features.json'\n\nconst BasicWorldMap = () => {\n return (\n <ComposableMap\n height={200}\n projectionConfig={{\n scale: 100,\n }}\n >\n <Geographies geography={geoUrl}>\n {({ geographies }) =>\n geographies.map((geo) => (\n <Geography\n key={geo.rsmKey}\n fill=\"#EAEAEC\"\n stroke=\"#D6D6DA\"\n geography={geo}\n />\n ))\n }\n </Geographies>\n </ComposableMap>\n )\n}\n\nexport default BasicWorldMap\n"],"names":["geoUrl","BasicWorldMap","jsx","ComposableMap","Geographies","geographies","geo","Geography"],"mappings":";;AAEA,MAAMA,IAAS,uBAETC,IAAgB,MAEd,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,QAAQ;AAAA,IACR,kBAAkB;AAAA,MACd,OAAO;AAAA,~~IAAA~~;AAAA,~~IAGX~~,UAAA,gBAAAD,EAACE,~~GAAA~~,~~EAAY~~,WAAWJ,GACnB,UAAA,CAAC,EAAE,aAAAK,EAAA,MACAA,EAAY,IAAI,CAACC,MACb,gBAAAJ;AAAA,MAACK;AAAA,MAAA;AAAA,QAEG,MAAK;AAAA,QACL,QAAO;AAAA,QACP,WAAWD;AAAA,MAAA;AAAA,MAHNA,EAAI;AAAA,IAAA,CAKhB,~~EAAA~~,~~CAET~~;AAAA,EAAA;~~AAAA~~;"}
1	+ {"version":3,"file":"BasicWorldMap.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Maps/BasicWorldMap.tsx"],"sourcesContent":["import { ComposableMap, Geographies, Geography } from 'react-simple-maps'\n\nconst geoUrl = '/data/features.json'\n\nconst BasicWorldMap = () => {\n return (\n <ComposableMap\n height={200}\n projectionConfig={{\n scale: 100,\n }}\n >\n <Geographies geography={geoUrl}>\n {({ geographies }) =>\n geographies.map((geo) => (\n <Geography\n key={geo.rsmKey}\n fill=\"#EAEAEC\"\n stroke=\"#D6D6DA\"\n geography={geo}\n />\n ))\n }\n </Geographies>\n </ComposableMap>\n )\n}\n\nexport default BasicWorldMap\n"],"names":["geoUrl","BasicWorldMap","jsx","ComposableMap","Geographies","geographies","geo","Geography"],"mappings":";;AAEA,MAAMA,IAAS,uBAETC,IAAgB,MAEd,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,QAAQ;AAAA,IACR,kBAAkB;AAAA,MACd,OAAO;AAAA,IACX;AAAA,IAEA,UAAA,gBAAAD,EAACE,GAAY,EAAA,WAAWJ,GACnB,UAAA,CAAC,EAAE,aAAAK,EAAA,MACAA,EAAY,IAAI,CAACC,MACb,gBAAAJ;AAAA,MAACK;AAAA,MAAA;AAAA,QAEG,MAAK;AAAA,QACL,QAAO;AAAA,QACP,WAAWD;AAAA,MAAA;AAAA,MAHNA,EAAI;AAAA,IAAA,CAKhB,EAET,CAAA;AAAA,EAAA;AACJ;"}

package/dist/@ecme/views/ui-components/graph/Maps/ChoroplethQuantile.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ChoroplethQuantile.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Maps/ChoroplethQuantile.tsx"],"sourcesContent":["import { useState, useEffect } from 'react'\nimport { ComposableMap, Geographies, Geography } from 'react-simple-maps'\nimport { scaleQuantile } from 'd3-scale'\nimport { csv } from 'd3-fetch'\nimport type { DSVRowArray } from 'd3-dsv'\n\nconst geoUrl = 'https://cdn.jsdelivr.net/npm/us-atlas@3/counties-10m.json'\n\nconst ChoroplethQuantile = () => {\n const [data, setData] = useState<DSVRowArray<string>>()\n\n useEffect(() => {\n // https://www.bls.gov/lau/\n csv('/data/unemployment-by-county-2017.csv').then((counties) => {\n setData(counties)\n })\n }, [])\n\n if (!data) {\n return null\n }\n\n const colorScale = scaleQuantile<string>()\n .domain(\n data.map((d) => {\n const unemploymentRate = Number(d.unemployment_rate)\n return isNaN(unemploymentRate) ? null : unemploymentRate\n }),\n )\n .range([\n '#ffedea',\n '#ffcec5',\n '#ffad9f',\n '#ff8a75',\n '#ff5533',\n '#e2492d',\n '#be3d26',\n '#9a311f',\n '#782618',\n ])\n\n return (\n <ComposableMap\n height={200}\n projectionConfig={{ scale: 450 }}\n projection=\"geoAlbersUsa\"\n >\n <Geographies geography={geoUrl}>\n {({ geographies }) =>\n geographies.map((geo) => {\n const cur = data.find((s) => s.id === geo.id)\n return (\n <Geography\n key={geo.rsmKey}\n geography={geo}\n fill={\n cur\n ? colorScale(\n Number(cur.unemployment_rate),\n )\n : '#EEE'\n }\n />\n )\n })\n }\n </Geographies>\n </ComposableMap>\n )\n}\n\nexport default ChoroplethQuantile\n"],"names":["geoUrl","ChoroplethQuantile","data","setData","useState","useEffect","csv","counties","colorScale","scaleQuantile","d","unemploymentRate","jsx","ComposableMap","Geographies","geographies","geo","cur","Geography"],"mappings":";;;;;AAMA,MAAMA,IAAS,6DAETC,IAAqB,MAAM;AAC7B,QAAM,CAACC,GAAMC,CAAO,IAAIC,~~EAAA~~;~~AASxB~~,MAPAC,EAAU,MAAM;AAEZ,IAAAC,EAAI,uCAAuC,EAAE,KAAK,CAACC,MAAa;AAC5D,MAAAJ,EAAQI,CAAQ;AAAA,~~IACpB~~,~~CAAC~~;AAAA,EACL,GAAG,~~CAAA~~,~~CAAE,~~GAED,CAACL;~~AACD~~,~~WAAO~~;~~AAGX~~,~~QAAMM~~,IAAaC,IACd;AAAA,IACGP,EAAK,IAAI,CAACQ,MAAM;~~AACZ~~,~~YAAMC~~,IAAmB,OAAOD,EAAE,iBAAiB;~~AACnD~~,~~aAAO~~,MAAMC,CAAgB,IAAI,OAAOA;AAAA,~~IAC5C~~,~~CAAC~~;AAAA,~~EAAA~~,~~EAEJ,~~MAAM;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACH;~~AAEL~~,~~SACI~~,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,QAAQ;AAAA,MACR,kBAAkB,EAAE,OAAO,~~IAAA~~;AAAA,~~MAC3B~~,YAAW;AAAA,MAEX,UAAA,gBAAAD,EAACE,~~GAAA~~,~~EAAY~~,WAAWd,GACnB,UAAA,CAAC,EAAE,aAAAe,EAAA,MACAA,EAAY,IAAI,CAACC,MAAQ;~~AACrB~~,~~cAAMC~~,IAAMf,EAAK,KAAK,CAAC,MAAM,EAAE,OAAOc,EAAI,EAAE;~~AAC5C~~,~~eACI~~,gBAAAJ;AAAA,UAACM;AAAA,UAAA;AAAA,YAEG,WAAWF;AAAA,YACX,MACIC,IACMT;AAAA,cACI,OAAOS,EAAI,iBAAiB;AAAA,YAAA,IAEhC;AAAA,UAAA;AAAA,UAPLD,EAAI;AAAA,~~QAAA~~;AAAA,~~MAWrB~~,~~CAAC~~,~~EAAA~~,~~CAET~~;AAAA,IAAA;AAAA,~~EAAA~~;~~AAGZ~~;"}
1	+ {"version":3,"file":"ChoroplethQuantile.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Maps/ChoroplethQuantile.tsx"],"sourcesContent":["import { useState, useEffect } from 'react'\nimport { ComposableMap, Geographies, Geography } from 'react-simple-maps'\nimport { scaleQuantile } from 'd3-scale'\nimport { csv } from 'd3-fetch'\nimport type { DSVRowArray } from 'd3-dsv'\n\nconst geoUrl = 'https://cdn.jsdelivr.net/npm/us-atlas@3/counties-10m.json'\n\nconst ChoroplethQuantile = () => {\n const [data, setData] = useState<DSVRowArray<string>>()\n\n useEffect(() => {\n // https://www.bls.gov/lau/\n csv('/data/unemployment-by-county-2017.csv').then((counties) => {\n setData(counties)\n })\n }, [])\n\n if (!data) {\n return null\n }\n\n const colorScale = scaleQuantile<string>()\n .domain(\n data.map((d) => {\n const unemploymentRate = Number(d.unemployment_rate)\n return isNaN(unemploymentRate) ? null : unemploymentRate\n }),\n )\n .range([\n '#ffedea',\n '#ffcec5',\n '#ffad9f',\n '#ff8a75',\n '#ff5533',\n '#e2492d',\n '#be3d26',\n '#9a311f',\n '#782618',\n ])\n\n return (\n <ComposableMap\n height={200}\n projectionConfig={{ scale: 450 }}\n projection=\"geoAlbersUsa\"\n >\n <Geographies geography={geoUrl}>\n {({ geographies }) =>\n geographies.map((geo) => {\n const cur = data.find((s) => s.id === geo.id)\n return (\n <Geography\n key={geo.rsmKey}\n geography={geo}\n fill={\n cur\n ? colorScale(\n Number(cur.unemployment_rate),\n )\n : '#EEE'\n }\n />\n )\n })\n }\n </Geographies>\n </ComposableMap>\n )\n}\n\nexport default ChoroplethQuantile\n"],"names":["geoUrl","ChoroplethQuantile","data","setData","useState","useEffect","csv","counties","colorScale","scaleQuantile","d","unemploymentRate","jsx","ComposableMap","Geographies","geographies","geo","cur","Geography"],"mappings":";;;;;AAMA,MAAMA,IAAS,6DAETC,IAAqB,MAAM;AAC7B,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAA8B;AAStD,MAPAC,EAAU,MAAM;AAEZ,IAAAC,EAAI,uCAAuC,EAAE,KAAK,CAACC,MAAa;AAC5D,MAAAJ,EAAQI,CAAQ;AAAA,IAAA,CACnB;AAAA,EACL,GAAG,EAAE,GAED,CAACL;AACM,WAAA;AAGL,QAAAM,IAAaC,IACd;AAAA,IACGP,EAAK,IAAI,CAACQ,MAAM;AACN,YAAAC,IAAmB,OAAOD,EAAE,iBAAiB;AAC5C,aAAA,MAAMC,CAAgB,IAAI,OAAOA;AAAA,IAC3C,CAAA;AAAA,IAEJ,MAAM;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACH;AAGD,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,QAAQ;AAAA,MACR,kBAAkB,EAAE,OAAO,IAAI;AAAA,MAC/B,YAAW;AAAA,MAEX,UAAA,gBAAAD,EAACE,GAAY,EAAA,WAAWd,GACnB,UAAA,CAAC,EAAE,aAAAe,EAAA,MACAA,EAAY,IAAI,CAACC,MAAQ;AACf,cAAAC,IAAMf,EAAK,KAAK,CAAC,MAAM,EAAE,OAAOc,EAAI,EAAE;AAExC,eAAA,gBAAAJ;AAAA,UAACM;AAAA,UAAA;AAAA,YAEG,WAAWF;AAAA,YACX,MACIC,IACMT;AAAA,cACI,OAAOS,EAAI,iBAAiB;AAAA,YAAA,IAEhC;AAAA,UAAA;AAAA,UAPLD,EAAI;AAAA,QASb;AAAA,MAAA,CAEP,EAET,CAAA;AAAA,IAAA;AAAA,EACJ;AAER;"}

package/dist/@ecme/views/ui-components/graph/Maps/ChoroplethQuantize.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ChoroplethQuantize.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Maps/ChoroplethQuantize.tsx"],"sourcesContent":["import { useState, useEffect } from 'react'\nimport { ComposableMap, Geographies, Geography } from 'react-simple-maps'\nimport { scaleQuantize } from 'd3-scale'\nimport { csv } from 'd3-fetch'\nimport type { DSVRowArray } from 'd3-dsv'\n\nconst geoUrl = 'https://cdn.jsdelivr.net/npm/us-atlas@3/counties-10m.json'\n\nconst colorScale = scaleQuantize<string>()\n .domain([1, 10])\n .range([\n '#ffedea',\n '#ffcec5',\n '#ffad9f',\n '#ff8a75',\n '#ff5533',\n '#e2492d',\n '#be3d26',\n '#9a311f',\n '#782618',\n ])\n\nconst ChoroplethQuantize = () => {\n const [data, setData] = useState<DSVRowArray<string>>()\n\n useEffect(() => {\n // https://www.bls.gov/lau/\n csv('/data/unemployment-by-county-2017.csv').then((counties) => {\n setData(counties)\n })\n }, [])\n\n if (!data) {\n return null\n }\n\n return (\n <>\n <ComposableMap\n height={200}\n projectionConfig={{ scale: 450 }}\n projection=\"geoAlbersUsa\"\n >\n <Geographies geography={geoUrl}>\n {({ geographies }) =>\n geographies.map((geo) => {\n const cur = data.find((s) => s.id === geo.id)\n return (\n <Geography\n key={geo.rsmKey}\n geography={geo}\n fill={\n cur\n ? colorScale(\n Number(cur.unemployment_rate),\n )\n : '#EEE'\n }\n />\n )\n })\n }\n </Geographies>\n </ComposableMap>\n </>\n )\n}\n\nexport default ChoroplethQuantize\n"],"names":["geoUrl","colorScale","scaleQuantize","ChoroplethQuantize","data","setData","useState","useEffect","csv","counties","jsx","Fragment","ComposableMap","Geographies","geographies","geo","cur","Geography"],"mappings":";;;;;AAMA,MAAMA,IAAS,6DAETC,IAAaC,IACd,OAAO,CAAC,GAAG,EAAE,CAAC,EACd,MAAM;AAAA,EACH;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,CAAC,GAECC,IAAqB,MAAM;AAC7B,QAAM,CAACC,GAAMC,CAAO,IAAIC,~~EAAA~~;~~AASxB~~,SAPAC,EAAU,MAAM;AAEZ,IAAAC,EAAI,uCAAuC,EAAE,KAAK,CAACC,MAAa;AAC5D,MAAAJ,EAAQI,CAAQ;AAAA,~~IACpB~~,~~CAAC~~;AAAA,EACL,GAAG,~~CAAA~~,~~CAAE,~~GAEAL,~~IAKD~~,gBAAAM,EAAAC,GAAA,~~EACI~~,UAAA,gBAAAD;AAAA,IAACE;AAAA,IAAA;AAAA,MACG,QAAQ;AAAA,MACR,kBAAkB,EAAE,OAAO,~~IAAA~~;AAAA,~~MAC3B~~,YAAW;AAAA,MAEX,UAAA,gBAAAF,EAACG,~~GAAA~~,~~EAAY~~,WAAWb,GACnB,UAAA,CAAC,EAAE,aAAAc,EAAA,MACAA,EAAY,IAAI,CAACC,MAAQ;~~AACrB~~,~~cAAMC~~,IAAMZ,EAAK,KAAK,CAAC,MAAM,EAAE,OAAOW,EAAI,EAAE;~~AAC5C~~,~~eACI~~,gBAAAL;AAAA,UAACO;AAAA,UAAA;AAAA,YAEG,WAAWF;AAAA,YACX,MACIC,IACMf;AAAA,cACI,OAAOe,EAAI,iBAAiB;AAAA,YAAA,IAEhC;AAAA,UAAA;AAAA,UAPLD,EAAI;AAAA,~~QAAA~~;AAAA,~~MAWrB~~,~~CAAC~~,~~EAAA~~,~~CAET~~;AAAA,IAAA;AAAA,EAAA,GAER,IA/BO;AAiCf;"}
1	+ {"version":3,"file":"ChoroplethQuantize.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Maps/ChoroplethQuantize.tsx"],"sourcesContent":["import { useState, useEffect } from 'react'\nimport { ComposableMap, Geographies, Geography } from 'react-simple-maps'\nimport { scaleQuantize } from 'd3-scale'\nimport { csv } from 'd3-fetch'\nimport type { DSVRowArray } from 'd3-dsv'\n\nconst geoUrl = 'https://cdn.jsdelivr.net/npm/us-atlas@3/counties-10m.json'\n\nconst colorScale = scaleQuantize<string>()\n .domain([1, 10])\n .range([\n '#ffedea',\n '#ffcec5',\n '#ffad9f',\n '#ff8a75',\n '#ff5533',\n '#e2492d',\n '#be3d26',\n '#9a311f',\n '#782618',\n ])\n\nconst ChoroplethQuantize = () => {\n const [data, setData] = useState<DSVRowArray<string>>()\n\n useEffect(() => {\n // https://www.bls.gov/lau/\n csv('/data/unemployment-by-county-2017.csv').then((counties) => {\n setData(counties)\n })\n }, [])\n\n if (!data) {\n return null\n }\n\n return (\n <>\n <ComposableMap\n height={200}\n projectionConfig={{ scale: 450 }}\n projection=\"geoAlbersUsa\"\n >\n <Geographies geography={geoUrl}>\n {({ geographies }) =>\n geographies.map((geo) => {\n const cur = data.find((s) => s.id === geo.id)\n return (\n <Geography\n key={geo.rsmKey}\n geography={geo}\n fill={\n cur\n ? colorScale(\n Number(cur.unemployment_rate),\n )\n : '#EEE'\n }\n />\n )\n })\n }\n </Geographies>\n </ComposableMap>\n </>\n )\n}\n\nexport default ChoroplethQuantize\n"],"names":["geoUrl","colorScale","scaleQuantize","ChoroplethQuantize","data","setData","useState","useEffect","csv","counties","jsx","Fragment","ComposableMap","Geographies","geographies","geo","cur","Geography"],"mappings":";;;;;AAMA,MAAMA,IAAS,6DAETC,IAAaC,IACd,OAAO,CAAC,GAAG,EAAE,CAAC,EACd,MAAM;AAAA,EACH;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,CAAC,GAECC,IAAqB,MAAM;AAC7B,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAA8B;AAStD,SAPAC,EAAU,MAAM;AAEZ,IAAAC,EAAI,uCAAuC,EAAE,KAAK,CAACC,MAAa;AAC5D,MAAAJ,EAAQI,CAAQ;AAAA,IAAA,CACnB;AAAA,EACL,GAAG,EAAE,GAEAL,IAMG,gBAAAM,EAAAC,GAAA,EAAA,UAAA,gBAAAD;AAAA,IAACE;AAAA,IAAA;AAAA,MACG,QAAQ;AAAA,MACR,kBAAkB,EAAE,OAAO,IAAI;AAAA,MAC/B,YAAW;AAAA,MAEX,UAAA,gBAAAF,EAACG,GAAY,EAAA,WAAWb,GACnB,UAAA,CAAC,EAAE,aAAAc,EAAA,MACAA,EAAY,IAAI,CAACC,MAAQ;AACf,cAAAC,IAAMZ,EAAK,KAAK,CAAC,MAAM,EAAE,OAAOW,EAAI,EAAE;AAExC,eAAA,gBAAAL;AAAA,UAACO;AAAA,UAAA;AAAA,YAEG,WAAWF;AAAA,YACX,MACIC,IACMf;AAAA,cACI,OAAOe,EAAI,iBAAiB;AAAA,YAAA,IAEhC;AAAA,UAAA;AAAA,UAPLD,EAAI;AAAA,QASb;AAAA,MAAA,CAEP,EAET,CAAA;AAAA,IAAA;AAAA,EAAA,GAER,IA/BO;AAiCf;"}