@orbe-agro/client-core 5.0.0 → 5.1.0

package/dist/@ecme/views/ui-components/data-display/Calendar/DisabledCertainDate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DisabledCertainDate.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Calendar/DisabledCertainDate.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Calendar from '@/components/ui/Calendar'\n\nconst DisabledCertainDate = () => {\n    const [value, setValue] = useState<Date | null>(null)\n\n    const disableCertainDate = (date: Date) => {\n        const banDate = [7, 15, 21]\n        return banDate.includes(date.getDate())\n    }\n\n    return (\n        <div className=\"md:w-[280px] max-w-[280px] mx-auto\">\n            <Calendar\n                value={value}\n                disableDate={disableCertainDate}\n                onChange={setValue}\n            />\n        </div>\n    )\n}\n\nexport default DisabledCertainDate\n"],"names":["DisabledCertainDate","value","setValue","useState","jsx","Calendar","date"],"mappings":";;;;AAGA,MAAMA,IAAsB,MAAM;AAC9B,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAsB,IAAI;AAOpD,SACI,gBAAAC,EAAC,OAAA,EAAI,WAAU,sCACX,UAAA,gBAAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAAJ;AAAA,MACA,aATe,CAACK,MACR,CAAC,GAAG,IAAI,EAAE,EACX,SAASA,EAAK,QAAA,CAAS;AAAA,MAQ9B,UAAUJ;AAAA,IAAA;AAAA,EAAA,GAElB;AAER;"}

package/dist/@ecme/views/ui-components/data-display/Calendar/MultipleDateView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultipleDateView.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Calendar/MultipleDateView.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Calendar from '@/components/ui/Calendar'\n\nconst MultipleDateView = () => {\n    const [value, setValue] = useState<Date | null>(null)\n\n    return (\n        <div className=\"overflow-x-auto \">\n            <div className=\"w-[584px] mx-auto\">\n                <Calendar value={value} dateViewCount={2} onChange={setValue} />\n            </div>\n        </div>\n    )\n}\n\nexport default MultipleDateView\n"],"names":["MultipleDateView","value","setValue","useState","jsx","Calendar"],"mappings":";;;;AAGA,MAAMA,IAAmB,MAAM;AAC3B,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAsB,IAAI;AAEpD,2BACK,OAAA,EAAI,WAAU,oBACX,UAAA,gBAAAC,EAAC,SAAI,WAAU,qBACX,UAAA,gBAAAA,EAACC,GAAA,EAAS,OAAAJ,GAAc,eAAe,GAAG,UAAUC,EAAA,CAAU,GAClE,GACJ;AAER;"}

package/dist/@ecme/views/ui-components/data-display/Calendar/MultipleSelection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultipleSelection.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Calendar/MultipleSelection.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Calendar from '@/components/ui/Calendar'\n\nconst MultipleSelection = () => {\n    const [value, setValue] = useState<Date[]>([])\n\n    return (\n        <div className=\"md:w-[280px] max-w-[280px] mx-auto\">\n            <Calendar multipleSelection value={value} onChange={setValue} />\n        </div>\n    )\n}\n\nexport default MultipleSelection\n"],"names":["MultipleSelection","value","setValue","useState","jsx","Calendar"],"mappings":";;;;AAGA,MAAMA,IAAoB,MAAM;AAC5B,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAiB,CAAA,CAAE;AAE7C,SACI,gBAAAC,EAAC,OAAA,EAAI,WAAU,sCACX,UAAA,gBAAAA,EAACC,GAAA,EAAS,mBAAiB,IAAC,OAAAJ,GAAc,UAAUC,EAAA,CAAU,GAClE;AAER;"}

package/dist/@ecme/views/ui-components/data-display/Calendar/Range.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Range.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Calendar/Range.tsx"],"sourcesContent":["import { useState } from 'react'\nimport RangeCalendar from '@/components/ui/RangeCalendar'\nimport dayjs from 'dayjs'\n\nconst Range = () => {\n    const [value, setValue] = useState<[Date | null, Date | null]>([\n        new Date(),\n        dayjs(new Date()).add(5, 'days').toDate(),\n    ])\n\n    return (\n        <div className=\"md:w-[280px] max-w-[280px] mx-auto\">\n            <RangeCalendar value={value} onChange={setValue} />\n        </div>\n    )\n}\n\nexport default Range\n"],"names":["Range","value","setValue","useState","dayjs","jsx","RangeCalendar"],"mappings":";;;;;AAIA,MAAMA,IAAQ,MAAM;AAChB,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAqC;AAAA,wBACvD,KAAA;AAAA,IACJC,sBAAU,MAAM,EAAE,IAAI,GAAG,MAAM,EAAE,OAAA;AAAA,EAAO,CAC3C;AAED,SACI,gBAAAC,EAAC,SAAI,WAAU,sCACX,4BAACC,GAAA,EAAc,OAAAL,GAAc,UAAUC,EAAA,CAAU,EAAA,CACrD;AAER;"}

package/dist/@ecme/views/ui-components/data-display/Calendar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Calendar/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport Range from './Range'\nimport CustomRender from './CustomRender'\nimport DisabledCertainDate from './DisabledCertainDate'\nimport DisableOutOfPeriodDate from './DisableOutOfPeriodDate'\nimport MultipleDateView from './MultipleDateView'\nimport MultipleSelection from './MultipleSelection'\n\nconst mdPath = 'Calendar'\n\nconst demoHeader = {\n    title: 'Calendar',\n    desc: 'Calendar component is used for categorize content with a keyword.',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: `Basic usage of Calendar.`,\n        component: <Basic />,\n    },\n    {\n        mdName: 'Range',\n        mdPath: mdPath,\n        title: 'Range',\n        desc: `RangeCalendar have similar behavior with Calendar, but it able to select start and end date.`,\n        component: <Range />,\n    },\n    {\n        mdName: 'CustomRender',\n        mdPath: mdPath,\n        title: 'Custom render',\n        desc: `You can render custom day elements or apply styles & className to days with these <code>dayStyle</code>, <code>dayClassName</code> & <code>renderDay</code> props.`,\n        component: <CustomRender />,\n    },\n    {\n        mdName: 'DisabledCertainDate',\n        mdPath: mdPath,\n        title: 'Disabled certain date',\n        desc: `Disabled part of dates by using <code>disabledDate</code> prop callback.`,\n        component: <DisabledCertainDate />,\n    },\n    {\n        mdName: 'DisableOutOfPeriodDate',\n        mdPath: mdPath,\n        title: 'Disable out of period date',\n        desc: `Setting <code>minDate</code> & <code>maxDate</code> props to limit available date within a period.`,\n        component: <DisableOutOfPeriodDate />,\n    },\n    {\n        mdName: 'MultipleDateView',\n        mdPath: mdPath,\n        title: 'Multiple date view',\n        desc: `Calender or RangeCalendar can have mutiple date view by setting <code>dateViewCount</code> more than <code>1</code>.`,\n        component: <MultipleDateView />,\n    },\n    {\n        mdName: 'MultipleSelection',\n        mdPath: mdPath,\n        title: 'Multiple selection',\n        desc: `Calendar component allow multiple dates selection by setting <code>multipleSelection</code> props`,\n        component: <MultipleSelection />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Calendar',\n        api: [\n            {\n                propName: 'dateViewCount',\n                type: `<code>number</code>`,\n                default: `<code>1</code>`,\n                desc: 'Amount of date view display in picker',\n            },\n            {\n                propName: 'dayClassName',\n                type: `<code>(date: Date, modifiers: {disabled: boolean, weekend: boolean, selectedInRange: boolean, selected: boolean, inRange: boolean, firstInRange: boolean, lastInRange: boolean, outOfMonth: boolean}) => string</code>`,\n                default: `-`,\n                desc: 'Apply className to days based on argument',\n            },\n            {\n                propName: 'dayStyle',\n                type: `<code>(date: Date, modifiers: {disabled: boolean, weekend: boolean, selectedInRange: boolean, selected: boolean, inRange: boolean, firstInRange: boolean, lastInRange: boolean, outOfMonth: boolean}) => CSSProperties</code>`,\n                default: `-`,\n                desc: 'Apply style to days based on argument',\n            },\n            {\n                propName: 'defaultMonth',\n                type: `<code>Date</code>`,\n                default: `-`,\n                desc: 'Default month for uncontrolled DatePickerRange',\n            },\n            {\n                propName: 'defaultView',\n                type: `<code>'date'</code> | <code>'month'</code> | <code>'year'</code> `,\n                default: `<code>'date'</code>`,\n                desc: 'Default DatePickerRange view',\n            },\n            {\n                propName: 'disabledDate',\n                type: `<code>(date: Date) => boolean</code>`,\n                default: `-`,\n                desc: 'Specify the date that cannot be selected',\n            },\n            {\n                propName: 'disableOutOfMonth',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Whether to disable days that out of given month',\n            },\n            {\n                propName: 'enableHeaderLabel',\n                type: `<code>boolean</code>`,\n                default: `<code>true</code>`,\n                desc: 'Whether to disable header label to trigger view change',\n            },\n            {\n                propName: 'firstDayOfWeek',\n                type: `<code>'sunday'</code> | <code>'monday'</code>`,\n                default: `<code>'monday'</code>`,\n                desc: 'First day of week',\n            },\n            {\n                propName: 'hideOutOfMonthDates',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Whether to hide days that out of given month',\n            },\n            {\n                propName: 'hideWeekdays',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Whether to hide week days',\n            },\n            {\n                propName: 'isDateFirstInRange',\n                type: `<code>(date: Date, modifiers: {disabled: boolean, weekend: boolean, selectedInRange: boolean, selected: boolean, inRange: boolean, firstInRange: boolean, lastInRange: boolean, outOfMonth: boolean}) => boolean</code>`,\n                default: `-`,\n                desc: 'Highlight date as first in a range',\n            },\n            {\n                propName: 'isDateInRange',\n                type: `<code>(date: Date, modifiers: {disabled: boolean, weekend: boolean, selectedInRange: boolean, selected: boolean, inRange: boolean, firstInRange: boolean, lastInRange: boolean, outOfMonth: boolean}) => boolean</code>`,\n                default: `-`,\n                desc: 'Highlight date in a range',\n            },\n            {\n                propName: 'isDateLastInRange',\n                type: `<code>(date: Date, modifiers: {disabled: boolean, weekend: boolean, selectedInRange: boolean, selected: boolean, inRange: boolean, firstInRange: boolean, lastInRange: boolean, outOfMonth: boolean}) => boolean</code>`,\n                default: `-`,\n                desc: 'Highlight date as last in a range',\n            },\n            {\n                propName: 'labelFormat',\n                type: `<code>string</code>`,\n                default: `<code>'~'</code>`,\n                desc: 'Seperator between date display on input',\n            },\n            {\n                propName: 'locale',\n                type: `<a href=\"https://github.com/iamkun/dayjs/tree/dev/src/locale\" target=\"_blank\" rel=\"noopener noreferrer\"><code>dayjs locale</code></a>`,\n                default: `<code>en</code>`,\n                desc: 'DatePickerRange locale',\n            },\n            {\n                propName: 'maxDate',\n                type: `<code>Date</code>`,\n                default: `-`,\n                desc: 'Maximum date to select',\n            },\n            {\n                propName: 'minDate',\n                type: `<code>Date</code>`,\n                default: `-`,\n                desc: 'Minimum  date to select',\n            },\n            {\n                propName: 'monthLabelFormat',\n                type: `<code>string</code>`,\n                default: `<code>'YYYY'</code>`,\n                desc: 'Month label format',\n            },\n            {\n                propName: 'onChange',\n                type: `<code>function(date: Date)</code> `,\n                default: `-`,\n                desc: 'Callback when date is selected',\n            },\n            {\n                propName: 'onDayMouseEnter',\n                type: `<code>function(date: Date)</code> `,\n                default: `-`,\n                desc: 'Callback when date is hovered',\n            },\n            {\n                propName: 'paginateBy',\n                type: `<code>number</code>`,\n                default: `<code>dateViewCount</code> | <code>1</code>`,\n                desc: 'Paginate by count of view',\n            },\n            {\n                propName: 'preventFocus',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Prevent focusing upon click',\n            },\n            {\n                propName: 'range',\n                type: `<code>[Date | null, Date | null]</code>`,\n                default: `-`,\n                desc: 'Highlight given date range',\n            },\n            {\n                propName: 'renderDay',\n                type: `<code>(date: Date) => ReactNode</code>`,\n                default: `<code>false</code>`,\n                desc: 'Render custome day element based on the given params',\n            },\n            {\n                propName: 'value',\n                type: `<code>Date</code>`,\n                default: `-`,\n                desc: 'Value of calender (Controlled)',\n            },\n            {\n                propName: 'weekdayLabelFormat',\n                type: `<code>string</code>`,\n                default: `<code>'dd'</code>`,\n                desc: 'Format for weekday display',\n            },\n            {\n                propName: 'weekendDays',\n                type: `<code>number[]</code>`,\n                default: `<code>[0, 6]</code>`,\n                desc: 'Indicate the days of weekend',\n            },\n            {\n                propName: 'yearLabelFormat',\n                type: `<code>string</code>`,\n                default: `<code>'YYYY'</code>`,\n                desc: 'Year label format',\n            },\n        ],\n    },\n    {\n        component: 'RangeCalendar',\n        api: [\n            {\n                propName: 'dateViewCount',\n                type: `<code>number</code>`,\n                default: `<code>1</code>`,\n                desc: 'Amount of date view display in picker',\n            },\n            {\n                propName: 'dayClassName',\n                type: `<code>(date: Date, modifiers: {disabled: boolean, weekend: boolean, selectedInRange: boolean, selected: boolean, inRange: boolean, firstInRange: boolean, lastInRange: boolean, outOfMonth: boolean}) => string</code>`,\n                default: `-`,\n                desc: 'Apply className to days based on argument',\n            },\n            {\n                propName: 'dayStyle',\n                type: `<code>(date: Date, modifiers: {disabled: boolean, weekend: boolean, selectedInRange: boolean, selected: boolean, inRange: boolean, firstInRange: boolean, lastInRange: boolean, outOfMonth: boolean}) => CSSProperties</code>`,\n                default: `-`,\n                desc: 'Apply style to days based on argument',\n            },\n            {\n                propName: 'defaultMonth',\n                type: `<code>Date</code>`,\n                default: `-`,\n                desc: 'Default month for uncontrolled DatePickerRange',\n            },\n            {\n                propName: 'defaultView',\n                type: `<code>'date'</code> | <code>'month'</code> | <code>'year'</code> `,\n                default: `<code>'date'</code>`,\n                desc: 'Default DatePickerRange view',\n            },\n            {\n                propName: 'disabledDate',\n                type: `<code>(date: Date) => boolean</code>`,\n                default: `-`,\n                desc: 'Specify the date that cannot be selected',\n            },\n            {\n                propName: 'disableOutOfMonth',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Whether to disable days that out of given month',\n            },\n            {\n                propName: 'enableHeaderLabel',\n                type: `<code>boolean</code>`,\n                default: `<code>true</code>`,\n                desc: 'Whether to disable header label to trigger view change',\n            },\n            {\n                propName: 'firstDayOfWeek',\n                type: `<code>'sunday'</code> | <code>'monday'</code>`,\n                default: `<code>'monday'</code>`,\n                desc: 'First day of week',\n            },\n            {\n                propName: 'hideOutOfMonthDates',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Whether to hide days that out of given month',\n            },\n            {\n                propName: 'hideWeekdays',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Whether to hide week days',\n            },\n            {\n                propName: 'isDateFirstInRange',\n                type: `<code>(date: Date, modifiers: {disabled: boolean, weekend: boolean, selectedInRange: boolean, selected: boolean, inRange: boolean, firstInRange: boolean, lastInRange: boolean, outOfMonth: boolean}) => boolean</code>`,\n                default: `-`,\n                desc: 'Highlight date as first in a range',\n            },\n            {\n                propName: 'isDateInRange',\n                type: `<code>(date: Date, modifiers: {disabled: boolean, weekend: boolean, selectedInRange: boolean, selected: boolean, inRange: boolean, firstInRange: boolean, lastInRange: boolean, outOfMonth: boolean}) => boolean</code>`,\n                default: `-`,\n                desc: 'Highlight date in a range',\n            },\n            {\n                propName: 'isDateLastInRange',\n                type: `<code>(date: Date, modifiers: {disabled: boolean, weekend: boolean, selectedInRange: boolean, selected: boolean, inRange: boolean, firstInRange: boolean, lastInRange: boolean, outOfMonth: boolean}) => boolean</code>`,\n                default: `-`,\n                desc: 'Highlight date as last in a range',\n            },\n            {\n                propName: 'labelFormat',\n                type: `<code>string</code>`,\n                default: `<code>'~'</code>`,\n                desc: 'Seperator between date display on input',\n            },\n            {\n                propName: 'locale',\n                type: `<a href=\"https://github.com/iamkun/dayjs/tree/dev/src/locale\" target=\"_blank\" rel=\"noopener noreferrer\"><code>dayjs locale</code></a>`,\n                default: `<code>en</code>`,\n                desc: 'DatePickerRange locale',\n            },\n            {\n                propName: 'maxDate',\n                type: `<code>Date</code>`,\n                default: `-`,\n                desc: 'Maximum date to select',\n            },\n            {\n                propName: 'minDate',\n                type: `<code>Date</code>`,\n                default: `-`,\n                desc: 'Minimum  date to select',\n            },\n            {\n                propName: 'monthLabelFormat',\n                type: `<code>string</code>`,\n                default: `<code>'YYYY'</code>`,\n                desc: 'Month label format',\n            },\n            {\n                propName: 'onChange',\n                type: `<code>function(date: Date)</code> `,\n                default: `-`,\n                desc: 'Callback when date is selected',\n            },\n            {\n                propName: 'onDayMouseEnter',\n                type: `<code>function(date: Date)</code> `,\n                default: `-`,\n                desc: 'Callback when date is hovered',\n            },\n            {\n                propName: 'paginateBy',\n                type: `<code>number</code>`,\n                default: `<code>dateViewCount</code> | <code>1</code>`,\n                desc: 'Paginate by count of view',\n            },\n            {\n                propName: 'preventFocus',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Prevent focusing upon click',\n            },\n            {\n                propName: 'range',\n                type: `<code>[Date | null, Date | null]</code>`,\n                default: `-`,\n                desc: 'Highlight given date range',\n            },\n            {\n                propName: 'renderDay',\n                type: `<code>(date: Date) => ReactNode</code>`,\n                default: `<code>false</code>`,\n                desc: 'Render custome day element based on the given params',\n            },\n            {\n                propName: 'singleDate',\n                type: `<code>boolean</code> `,\n                default: `<code>false</code>`,\n                desc: 'Only one date can be selected',\n            },\n            {\n                propName: 'value',\n                type: `<code>[Date | null, Date | null]</code>`,\n                default: `-`,\n                desc: 'Value of calender (Controlled)',\n            },\n            {\n                propName: 'weekdayLabelFormat',\n                type: `<code>string</code>`,\n                default: `<code>'dd'</code>`,\n                desc: 'Format for weekday display',\n            },\n            {\n                propName: 'weekendDays',\n                type: `<code>number[]</code>`,\n                default: `<code>[0, 6]</code>`,\n                desc: 'Indicate the days of weekend',\n            },\n            {\n                propName: 'yearLabelFormat',\n                type: `<code>string</code>`,\n                default: `<code>'YYYY'</code>`,\n                desc: 'Year label format',\n            },\n        ],\n    },\n]\n\nconst Calendar = () => {\n    return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\n}\n\nexport default Calendar\n"],"names":["mdPath","demoHeader","demos","Basic","Range","CustomRender","DisabledCertainDate","DisableOutOfPeriodDate","MultipleDateView","MultipleSelection","demoApi","Calendar","DemoLayout"],"mappings":"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"}

package/dist/@ecme/views/ui-components/data-display/Cards/Basic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Basic.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Cards/Basic.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\n\nconst Basic = () => {\n    return (\n        <div>\n            <Card>\n                <h5>Card title</h5>\n                <p>\n                    Some quick example text to build on the card title and make\n                    up the bulk of the card&apos;s content.\n                </p>\n            </Card>\n        </div>\n    )\n}\n\nexport default Basic\n"],"names":["Basic","jsx","jsxs","Card"],"mappings":";;;AAEA,MAAMA,IAAQ,MAEN,gBAAAC,EAAC,OAAA,EACG,UAAA,gBAAAC,EAACC,GAAA,EACG,UAAA;AAAA,EAAA,gBAAAF,EAAC,QAAG,UAAA,aAAA,CAAU;AAAA,EACd,gBAAAA,EAAC,OAAE,UAAA,iGAAA,CAGH;AAAA,EAAA,CACJ,EAAA,CACJ;"}

package/dist/@ecme/views/ui-components/data-display/Cards/BorderLess.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BorderLess.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Cards/BorderLess.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\n\nconst BorderLess = () => {\n    return (\n        <div>\n            <Card bordered={false}>\n                <h5>Card title</h5>\n                <p>\n                    Some quick example text to build on the card title and make\n                    up the bulk of the card&apos;s content.\n                </p>\n            </Card>\n        </div>\n    )\n}\n\nexport default BorderLess\n"],"names":["BorderLess","jsx","jsxs","Card"],"mappings":";;;AAEA,MAAMA,IAAa,MAEX,gBAAAC,EAAC,OAAA,EACG,UAAA,gBAAAC,EAACC,GAAA,EAAK,UAAU,IACZ,UAAA;AAAA,EAAA,gBAAAF,EAAC,QAAG,UAAA,aAAA,CAAU;AAAA,EACd,gBAAAA,EAAC,OAAE,UAAA,iGAAA,CAGH;AAAA,EAAA,CACJ,EAAA,CACJ;"}

package/dist/@ecme/views/ui-components/data-display/Cards/Clickable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Clickable.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Cards/Clickable.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\n\nconst Clickable = () => {\n    return (\n        <div className=\"max-w-xs\">\n            <Card\n                clickable\n                className=\"hover:shadow-lg transition duration-150 ease-in-out\"\n                onClick={(e) => console.log('Card Clickable', e)}\n            >\n                <h5>Card title</h5>\n                <p className=\"mt-2\">\n                    Some quick example text to build on the card title and make\n                    up the bulk of the card&apos;s content.\n                </p>\n            </Card>\n        </div>\n    )\n}\n\nexport default Clickable\n"],"names":["Clickable","jsx","jsxs","Card","e"],"mappings":";;;AAEA,MAAMA,IAAY,MAEV,gBAAAC,EAAC,OAAA,EAAI,WAAU,YACX,UAAA,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,WAAS;AAAA,IACT,WAAU;AAAA,IACV,SAAS,CAACC,MAAM,QAAQ,IAAI,kBAAkBA,CAAC;AAAA,IAE/C,UAAA;AAAA,MAAA,gBAAAH,EAAC,QAAG,UAAA,aAAA,CAAU;AAAA,MACd,gBAAAA,EAAC,KAAA,EAAE,WAAU,QAAO,UAAA,iGAAA,CAGpB;AAAA,IAAA;AAAA,EAAA;AAAA,GAER;"}

package/dist/@ecme/views/ui-components/data-display/Cards/ExtraClass.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExtraClass.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Cards/ExtraClass.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport Button from '@/components/ui/Button'\n\nconst ExtraClass = () => {\n    const cardFooter = (\n        <div className=\"flex\">\n            <Button size=\"sm\" className=\"ltr:mr-2 rtl:ml-2\">\n                Save\n            </Button>\n            <Button size=\"sm\" variant=\"solid\">\n                New Post\n            </Button>\n        </div>\n    )\n\n    return (\n        <div>\n            <Card\n                header={{\n                    content: <span>Card Header</span>,\n                    className: 'font-semibold text-lg text-indigo-600',\n                }}\n                footer={{\n                    content: cardFooter,\n                    className: 'flex justify-end',\n                }}\n                bodyClass=\"text-center\"\n            >\n                <p>\n                    Lorem Ipsum is simply dummy text of the printing and\n                    typesetting industry. Lorem Ipsum has been the industry\n                    standard dummy text ever since the 1500s, when an unknown\n                    printer took a galley of type and scrambled it to make a\n                    type specimen book. It has survived not only five centuries,\n                    but also the leap into electronic typesetting, remaining\n                    essentially unchanged. It was popularised in the 1960s with\n                    the release of Letraset sheets containing Lorem Ipsum\n                    passages, and more recently with desktop publishing software\n                    like Aldus PageMaker including versions of Lorem Ipsum\n                </p>\n            </Card>\n        </div>\n    )\n}\n\nexport default ExtraClass\n"],"names":["ExtraClass","jsx","Card","jsxs","Button"],"mappings":";;;;;AAGA,MAAMA,IAAa,wBAaV,OAAA,EACG,UAAA,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,QAAQ;AAAA,MACJ,SAAS,gBAAAD,EAAC,QAAA,EAAK,UAAA,cAAA,CAAW;AAAA,MAC1B,WAAW;AAAA,IAAA;AAAA,IAEf,QAAQ;AAAA,MACJ,SAlBZ,gBAAAE,EAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,QAAA,gBAAAF,EAACG,GAAA,EAAO,MAAK,MAAK,WAAU,qBAAoB,UAAA,QAEhD;AAAA,0BACCA,GAAA,EAAO,MAAK,MAAK,SAAQ,SAAQ,UAAA,WAAA,CAElC;AAAA,MAAA,GACJ;AAAA,MAYY,WAAW;AAAA,IAAA;AAAA,IAEf,WAAU;AAAA,IAEV,UAAA,gBAAAH,EAAC,OAAE,UAAA,8jBAAA,CAWH;AAAA,EAAA;AAAA,GAER;"}

package/dist/@ecme/views/ui-components/data-display/Cards/HeaderFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderFooter.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Cards/HeaderFooter.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport Button from '@/components/ui/Button'\nimport { HiCheckCircle } from 'react-icons/hi'\n\nconst HeaderFooter = () => {\n    const headerExtraContent = (\n        <span className=\"flex items-center\">\n            <span className=\"mr-1 font-semibold\">Status:</span>\n            <span className=\"text-emerald-500 text-xl\">\n                <HiCheckCircle />\n            </span>\n        </span>\n    )\n\n    const cardFooter = (\n        <div className=\"flex justify-end\">\n            <Button size=\"sm\" className=\"ltr:mr-2 rtl:ml-2\">\n                Save\n            </Button>\n            <Button size=\"sm\" variant=\"solid\">\n                New Post\n            </Button>\n        </div>\n    )\n\n    return (\n        <div>\n            <Card\n                header={{\n                    content: 'Card Header',\n                    extra: headerExtraContent,\n                }}\n                footer={{\n                    content: cardFooter,\n                }}\n            >\n                <p>\n                    Lorem Ipsum is simply dummy text of the printing and\n                    typesetting industry. Lorem Ipsum has been the\n                    industry&apos;s standard dummy text ever since the 1500s,\n                    when an unknown printer took a galley of type and scrambled\n                    it to make a type specimen book. It has survived not only\n                    five centuries, but also the leap into electronic\n                    typesetting, remaining essentially unchanged. It was\n                    popularised in the 1960s with the release of Letraset sheets\n                    containing Lorem Ipsum passages, and more recently with\n                    desktop publishing software like Aldus PageMaker including\n                    versions of Lorem Ipsum\n                </p>\n            </Card>\n        </div>\n    )\n}\n\nexport default HeaderFooter\n"],"names":["HeaderFooter","jsx","Card","jsxs","HiCheckCircle","Button"],"mappings":";;;;;;AAIA,MAAMA,IAAe,wBAsBZ,OAAA,EACG,UAAA,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,QAAQ;AAAA,MACJ,SAAS;AAAA,MACT,OAxBZ,gBAAAC,EAAC,QAAA,EAAK,WAAU,qBACZ,UAAA;AAAA,QAAA,gBAAAF,EAAC,QAAA,EAAK,WAAU,sBAAqB,UAAA,WAAO;AAAA,0BAC3C,QAAA,EAAK,WAAU,4BACZ,UAAA,gBAAAA,EAACG,KAAc,EAAA,CACnB;AAAA,MAAA,GACJ;AAAA,IAmBmB;AAAA,IAEX,QAAQ;AAAA,MACJ,SAlBZ,gBAAAD,EAAC,OAAA,EAAI,WAAU,oBACX,UAAA;AAAA,QAAA,gBAAAF,EAACI,GAAA,EAAO,MAAK,MAAK,WAAU,qBAAoB,UAAA,QAEhD;AAAA,0BACCA,GAAA,EAAO,MAAK,MAAK,SAAQ,SAAQ,UAAA,WAAA,CAElC;AAAA,MAAA,GACJ;AAAA,IAWqB;AAAA,IAGb,UAAA,gBAAAJ,EAAC,OAAE,UAAA,gkBAAA,CAYH;AAAA,EAAA;AAAA,GAER;"}

package/dist/@ecme/views/ui-components/data-display/Cards/HeaderFooterBorder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderFooterBorder.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Cards/HeaderFooterBorder.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport Button from '@/components/ui/Button'\n\nconst HeaderFooterBorder = () => {\n    const cardFooter = (\n        <div className=\"flex\">\n            <Button size=\"sm\" className=\"ltr:mr-2 rtl:ml-2\">\n                Save\n            </Button>\n            <Button size=\"sm\" variant=\"solid\">\n                New Post\n            </Button>\n        </div>\n    )\n\n    return (\n        <div>\n            <Card\n                header={{\n                    content: 'Card Header',\n                    bordered: false,\n                }}\n                footer={{\n                    content: cardFooter,\n                    bordered: false,\n                }}\n            >\n                <p>\n                    Lorem Ipsum is simply dummy text of the printing and\n                    typesetting industry. Lorem Ipsum has been the\n                    industry&apos;s standard dummy text ever since the 1500s,\n                    when an unknown printer took a galley of type and scrambled\n                    it to make a type specimen book. It has survived not only\n                    five centuries, but also the leap into electronic\n                    typesetting, remaining essentially unchanged. It was\n                    popularised in the 1960s with the release of Letraset sheets\n                    containing Lorem Ipsum passages, and more recently with\n                    desktop publishing software like Aldus PageMaker including\n                    versions of Lorem Ipsum\n                </p>\n            </Card>\n        </div>\n    )\n}\n\nexport default HeaderFooterBorder\n"],"names":["HeaderFooterBorder","jsx","Card","jsxs","Button"],"mappings":";;;;;AAGA,MAAMA,IAAqB,wBAalB,OAAA,EACG,UAAA,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,QAAQ;AAAA,MACJ,SAAS;AAAA,MACT,UAAU;AAAA,IAAA;AAAA,IAEd,QAAQ;AAAA,MACJ,SAlBZ,gBAAAC,EAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,QAAA,gBAAAF,EAACG,GAAA,EAAO,MAAK,MAAK,WAAU,qBAAoB,UAAA,QAEhD;AAAA,0BACCA,GAAA,EAAO,MAAK,MAAK,SAAQ,SAAQ,UAAA,WAAA,CAElC;AAAA,MAAA,GACJ;AAAA,MAYY,UAAU;AAAA,IAAA;AAAA,IAGd,UAAA,gBAAAH,EAAC,OAAE,UAAA,gkBAAA,CAYH;AAAA,EAAA;AAAA,GAER;"}

package/dist/@ecme/views/ui-components/data-display/Cards/Media.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Media.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Cards/Media.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport Avatar from '@/components/ui/Avatar'\n\nconst HeaderFooterBorder = () => {\n    const cardFooter = (\n        <div className=\"flex items-center\">\n            <Avatar\n                size={30}\n                className=\"mr-2\"\n                shape=\"circle\"\n                src=\"/img/avatars/thumb-1.jpg\"\n            />\n            <span>\n                <h6 className=\"text-sm\">Kristen Fisher</h6>\n                <span className=\"text-xs\">Sep 23, 2021</span>\n            </span>\n        </div>\n    )\n\n    const cardHeader = (\n        <div className=\"rounded-tl-lg rounded-tr-lg overflow-hidden\">\n            <img src=\"/img/others/img-1.jpg\" alt=\"card header\" />\n        </div>\n    )\n\n    return (\n        <div className=\"max-w-xs\">\n            <Card\n                clickable\n                className=\"hover:shadow-lg transition duration-150 ease-in-out dark:border dark:border-gray-600 dark:border-solid\"\n                header={{\n                    content: cardHeader,\n                    bordered: false,\n                    className: 'p-0',\n                }}\n                footer={{\n                    content: cardFooter,\n                    bordered: false,\n                }}\n            >\n                <span className=\"text-emerald-600 font-semibold\">\n                    Life Style\n                </span>\n                <h4 className=\"font-bold my-3\">Use the modern rules</h4>\n                <p>\n                    Lorem Ipsum is simply dummy text of the printing and\n                    typesetting industry. Lorem Ipsum has been the industry.\n                </p>\n            </Card>\n        </div>\n    )\n}\n\nexport default HeaderFooterBorder\n"],"names":["HeaderFooterBorder","jsx","jsxs","Card","Avatar"],"mappings":";;;;AAGA,MAAMA,IAAqB,MAuBnB,gBAAAC,EAAC,OAAA,EAAI,WAAU,YACX,UAAA,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,WAAS;AAAA,IACT,WAAU;AAAA,IACV,QAAQ;AAAA,MACJ,SAXZ,gBAAAF,EAAC,OAAA,EAAI,WAAU,+CACX,UAAA,gBAAAA,EAAC,OAAA,EAAI,KAAI,yBAAwB,KAAI,cAAA,CAAc,GACvD;AAAA,MAUY,UAAU;AAAA,MACV,WAAW;AAAA,IAAA;AAAA,IAEf,QAAQ;AAAA,MACJ,SA/BZ,gBAAAC,EAAC,OAAA,EAAI,WAAU,qBACX,UAAA;AAAA,QAAA,gBAAAD;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,MAAM;AAAA,YACN,WAAU;AAAA,YACV,OAAM;AAAA,YACN,KAAI;AAAA,UAAA;AAAA,QAAA;AAAA,0BAEP,QAAA,EACG,UAAA;AAAA,UAAA,gBAAAH,EAAC,MAAA,EAAG,WAAU,WAAU,UAAA,kBAAc;AAAA,UACtC,gBAAAA,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,eAAA,CAAY;AAAA,QAAA,EAAA,CAC1C;AAAA,MAAA,GACJ;AAAA,MAqBY,UAAU;AAAA,IAAA;AAAA,IAGd,UAAA;AAAA,MAAA,gBAAAA,EAAC,QAAA,EAAK,WAAU,kCAAiC,UAAA,cAEjD;AAAA,MACA,gBAAAA,EAAC,MAAA,EAAG,WAAU,kBAAiB,UAAA,wBAAoB;AAAA,MACnD,gBAAAA,EAAC,OAAE,UAAA,gHAAA,CAGH;AAAA,IAAA;AAAA,EAAA;AAAA,GAER;"}

package/dist/@ecme/views/ui-components/data-display/Cards/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Cards/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport HeaderFooter from './HeaderFooter'\nimport HeaderFooterBorder from './HeaderFooterBorder'\nimport BorderLess from './BorderLess'\nimport ExtraClass from './ExtraClass'\nimport Clickable from './Clickable'\nimport Media from './Media'\n\nconst mdPath = 'Cards'\n\nconst demoHeader = {\n    title: 'Cards',\n    desc: 'Card can be used to container a groups of related content.',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: `Basic usage of Card`,\n        component: <Basic />,\n    },\n    {\n        mdName: 'HeaderFooter',\n        mdPath: mdPath,\n        title: 'Header & Footer',\n        desc: `Card can set header & footer via <code>header</code> & <code>footer</code> props.`,\n        component: <HeaderFooter />,\n    },\n    {\n        mdName: 'HeaderFooterBorder',\n        mdPath: mdPath,\n        title: 'Header & Footer Border',\n        desc: `Header & footer seperator can disabled by setting <code>headerBorder</code> & <code>footerBorder</code> to <code>false</code>.`,\n        component: <HeaderFooterBorder />,\n    },\n    {\n        mdName: 'BorderLess',\n        mdPath: mdPath,\n        title: 'Borderless',\n        desc: `Display Card without border (with shadow).`,\n        component: <BorderLess />,\n    },\n    {\n        mdName: 'ExtraClass',\n        mdPath: mdPath,\n        title: 'Extra Class',\n        desc: `Extra class can be apply via <code>bodyClass</code>, <code>headerClass</code> & <code>footerClass</code> to correspond section.`,\n        component: <ExtraClass />,\n    },\n    {\n        mdName: 'Clickable',\n        mdPath: mdPath,\n        title: 'Clickable',\n        desc: `Set <code>click</code> prop to <code>true</code> to make cursor become pointer.`,\n        component: <Clickable />,\n    },\n    {\n        mdName: 'Media',\n        mdPath: mdPath,\n        title: 'Media',\n        desc: ``,\n        component: <Media />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Card',\n        api: [\n            {\n                propName: 'header',\n                type: `<code>{ content?: string | ReactNode, className?: string, bordered?: boolean, extra?: string | ReactNode }</code>`,\n                default: `-`,\n                desc: 'Card header config',\n            },\n            {\n                propName: 'footer',\n                type: `<code>{ content?: string | ReactNode, className?: string, bordered?: boolean }</code>`,\n                default: `-`,\n                desc: 'Card footer config',\n            },\n            {\n                propName: 'bordered',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Display Card with border (without shadow)',\n            },\n            {\n                propName: 'clickable',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Make cursor become pointer upon hover',\n            },\n            {\n                propName: 'bodyClass',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Apply class to card body',\n            },\n            {\n                propName: 'onClick',\n                type: `<code>(e: MouseEvent) => void</code>`,\n                default: `<code>-</code>`,\n                desc: 'Callback when Card is clicked',\n            },\n        ],\n    },\n]\n\nconst Cards = () => {\n    return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\n}\n\nexport default Cards\n"],"names":["mdPath","demoHeader","demos","Basic","HeaderFooter","HeaderFooterBorder","BorderLess","ExtraClass","Clickable","Media","demoApi","Cards","DemoLayout"],"mappings":";;;;;;;;;AAWA,MAAMA,IAAS,SAETC,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,CAAa;AAAA,EAAA;AAAA,EAE7B;AAAA,IACI,QAAQ;AAAA,IACR,QAAAJ;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYK,GAAA,CAAA,CAAmB;AAAA,EAAA;AAAA,EAEnC;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,CAAW;AAAA,EAAA;AAAA,EAE3B;AAAA,IACI,QAAQ;AAAA,IACR,QAAAP;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYQ,GAAA,CAAA,CAAU;AAAA,EAAA;AAAA,EAE1B;AAAA,IACI,QAAQ;AAAA,IACR,QAAAR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYS,GAAA,CAAA,CAAM;AAAA,EAAA;AAE1B,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,IACV;AAAA,EACJ;AAER,GAEMC,IAAQ,wBACFC,GAAA,EAAW,QAAQX,GAAY,OAAAC,GAAc,KAAKQ,GAAS;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Compact.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Table/Compact.tsx"],"sourcesContent":["import Table from '@/components/ui/Table'\n\nconst { Tr, Th, Td, THead, TBody } = Table\n\nconst Compact = () => {\n    return (\n        <div>\n            <Table compact>\n                <THead>\n                    <Tr>\n                        <Th>Company</Th>\n                        <Th>Contact</Th>\n                        <Th>Country</Th>\n                    </Tr>\n                </THead>\n                <TBody>\n                    <Tr>\n                        <Td>Alfreds Futterkiste</Td>\n                        <Td>Maria Anders</Td>\n                        <Td>Germany</Td>\n                    </Tr>\n                    <Tr>\n                        <Td>Centro comercial Moctezuma</Td>\n                        <Td>Francisco Chang</Td>\n                        <Td>Mexico</Td>\n                    </Tr>\n                    <Tr>\n                        <Td>Ernst Handel</Td>\n                        <Td>Roland Mendel</Td>\n                        <Td>Austria</Td>\n                    </Tr>\n                </TBody>\n            </Table>\n        </div>\n    )\n}\n\nexport default Compact\n"],"names":["Tr","Th","Td","THead","TBody","Table","Compact","jsx","jsxs"],"mappings":";;AAEA,MAAM,EAAE,IAAAA,GAAI,IAAAC,GAAI,IAAAC,GAAI,OAAAC,GAAO,OAAAC,MAAUC,GAE/BC,IAAU,MAER,gBAAAC,EAAC,OAAA,EACG,UAAA,gBAAAC,EAACH,GAAA,EAAM,SAAO,IACV,UAAA;AAAA,EAAA,gBAAAE,EAACJ,GAAA,EACG,4BAACH,GAAA,EACG,UAAA;AAAA,IAAA,gBAAAO,EAACN,KAAG,UAAA,UAAA,CAAO;AAAA,IACX,gBAAAM,EAACN,KAAG,UAAA,UAAA,CAAO;AAAA,IACX,gBAAAM,EAACN,KAAG,UAAA,UAAA,CAAO;AAAA,EAAA,EAAA,CACf,EAAA,CACJ;AAAA,oBACCG,GAAA,EACG,UAAA;AAAA,IAAA,gBAAAI,EAACR,GAAA,EACG,UAAA;AAAA,MAAA,gBAAAO,EAACL,KAAG,UAAA,sBAAA,CAAmB;AAAA,MACvB,gBAAAK,EAACL,KAAG,UAAA,eAAA,CAAY;AAAA,MAChB,gBAAAK,EAACL,KAAG,UAAA,UAAA,CAAO;AAAA,IAAA,GACf;AAAA,sBACCF,GAAA,EACG,UAAA;AAAA,MAAA,gBAAAO,EAACL,KAAG,UAAA,6BAAA,CAA0B;AAAA,MAC9B,gBAAAK,EAACL,KAAG,UAAA,kBAAA,CAAe;AAAA,MACnB,gBAAAK,EAACL,KAAG,UAAA,SAAA,CAAM;AAAA,IAAA,GACd;AAAA,sBACCF,GAAA,EACG,UAAA;AAAA,MAAA,gBAAAO,EAACL,KAAG,UAAA,eAAA,CAAY;AAAA,MAChB,gBAAAK,EAACL,KAAG,UAAA,gBAAA,CAAa;AAAA,MACjB,gBAAAK,EAACL,KAAG,UAAA,UAAA,CAAO;AAAA,IAAA,EAAA,CACf;AAAA,EAAA,EAAA,CACJ;AAAA,EAAA,CACJ,EAAA,CACJ;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"DragAndDrop.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Table/DragAndDrop.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport Table from '@/components/ui/Table'\nimport {\n    flexRender,\n    getCoreRowModel,\n    useReactTable,\n} from '@tanstack/react-table'\nimport { DragDropContext, Draggable, Droppable } from '@hello-pangea/dnd'\nimport { MdDragIndicator } from 'react-icons/md'\nimport { data10 } from './data'\nimport type { Person } from './data'\nimport type { ColumnDef } from '@tanstack/react-table'\nimport type { DropResult } from '@hello-pangea/dnd'\n\nconst { Tr, Th, Td, THead, TBody } = Table\n\nconst DragAndDrop = () => {\n    const [data, setData] = useState(data10)\n\n    const reorderData = (startIndex: number, endIndex: number) => {\n        const newData = [...data]\n        const [movedRow] = newData.splice(startIndex, 1)\n        newData.splice(endIndex, 0, movedRow)\n        setData(newData)\n    }\n\n    const handleDragEnd = (result: DropResult) => {\n        const { source, destination } = result\n        if (!destination) return\n        reorderData(source.index, destination.index)\n    }\n\n    const columns: ColumnDef<Person>[] = useMemo(\n        () => [\n            {\n                id: 'dragger',\n                header: '',\n                accessorKey: 'dragger',\n                cell: (props) => (\n                    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n                    <span {...(props as any).dragHandleProps}>\n                        <MdDragIndicator />\n                    </span>\n                ),\n            },\n            { header: 'First Name', accessorKey: 'firstName' },\n            { header: 'Last Name', accessorKey: 'lastName' },\n            { header: 'Email', accessorKey: 'email' },\n        ],\n        [],\n    )\n\n    const table = useReactTable({\n        data,\n        columns,\n        getCoreRowModel: getCoreRowModel(),\n    })\n\n    // Note: Drag & drop will not work in React.StrictMode(Development)\n    return (\n        <Table className=\"w-full\">\n            <THead>\n                {table.getHeaderGroups().map((headerGroup) => (\n                    <Tr key={headerGroup.id}>\n                        {headerGroup.headers.map((header) => {\n                            return (\n                                <Th key={header.id} colSpan={header.colSpan}>\n                                    {flexRender(\n                                        header.column.columnDef.header,\n                                        header.getContext(),\n                                    )}\n                                </Th>\n                            )\n                        })}\n                    </Tr>\n                ))}\n            </THead>\n            <DragDropContext onDragEnd={handleDragEnd}>\n                <Droppable droppableId=\"table-body\">\n                    {(provided) => (\n                        <TBody\n                            ref={provided.innerRef}\n                            {...provided.droppableProps}\n                        >\n                            {table.getRowModel().rows.map((row) => {\n                                return (\n                                    <Draggable\n                                        key={row.id}\n                                        draggableId={row.id}\n                                        index={row.index}\n                                    >\n                                        {(provided, snapshot) => {\n                                            const { style } =\n                                                provided.draggableProps\n                                            return (\n                                                <Tr\n                                                    ref={provided.innerRef}\n                                                    className={\n                                                        snapshot.isDragging\n                                                            ? 'table'\n                                                            : ''\n                                                    }\n                                                    style={style}\n                                                    {...provided.draggableProps}\n                                                    {...provided.dragHandleProps}\n                                                >\n                                                    {row\n                                                        .getVisibleCells()\n                                                        .map((cell) => {\n                                                            return (\n                                                                <Td\n                                                                    key={\n                                                                        cell.id\n                                                                    }\n                                                                >\n                                                                    {flexRender(\n                                                                        cell\n                                                                            .column\n                                                                            .columnDef\n                                                                            .cell,\n                                                                        cell.getContext(),\n                                                                    )}\n                                                                </Td>\n                                                            )\n                                                        })}\n                                                </Tr>\n                                            )\n                                        }}\n                                    </Draggable>\n                                )\n                            })}\n                            {provided.placeholder}\n                        </TBody>\n                    )}\n                </Droppable>\n            </DragDropContext>\n        </Table>\n    )\n}\n\nexport default DragAndDrop\n"],"names":["Tr","Th","Td","THead","TBody","Table","DragAndDrop","data","setData","useState","data10","reorderData","startIndex","endIndex","newData","movedRow","handleDragEnd","result","source","destination","columns","useMemo","props","jsx","MdDragIndicator","table","useReactTable","getCoreRowModel","jsxs","headerGroup","header","flexRender","DragDropContext","Droppable","provided","row","Draggable","snapshot","style","cell"],"mappings":"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"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Editable.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Table/Editable.tsx"],"sourcesContent":["import { useMemo, useEffect, useState, useRef, useCallback } from 'react'\nimport Table from '@/components/ui/Table'\nimport Input from '@/components/ui/Input'\nimport {\n    useReactTable,\n    getCoreRowModel,\n    getFilteredRowModel,\n    getPaginationRowModel,\n    flexRender,\n} from '@tanstack/react-table'\nimport { data10 } from './data'\nimport type { Person } from './data'\nimport type { ColumnDef, CellContext, RowData } from '@tanstack/react-table'\n\ndeclare module '@tanstack/react-table' {\n    interface TableMeta<TData extends RowData> {\n        updateData: (\n            rowIndex: number,\n            columnId: string,\n            value: unknown,\n            dataPlaceHolder?: TData,\n        ) => void\n    }\n}\n\ntype EditablePerson = Person\n\nconst { Tr, Th, Td, THead, TBody } = Table\n\nconst EditableCell = ({\n    getValue,\n    row: { index },\n    column: { id },\n    table,\n}: CellContext<EditablePerson, unknown>) => {\n    const initialValue = getValue()\n    // We need to keep and update the state of the cell normally\n    const [value, setValue] = useState(initialValue)\n\n    // When the input is blurred, we'll call our table meta's updateData function\n    const onBlur = () => {\n        table.options.meta?.updateData(index, id, value)\n    }\n\n    // If the initialValue is changed external, sync it up with our state\n    useEffect(() => {\n        setValue(initialValue)\n    }, [initialValue])\n\n    return (\n        <Input\n            className=\"border-transparent bg-transparent hover:border-gray-300 focus:bg-white\"\n            size=\"sm\"\n            value={value as string}\n            onChange={(e) => setValue(e.target.value)}\n            onBlur={onBlur}\n        />\n    )\n}\n\nconst defaultColumn: Partial<ColumnDef<EditablePerson>> = {\n    cell: EditableCell,\n}\n\nfunction useSkipper() {\n    const shouldSkipRef = useRef(true)\n    const shouldSkip = shouldSkipRef.current\n\n    // Wrap a function with this to skip a pagination reset temporarily\n    const skip = useCallback(() => {\n        shouldSkipRef.current = false\n    }, [])\n\n    useEffect(() => {\n        shouldSkipRef.current = true\n    })\n\n    return [shouldSkip, skip]\n}\n\nfunction Editable() {\n    const columns = useMemo(\n        () => [\n            { header: 'First Name', accessorKey: 'firstName' },\n            { header: 'Last Name', accessorKey: 'lastName' },\n            { header: 'Email', accessorKey: 'email' },\n        ],\n        [],\n    )\n\n    const [data, setData] = useState(() => data10)\n\n    const [autoResetPageIndex, skipAutoResetPageIndex] = useSkipper()\n\n    const table = useReactTable({\n        data,\n        columns,\n        defaultColumn,\n        getCoreRowModel: getCoreRowModel(),\n        getFilteredRowModel: getFilteredRowModel(),\n        getPaginationRowModel: getPaginationRowModel(),\n        autoResetPageIndex: autoResetPageIndex as boolean,\n        // Provide our updateData function to our table meta\n        meta: {\n            updateData: (\n                rowIndex: number,\n                columnId: string,\n                value: unknown,\n            ) => {\n                // Skip age index reset until after next rerender\n                if (typeof skipAutoResetPageIndex === 'function') {\n                    skipAutoResetPageIndex()\n                }\n                setData((old) =>\n                    old.map((row, index) => {\n                        if (index === rowIndex) {\n                            return {\n                                ...old[rowIndex],\n                                [columnId]: value,\n                            }\n                        }\n                        return row\n                    }),\n                )\n            },\n        },\n    })\n\n    return (\n        <>\n            <Table>\n                <THead>\n                    {table.getHeaderGroups().map((headerGroup) => (\n                        <Tr key={headerGroup.id}>\n                            {headerGroup.headers.map((header) => {\n                                return (\n                                    <Th\n                                        key={header.id}\n                                        colSpan={header.colSpan}\n                                    >\n                                        {flexRender(\n                                            header.column.columnDef.header,\n                                            header.getContext(),\n                                        )}\n                                    </Th>\n                                )\n                            })}\n                        </Tr>\n                    ))}\n                </THead>\n                <TBody>\n                    {table.getRowModel().rows.map((row) => {\n                        return (\n                            <Tr key={row.id}>\n                                {row.getVisibleCells().map((cell) => {\n                                    return (\n                                        <Td key={cell.id}>\n                                            {flexRender(\n                                                cell.column.columnDef.cell,\n                                                cell.getContext(),\n                                            )}\n                                        </Td>\n                                    )\n                                })}\n                            </Tr>\n                        )\n                    })}\n                </TBody>\n            </Table>\n        </>\n    )\n}\n\nexport default Editable\n"],"names":["Tr","Th","Td","THead","TBody","Table","EditableCell","getValue","index","id","table","initialValue","value","setValue","useState","onBlur","_a","useEffect","jsx","Input","e","defaultColumn","useSkipper","shouldSkipRef","useRef","shouldSkip","skip","useCallback","Editable","columns","useMemo","data","setData","data10","autoResetPageIndex","skipAutoResetPageIndex","useReactTable","getCoreRowModel","getFilteredRowModel","getPaginationRowModel","rowIndex","columnId","old","row","Fragment","headerGroup","header","flexRender","cell"],"mappings":"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"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Expanding.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Table/Expanding.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport Table from '@/components/ui/Table'\nimport {\n    useReactTable,\n    getCoreRowModel,\n    getExpandedRowModel,\n    flexRender,\n} from '@tanstack/react-table'\nimport { dataWithSubRows } from './data'\nimport { HiOutlinePlusCircle, HiOutlineMinusCircle } from 'react-icons/hi'\nimport type { PersonWithSubRow } from './data'\nimport type { ColumnDef, ExpandedState } from '@tanstack/react-table'\n\nconst { Tr, Th, Td, THead, TBody } = Table\n\nfunction Exapanding() {\n    const columns = useMemo<ColumnDef<PersonWithSubRow>[]>(\n        () => [\n            {\n                id: 'expander',\n                header: ({ table }) => {\n                    return (\n                        <button\n                            className=\"text-xl\"\n                            {...{\n                                onClick:\n                                    table.getToggleAllRowsExpandedHandler(),\n                            }}\n                        >\n                            {table.getIsAllRowsExpanded() ? (\n                                <HiOutlineMinusCircle />\n                            ) : (\n                                <HiOutlinePlusCircle />\n                            )}\n                        </button>\n                    )\n                },\n                cell: ({ row, getValue }) => {\n                    return (\n                        <>\n                            {row.getCanExpand() ? (\n                                <button\n                                    className=\"text-xl\"\n                                    {...{\n                                        onClick: row.getToggleExpandedHandler(),\n                                    }}\n                                >\n                                    {row.getIsExpanded() ? (\n                                        <HiOutlineMinusCircle />\n                                    ) : (\n                                        <HiOutlinePlusCircle />\n                                    )}\n                                </button>\n                            ) : null}\n                            {getValue()}\n                        </>\n                    )\n                },\n            },\n            {\n                header: 'First Name',\n                accessorKey: 'firstName',\n            },\n            {\n                header: 'Last Name',\n                accessorKey: 'lastName',\n            },\n            {\n                header: 'Age',\n                accessorKey: 'age',\n            },\n            {\n                header: 'Visits',\n                accessorKey: 'visits',\n            },\n            {\n                header: 'Status',\n                accessorKey: 'status',\n            },\n            {\n                header: 'Profile Progress',\n                accessorKey: 'progress',\n            },\n        ],\n        [],\n    )\n\n    const [data] = useState(dataWithSubRows)\n    const [expanded, setExpanded] = useState<ExpandedState>({})\n\n    const table = useReactTable({\n        data,\n        columns,\n        state: {\n            expanded,\n        },\n        onExpandedChange: setExpanded,\n        getSubRows: (row) => row.subRows,\n        getCoreRowModel: getCoreRowModel(),\n        getExpandedRowModel: getExpandedRowModel(),\n    })\n\n    return (\n        <>\n            <Table>\n                <THead>\n                    {table.getHeaderGroups().map((headerGroup) => (\n                        <Tr key={headerGroup.id}>\n                            {headerGroup.headers.map((header) => {\n                                return (\n                                    <Th\n                                        key={header.id}\n                                        colSpan={header.colSpan}\n                                    >\n                                        {flexRender(\n                                            header.column.columnDef.header,\n                                            header.getContext(),\n                                        )}\n                                    </Th>\n                                )\n                            })}\n                        </Tr>\n                    ))}\n                </THead>\n                <TBody>\n                    {table.getRowModel().rows.map((row) => {\n                        return (\n                            <Tr key={row.id}>\n                                {row.getVisibleCells().map((cell) => {\n                                    return (\n                                        <Td key={cell.id}>\n                                            {flexRender(\n                                                cell.column.columnDef.cell,\n                                                cell.getContext(),\n                                            )}\n                                        </Td>\n                                    )\n                                })}\n                            </Tr>\n                        )\n                    })}\n                </TBody>\n            </Table>\n        </>\n    )\n}\n\nexport default Exapanding\n"],"names":["Tr","Th","Td","THead","TBody","Table","Exapanding","columns","useMemo","table","jsx","HiOutlineMinusCircle","HiOutlinePlusCircle","row","getValue","jsxs","Fragment","data","useState","dataWithSubRows","expanded","setExpanded","useReactTable","getCoreRowModel","getExpandedRowModel","headerGroup","header","flexRender","cell"],"mappings":";;;;;;AAaA,MAAM,EAAE,IAAAA,GAAI,IAAAC,GAAI,IAAAC,GAAI,OAAAC,GAAO,OAAAC,MAAUC;AAErC,SAASC,IAAa;AAClB,QAAMC,IAAUC;AAAA,IACZ,MAAM;AAAA,MACF;AAAA,QACI,IAAI;AAAA,QACJ,QAAQ,CAAC,EAAE,OAAAC,QAEH,gBAAAC;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YAEN,SACID,EAAM,gCAAA;AAAA,YAGb,UAAAA,EAAM,qBAAA,sBACFE,GAAA,EAAqB,sBAErBC,GAAA,CAAA,CAAoB;AAAA,UAAA;AAAA,QAAA;AAAA,QAKrC,MAAM,CAAC,EAAE,KAAAC,GAAK,UAAAC,QAEN,gBAAAC,EAAAC,GAAA,EACK,UAAA;AAAA,UAAAH,EAAI,iBACD,gBAAAH;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cAEN,SAASG,EAAI,yBAAA;AAAA,cAGhB,YAAI,cAAA,sBACAF,GAAA,EAAqB,sBAErBC,GAAA,CAAA,CAAoB;AAAA,YAAA;AAAA,UAAA,IAG7B;AAAA,UACHE,EAAA;AAAA,QAAS,GACd;AAAA,MAER;AAAA,MAEJ;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,MAAA;AAAA,MAEjB;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,MAAA;AAAA,MAEjB;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,MAAA;AAAA,MAEjB;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,MAAA;AAAA,MAEjB;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,MAAA;AAAA,MAEjB;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,MAAA;AAAA,IACjB;AAAA,IAEJ,CAAA;AAAA,EAAC,GAGC,CAACG,CAAI,IAAIC,EAASC,CAAe,GACjC,CAACC,GAAUC,CAAW,IAAIH,EAAwB,CAAA,CAAE,GAEpDT,IAAQa,EAAc;AAAA,IACxB,MAAAL;AAAA,IACA,SAAAV;AAAA,IACA,OAAO;AAAA,MACH,UAAAa;AAAA,IAAA;AAAA,IAEJ,kBAAkBC;AAAA,IAClB,YAAY,CAACR,MAAQA,EAAI;AAAA,IACzB,iBAAiBU,EAAA;AAAA,IACjB,qBAAqBC,EAAA;AAAA,EAAoB,CAC5C;AAED,SACI,gBAAAd,EAAAM,GAAA,EACI,4BAACX,GAAA,EACG,UAAA;AAAA,IAAA,gBAAAK,EAACP,GAAA,EACI,UAAAM,EAAM,gBAAA,EAAkB,IAAI,CAACgB,MAC1B,gBAAAf,EAACV,GAAA,EACI,UAAAyB,EAAY,QAAQ,IAAI,CAACC,MAElB,gBAAAhB;AAAA,MAACT;AAAA,MAAA;AAAA,QAEG,SAASyB,EAAO;AAAA,QAEf,UAAAC;AAAA,UACGD,EAAO,OAAO,UAAU;AAAA,UACxBA,EAAO,WAAA;AAAA,QAAW;AAAA,MACtB;AAAA,MANKA,EAAO;AAAA,IAAA,CASvB,KAbID,EAAY,EAcrB,CACH,EAAA,CACL;AAAA,IACA,gBAAAf,EAACN,KACI,UAAAK,EAAM,YAAA,EAAc,KAAK,IAAI,CAACI,wBAEtBb,GAAA,EACI,UAAAa,EAAI,kBAAkB,IAAI,CAACe,wBAEnB1B,GAAA,EACI,UAAAyB;AAAA,MACGC,EAAK,OAAO,UAAU;AAAA,MACtBA,EAAK,WAAA;AAAA,IAAW,EACpB,GAJKA,EAAK,EAKd,CAEP,EAAA,GAVIf,EAAI,EAWb,CAEP,EAAA,CACL;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;AAER;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Filtering.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Table/Filtering.tsx"],"sourcesContent":["import { useMemo, useState, useEffect } from 'react'\nimport Table from '@/components/ui/Table'\nimport Input from '@/components/ui/Input'\nimport {\n    useReactTable,\n    getCoreRowModel,\n    getFilteredRowModel,\n    getFacetedRowModel,\n    getFacetedUniqueValues,\n    getFacetedMinMaxValues,\n    getPaginationRowModel,\n    getSortedRowModel,\n    flexRender,\n} from '@tanstack/react-table'\nimport { rankItem } from '@tanstack/match-sorter-utils'\nimport { data10 } from './data'\nimport type { Person } from './data'\nimport type {\n    ColumnDef,\n    FilterFn,\n    ColumnFiltersState,\n} from '@tanstack/react-table'\nimport type { InputHTMLAttributes } from 'react'\n\ninterface DebouncedInputProps\n    extends Omit<\n        InputHTMLAttributes<HTMLInputElement>,\n        'onChange' | 'size' | 'prefix'\n    > {\n    value: string | number\n    onChange: (value: string | number) => void\n    debounce?: number\n}\n\nconst { Tr, Th, Td, THead, TBody, Sorter } = Table\n\nfunction DebouncedInput({\n    value: initialValue,\n    onChange,\n    debounce = 500,\n    ...props\n}: DebouncedInputProps) {\n    const [value, setValue] = useState(initialValue)\n\n    useEffect(() => {\n        setValue(initialValue)\n    }, [initialValue])\n\n    useEffect(() => {\n        const timeout = setTimeout(() => {\n            onChange(value)\n        }, debounce)\n\n        return () => clearTimeout(timeout)\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [value])\n\n    return (\n        <div className=\"flex justify-end\">\n            <div className=\"flex items-center mb-4\">\n                <span className=\"mr-2\">Search:</span>\n                <Input\n                    {...props}\n                    value={value}\n                    onChange={(e) => setValue(e.target.value)}\n                />\n            </div>\n        </div>\n    )\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst fuzzyFilter: FilterFn<any> = (row, columnId, value, addMeta) => {\n    // Rank the item\n    const itemRank = rankItem(row.getValue(columnId), value)\n\n    // Store the itemRank info\n    addMeta({\n        itemRank,\n    })\n\n    // Return if the item should be filtered in/out\n    return itemRank.passed\n}\n\nconst Filtering = () => {\n    const [columnFilters, setColumnFilters] = useState<ColumnFiltersState>([])\n    const [globalFilter, setGlobalFilter] = useState('')\n\n    const columns = useMemo<ColumnDef<Person>[]>(\n        () => [\n            { header: 'First Name', accessorKey: 'firstName' },\n            { header: 'Last Name', accessorKey: 'lastName' },\n            { header: 'Email', accessorKey: 'email' },\n        ],\n        [],\n    )\n\n    const [data] = useState(() => data10)\n\n    const table = useReactTable({\n        data,\n        columns,\n        filterFns: {\n            fuzzy: fuzzyFilter,\n        },\n        state: {\n            columnFilters,\n            globalFilter,\n        },\n        onColumnFiltersChange: setColumnFilters,\n        onGlobalFilterChange: setGlobalFilter,\n        globalFilterFn: fuzzyFilter,\n        getCoreRowModel: getCoreRowModel(),\n        getFilteredRowModel: getFilteredRowModel(),\n        getSortedRowModel: getSortedRowModel(),\n        getPaginationRowModel: getPaginationRowModel(),\n        getFacetedRowModel: getFacetedRowModel(),\n        getFacetedUniqueValues: getFacetedUniqueValues(),\n        getFacetedMinMaxValues: getFacetedMinMaxValues(),\n        debugHeaders: true,\n        debugColumns: false,\n    })\n\n    return (\n        <>\n            <DebouncedInput\n                value={globalFilter ?? ''}\n                className=\"p-2 font-lg shadow border border-block\"\n                placeholder=\"Search all columns...\"\n                onChange={(value) => setGlobalFilter(String(value))}\n            />\n            <Table>\n                <THead>\n                    {table.getHeaderGroups().map((headerGroup) => (\n                        <Tr key={headerGroup.id}>\n                            {headerGroup.headers.map((header) => {\n                                return (\n                                    <Th\n                                        key={header.id}\n                                        colSpan={header.colSpan}\n                                    >\n                                        {header.isPlaceholder ? null : (\n                                            <div\n                                                {...{\n                                                    className:\n                                                        header.column.getCanSort()\n                                                            ? 'cursor-pointer select-none'\n                                                            : '',\n                                                    onClick:\n                                                        header.column.getToggleSortingHandler(),\n                                                }}\n                                            >\n                                                {flexRender(\n                                                    header.column.columnDef\n                                                        .header,\n                                                    header.getContext(),\n                                                )}\n                                                {\n                                                    <Sorter\n                                                        sort={header.column.getIsSorted()}\n                                                    />\n                                                }\n                                            </div>\n                                        )}\n                                    </Th>\n                                )\n                            })}\n                        </Tr>\n                    ))}\n                </THead>\n                <TBody>\n                    {table.getRowModel().rows.map((row) => {\n                        return (\n                            <Tr key={row.id}>\n                                {row.getVisibleCells().map((cell) => {\n                                    return (\n                                        <Td key={cell.id}>\n                                            {flexRender(\n                                                cell.column.columnDef.cell,\n                                                cell.getContext(),\n                                            )}\n                                        </Td>\n                                    )\n                                })}\n                            </Tr>\n                        )\n                    })}\n                </TBody>\n            </Table>\n        </>\n    )\n}\n\nexport default Filtering\n"],"names":["Tr","Th","Td","THead","TBody","Sorter","Table","DebouncedInput","initialValue","onChange","debounce","props","value","setValue","useState","useEffect","timeout","jsxs","jsx","Input","e","fuzzyFilter","row","columnId","addMeta","itemRank","rankItem","Filtering","columnFilters","setColumnFilters","globalFilter","setGlobalFilter","columns","useMemo","data","data10","table","useReactTable","getCoreRowModel","getFilteredRowModel","getSortedRowModel","getPaginationRowModel","getFacetedRowModel","getFacetedUniqueValues","getFacetedMinMaxValues","Fragment","headerGroup","header","flexRender","cell"],"mappings":";;;;;;;;AAkCA,MAAM,EAAE,IAAAA,GAAI,IAAAC,GAAI,IAAAC,GAAI,OAAAC,GAAO,OAAAC,GAAO,QAAAC,MAAWC;AAE7C,SAASC,EAAe;AAAA,EACpB,OAAOC;AAAA,EACP,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,GAAGC;AACP,GAAwB;AACpB,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAASN,CAAY;AAE/C,SAAAO,EAAU,MAAM;AACZ,IAAAF,EAASL,CAAY;AAAA,EAAA,GACtB,CAACA,CAAY,CAAC,GAEjBO,EAAU,MAAM;AACZ,UAAMC,IAAU,WAAW,MAAM;AAC7B,MAAAP,EAASG,CAAK;AAAA,IAAA,GACfF,CAAQ;AAEX,WAAO,MAAM,aAAaM,CAAO;AAAA,EAAA,GAElC,CAACJ,CAAK,CAAC,qBAGL,OAAA,EAAI,WAAU,oBACX,UAAA,gBAAAK,EAAC,OAAA,EAAI,WAAU,0BACX,UAAA;AAAA,IAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,QAAO,UAAA,WAAO;AAAA,IAC9B,gBAAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACI,GAAGR;AAAA,QACJ,OAAAC;AAAA,QACA,UAAU,CAACQ,MAAMP,EAASO,EAAE,OAAO,KAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EAC5C,EAAA,CACJ,EAAA,CACJ;AAER;AAGA,MAAMC,IAA6B,CAACC,GAAKC,GAAUX,GAAOY,MAAY;AAElE,QAAMC,IAAWC,EAASJ,EAAI,SAASC,CAAQ,GAAGX,CAAK;AAGvD,SAAAY,EAAQ;AAAA,IACJ,UAAAC;AAAA,EAAA,CACH,GAGMA,EAAS;AACpB,GAEME,IAAY,MAAM;AACpB,QAAM,CAACC,GAAeC,CAAgB,IAAIf,EAA6B,CAAA,CAAE,GACnE,CAACgB,GAAcC,CAAe,IAAIjB,EAAS,EAAE,GAE7CkB,IAAUC;AAAA,IACZ,MAAM;AAAA,MACF,EAAE,QAAQ,cAAc,aAAa,YAAA;AAAA,MACrC,EAAE,QAAQ,aAAa,aAAa,WAAA;AAAA,MACpC,EAAE,QAAQ,SAAS,aAAa,QAAA;AAAA,IAAQ;AAAA,IAE5C,CAAA;AAAA,EAAC,GAGC,CAACC,CAAI,IAAIpB,EAAS,MAAMqB,CAAM,GAE9BC,IAAQC,EAAc;AAAA,IACxB,MAAAH;AAAA,IACA,SAAAF;AAAA,IACA,WAAW;AAAA,MACP,OAAOX;AAAA,IAAA;AAAA,IAEX,OAAO;AAAA,MACH,eAAAO;AAAA,MACA,cAAAE;AAAA,IAAA;AAAA,IAEJ,uBAAuBD;AAAA,IACvB,sBAAsBE;AAAA,IACtB,gBAAgBV;AAAA,IAChB,iBAAiBiB,EAAA;AAAA,IACjB,qBAAqBC,EAAA;AAAA,IACrB,mBAAmBC,EAAA;AAAA,IACnB,uBAAuBC,EAAA;AAAA,IACvB,oBAAoBC,EAAA;AAAA,IACpB,wBAAwBC,EAAA;AAAA,IACxB,wBAAwBC,EAAA;AAAA,IACxB,cAAc;AAAA,IACd,cAAc;AAAA,EAAA,CACjB;AAED,SACI,gBAAA3B,EAAA4B,GAAA,EACI,UAAA;AAAA,IAAA,gBAAA3B;AAAA,MAACX;AAAA,MAAA;AAAA,QACG,OAAOuB,KAAgB;AAAA,QACvB,WAAU;AAAA,QACV,aAAY;AAAA,QACZ,UAAU,CAAClB,MAAUmB,EAAgB,OAAOnB,CAAK,CAAC;AAAA,MAAA;AAAA,IAAA;AAAA,sBAErDN,GAAA,EACG,UAAA;AAAA,MAAA,gBAAAY,EAACf,GAAA,EACI,UAAAiC,EAAM,gBAAA,EAAkB,IAAI,CAACU,MAC1B,gBAAA5B,EAAClB,GAAA,EACI,UAAA8C,EAAY,QAAQ,IAAI,CAACC,MAElB,gBAAA7B;AAAA,QAACjB;AAAA,QAAA;AAAA,UAEG,SAAS8C,EAAO;AAAA,UAEf,UAAAA,EAAO,gBAAgB,OACpB,gBAAA9B;AAAA,YAAC;AAAA,YAAA;AAAA,cAEO,WACI8B,EAAO,OAAO,WAAA,IACR,+BACA;AAAA,cACV,SACIA,EAAO,OAAO,wBAAA;AAAA,cAGrB,UAAA;AAAA,gBAAAC;AAAA,kBACGD,EAAO,OAAO,UACT;AAAA,kBACLA,EAAO,WAAA;AAAA,gBAAW;AAAA,gBAGlB,gBAAA7B;AAAA,kBAACb;AAAA,kBAAA;AAAA,oBACG,MAAM0C,EAAO,OAAO,YAAA;AAAA,kBAAY;AAAA,gBAAA;AAAA,cACpC;AAAA,YAAA;AAAA,UAAA;AAAA,QAER;AAAA,QAxBCA,EAAO;AAAA,MAAA,CA4BvB,KAhCID,EAAY,EAiCrB,CACH,EAAA,CACL;AAAA,MACA,gBAAA5B,EAACd,KACI,UAAAgC,EAAM,YAAA,EAAc,KAAK,IAAI,CAACd,wBAEtBtB,GAAA,EACI,UAAAsB,EAAI,kBAAkB,IAAI,CAAC2B,wBAEnB/C,GAAA,EACI,UAAA8C;AAAA,QACGC,EAAK,OAAO,UAAU;AAAA,QACtBA,EAAK,WAAA;AAAA,MAAW,EACpB,GAJKA,EAAK,EAKd,CAEP,EAAA,GAVI3B,EAAI,EAWb,CAEP,EAAA,CACL;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Group.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Table/Group.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport Table from '@/components/ui/Table'\nimport {\n    useReactTable,\n    getCoreRowModel,\n    flexRender,\n} from '@tanstack/react-table'\nimport { data10 } from './data'\nimport type { Person } from './data'\nimport type { ColumnDef } from '@tanstack/react-table'\n\nconst { Tr, Th, Td, THead, TBody } = Table\n\nconst Group = () => {\n    const [data] = useState(() => data10)\n\n    const columns = useMemo<ColumnDef<Person>[]>(\n        () => [\n            {\n                header: 'Name',\n                columns: [\n                    {\n                        header: 'First Name',\n                        accessorKey: 'firstName',\n                    },\n                    {\n                        header: 'Last Name',\n                        accessorKey: 'lastName',\n                    },\n                ],\n            },\n            {\n                header: 'Info',\n                columns: [\n                    {\n                        header: 'Email',\n                        accessorKey: 'email',\n                        width: 50,\n                    },\n                    {\n                        header: 'Visits',\n                        accessorKey: 'gender',\n                        width: 60,\n                    },\n                ],\n            },\n        ],\n        [],\n    )\n\n    const table = useReactTable({\n        data,\n        columns,\n        getCoreRowModel: getCoreRowModel(),\n    })\n\n    return (\n        <Table>\n            <THead>\n                {table.getHeaderGroups().map((headerGroup) => (\n                    <Tr key={headerGroup.id}>\n                        {headerGroup.headers.map((header) => {\n                            return (\n                                <Th key={header.id} colSpan={header.colSpan}>\n                                    {flexRender(\n                                        header.column.columnDef.header,\n                                        header.getContext(),\n                                    )}\n                                </Th>\n                            )\n                        })}\n                    </Tr>\n                ))}\n            </THead>\n            <TBody>\n                {table.getRowModel().rows.map((row) => {\n                    return (\n                        <Tr key={row.id}>\n                            {row.getVisibleCells().map((cell) => {\n                                return (\n                                    <Td key={cell.id}>\n                                        {flexRender(\n                                            cell.column.columnDef.cell,\n                                            cell.getContext(),\n                                        )}\n                                    </Td>\n                                )\n                            })}\n                        </Tr>\n                    )\n                })}\n            </TBody>\n        </Table>\n    )\n}\n\nexport default Group\n"],"names":["Tr","Th","Td","THead","TBody","Table","Group","data","useState","data10","columns","useMemo","table","useReactTable","getCoreRowModel","jsx","headerGroup","header","flexRender","row","cell"],"mappings":";;;;;AAWA,MAAM,EAAE,IAAAA,GAAI,IAAAC,GAAI,IAAAC,GAAI,OAAAC,GAAO,OAAAC,MAAUC,GAE/BC,IAAQ,MAAM;AAChB,QAAM,CAACC,CAAI,IAAIC,EAAS,MAAMC,CAAM,GAE9BC,IAAUC;AAAA,IACZ,MAAM;AAAA,MACF;AAAA,QACI,QAAQ;AAAA,QACR,SAAS;AAAA,UACL;AAAA,YACI,QAAQ;AAAA,YACR,aAAa;AAAA,UAAA;AAAA,UAEjB;AAAA,YACI,QAAQ;AAAA,YACR,aAAa;AAAA,UAAA;AAAA,QACjB;AAAA,MACJ;AAAA,MAEJ;AAAA,QACI,QAAQ;AAAA,QACR,SAAS;AAAA,UACL;AAAA,YACI,QAAQ;AAAA,YACR,aAAa;AAAA,YACb,OAAO;AAAA,UAAA;AAAA,UAEX;AAAA,YACI,QAAQ;AAAA,YACR,aAAa;AAAA,YACb,OAAO;AAAA,UAAA;AAAA,QACX;AAAA,MACJ;AAAA,IACJ;AAAA,IAEJ,CAAA;AAAA,EAAC,GAGCC,IAAQC,EAAc;AAAA,IACxB,MAAAN;AAAA,IACA,SAAAG;AAAA,IACA,iBAAiBI,EAAA;AAAA,EAAgB,CACpC;AAED,2BACKT,GAAA,EACG,UAAA;AAAA,IAAA,gBAAAU,EAACZ,GAAA,EACI,UAAAS,EAAM,gBAAA,EAAkB,IAAI,CAACI,MAC1B,gBAAAD,EAACf,GAAA,EACI,UAAAgB,EAAY,QAAQ,IAAI,CAACC,MAElB,gBAAAF,EAACd,GAAA,EAAmB,SAASgB,EAAO,SAC/B,UAAAC;AAAA,MACGD,EAAO,OAAO,UAAU;AAAA,MACxBA,EAAO,WAAA;AAAA,IAAW,EACtB,GAJKA,EAAO,EAKhB,CAEP,KAVID,EAAY,EAWrB,CACH,EAAA,CACL;AAAA,IACA,gBAAAD,EAACX,KACI,UAAAQ,EAAM,YAAA,EAAc,KAAK,IAAI,CAACO,wBAEtBnB,GAAA,EACI,UAAAmB,EAAI,kBAAkB,IAAI,CAACC,wBAEnBlB,GAAA,EACI,UAAAgB;AAAA,MACGE,EAAK,OAAO,UAAU;AAAA,MACtBA,EAAK,WAAA;AAAA,IAAW,EACpB,GAJKA,EAAK,EAKd,CAEP,EAAA,GAVID,EAAI,EAWb,CAEP,EAAA,CACL;AAAA,EAAA,GACJ;AAER;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Resizable.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Table/Resizable.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport Table from '@/components/ui/Table'\nimport {\n    getCoreRowModel,\n    flexRender,\n    useReactTable,\n} from '@tanstack/react-table'\nimport { data10 } from './data'\nimport type { Person } from './data'\nimport type { ColumnDef } from '@tanstack/react-table'\n\nconst { Tr, Th, Td, THead, TBody } = Table\n\nfunction Resizable() {\n    const data = useMemo(() => data10, [])\n\n    const columns = useMemo<ColumnDef<Person>[]>(\n        () => [\n            { header: 'First Name', accessorKey: 'firstName' },\n            { header: 'Last Name', accessorKey: 'lastName' },\n            { header: 'Email', accessorKey: 'email' },\n            { header: 'Gender', accessorKey: 'gender' },\n        ],\n        [],\n    )\n\n    const table = useReactTable({\n        data,\n        columns,\n        enableColumnResizing: true,\n        columnResizeMode: 'onChange',\n        getCoreRowModel: getCoreRowModel(),\n    })\n\n    return (\n        <Table>\n            <THead>\n                {table.getHeaderGroups().map((headerGroup) => (\n                    <Tr key={headerGroup.id}>\n                        {headerGroup.headers.map((header) => {\n                            return (\n                                <Th\n                                    key={header.id}\n                                    colSpan={header.colSpan}\n                                    style={{\n                                        position: 'relative',\n                                        width: header.getSize(),\n                                    }}\n                                >\n                                    {header.isPlaceholder\n                                        ? null\n                                        : flexRender(\n                                              header.column.columnDef.header,\n                                              header.getContext(),\n                                          )}\n                                    {header.column.getCanResize() && (\n                                        <div\n                                            className={`table-resizer cursor-all-scroll ${\n                                                header.column.getIsResizing()\n                                                    ? 'isResizing'\n                                                    : ''\n                                            }`}\n                                            onMouseDown={header.getResizeHandler()}\n                                            onTouchStart={header.getResizeHandler()}\n                                        ></div>\n                                    )}\n                                </Th>\n                            )\n                        })}\n                    </Tr>\n                ))}\n            </THead>\n            <TBody>\n                {table.getRowModel().rows.map((row) => {\n                    return (\n                        <Tr key={row.id}>\n                            {row.getVisibleCells().map((cell) => {\n                                return (\n                                    <Td\n                                        key={cell.id}\n                                        style={{ width: cell.column.getSize() }}\n                                    >\n                                        {flexRender(\n                                            cell.column.columnDef.cell,\n                                            cell.getContext(),\n                                        )}\n                                    </Td>\n                                )\n                            })}\n                        </Tr>\n                    )\n                })}\n            </TBody>\n        </Table>\n    )\n}\n\nexport default Resizable\n"],"names":["Tr","Th","Td","THead","TBody","Table","Resizable","data","useMemo","data10","columns","table","useReactTable","getCoreRowModel","jsx","headerGroup","header","jsxs","flexRender","row","cell"],"mappings":";;;;;AAWA,MAAM,EAAE,IAAAA,GAAI,IAAAC,GAAI,IAAAC,GAAI,OAAAC,GAAO,OAAAC,MAAUC;AAErC,SAASC,IAAY;AACjB,QAAMC,IAAOC,EAAQ,MAAMC,GAAQ,CAAA,CAAE,GAE/BC,IAAUF;AAAA,IACZ,MAAM;AAAA,MACF,EAAE,QAAQ,cAAc,aAAa,YAAA;AAAA,MACrC,EAAE,QAAQ,aAAa,aAAa,WAAA;AAAA,MACpC,EAAE,QAAQ,SAAS,aAAa,QAAA;AAAA,MAChC,EAAE,QAAQ,UAAU,aAAa,SAAA;AAAA,IAAS;AAAA,IAE9C,CAAA;AAAA,EAAC,GAGCG,IAAQC,EAAc;AAAA,IACxB,MAAAL;AAAA,IACA,SAAAG;AAAA,IACA,sBAAsB;AAAA,IACtB,kBAAkB;AAAA,IAClB,iBAAiBG,EAAA;AAAA,EAAgB,CACpC;AAED,2BACKR,GAAA,EACG,UAAA;AAAA,IAAA,gBAAAS,EAACX,GAAA,EACI,UAAAQ,EAAM,gBAAA,EAAkB,IAAI,CAACI,MAC1B,gBAAAD,EAACd,GAAA,EACI,UAAAe,EAAY,QAAQ,IAAI,CAACC,MAElB,gBAAAC;AAAA,MAAChB;AAAA,MAAA;AAAA,QAEG,SAASe,EAAO;AAAA,QAChB,OAAO;AAAA,UACH,UAAU;AAAA,UACV,OAAOA,EAAO,QAAA;AAAA,QAAQ;AAAA,QAGzB,UAAA;AAAA,UAAAA,EAAO,gBACF,OACAE;AAAA,YACIF,EAAO,OAAO,UAAU;AAAA,YACxBA,EAAO,WAAA;AAAA,UAAW;AAAA,UAE3BA,EAAO,OAAO,aAAA,KACX,gBAAAF;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAW,mCACPE,EAAO,OAAO,kBACR,eACA,EACV;AAAA,cACA,aAAaA,EAAO,iBAAA;AAAA,cACpB,cAAcA,EAAO,iBAAA;AAAA,YAAiB;AAAA,UAAA;AAAA,QACzC;AAAA,MAAA;AAAA,MAtBAA,EAAO;AAAA,IAAA,CA0BvB,KA9BID,EAAY,EA+BrB,CACH,EAAA,CACL;AAAA,IACA,gBAAAD,EAACV,KACI,UAAAO,EAAM,YAAA,EAAc,KAAK,IAAI,CAACQ,wBAEtBnB,GAAA,EACI,UAAAmB,EAAI,kBAAkB,IAAI,CAACC,MAEpB,gBAAAN;AAAA,MAACZ;AAAA,MAAA;AAAA,QAEG,OAAO,EAAE,OAAOkB,EAAK,OAAO,UAAQ;AAAA,QAEnC,UAAAF;AAAA,UACGE,EAAK,OAAO,UAAU;AAAA,UACtBA,EAAK,WAAA;AAAA,QAAW;AAAA,MACpB;AAAA,MANKA,EAAK;AAAA,IAAA,CASrB,EAAA,GAbID,EAAI,EAcb,CAEP,EAAA,CACL;AAAA,EAAA,GACJ;AAER;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"RowSelection.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Table/RowSelection.tsx"],"sourcesContent":["import { useRef, useEffect, useMemo, useState } from 'react'\nimport {\n    flexRender,\n    getCoreRowModel,\n    getFilteredRowModel,\n    getPaginationRowModel,\n    useReactTable,\n} from '@tanstack/react-table'\nimport Table from '@/components/ui/Table'\nimport Checkbox from '@/components/ui/Checkbox'\nimport { data10 } from './data'\nimport type { ChangeEvent } from 'react'\nimport type { CheckboxProps } from '@/components/ui/Checkbox'\nimport type { Person } from './data'\nimport type { ColumnDef } from '@tanstack/react-table'\n\ntype CheckBoxChangeEvent = ChangeEvent<HTMLInputElement>\n\ninterface IndeterminateCheckboxProps extends Omit<CheckboxProps, 'onChange'> {\n    onChange: (event: CheckBoxChangeEvent) => void\n    indeterminate: boolean\n    onCheckBoxChange?: (event: CheckBoxChangeEvent) => void\n    onIndeterminateCheckBoxChange?: (event: CheckBoxChangeEvent) => void\n}\n\nconst { Tr, Th, Td, THead, TBody } = Table\n\nfunction IndeterminateCheckbox({\n    indeterminate,\n    onChange,\n    ...rest\n}: IndeterminateCheckboxProps) {\n    const ref = useRef<HTMLInputElement>(null)\n\n    useEffect(() => {\n        if (typeof indeterminate === 'boolean' && ref.current) {\n            ref.current.indeterminate = !rest.checked && indeterminate\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [ref, indeterminate])\n\n    return <Checkbox ref={ref} onChange={(_, e) => onChange(e)} {...rest} />\n}\n\nfunction RowSelection() {\n    const [rowSelection, setRowSelection] = useState({})\n\n    const columns = useMemo<ColumnDef<Person>[]>(() => {\n        return [\n            {\n                id: 'select',\n                header: ({ table }) => (\n                    <IndeterminateCheckbox\n                        {...{\n                            checked: table.getIsAllRowsSelected(),\n                            indeterminate: table.getIsSomeRowsSelected(),\n                            onChange: table.getToggleAllRowsSelectedHandler(),\n                        }}\n                    />\n                ),\n                cell: ({ row }) => (\n                    <div className=\"px-1\">\n                        <IndeterminateCheckbox\n                            {...{\n                                checked: row.getIsSelected(),\n                                disabled: !row.getCanSelect(),\n                                indeterminate: row.getIsSomeSelected(),\n                                onChange: row.getToggleSelectedHandler(),\n                            }}\n                        />\n                    </div>\n                ),\n            },\n            {\n                header: 'First Name',\n                accessorKey: 'firstName',\n            },\n            {\n                header: 'Last Name',\n                accessorKey: 'lastName',\n            },\n            {\n                header: 'Email',\n                accessorKey: 'email',\n            },\n        ]\n    }, [])\n\n    const [data] = useState(() => data10)\n\n    const table = useReactTable({\n        data,\n        columns,\n        state: {\n            rowSelection,\n        },\n        enableRowSelection: true, //enable row selection for all rows\n        // enableRowSelection: row => row.original.age > 18, // or enable row selection conditionally per row\n        onRowSelectionChange: setRowSelection,\n        getCoreRowModel: getCoreRowModel(),\n        getFilteredRowModel: getFilteredRowModel(),\n        getPaginationRowModel: getPaginationRowModel(),\n    })\n\n    return (\n        <>\n            <Table>\n                <THead>\n                    {table.getHeaderGroups().map((headerGroup) => (\n                        <Tr key={headerGroup.id}>\n                            {headerGroup.headers.map((header) => {\n                                return (\n                                    <Th\n                                        key={header.id}\n                                        colSpan={header.colSpan}\n                                    >\n                                        {flexRender(\n                                            header.column.columnDef.header,\n                                            header.getContext(),\n                                        )}\n                                    </Th>\n                                )\n                            })}\n                        </Tr>\n                    ))}\n                </THead>\n                <TBody>\n                    {table.getRowModel().rows.map((row) => {\n                        return (\n                            <Tr key={row.id}>\n                                {row.getVisibleCells().map((cell) => {\n                                    return (\n                                        <Td key={cell.id}>\n                                            {flexRender(\n                                                cell.column.columnDef.cell,\n                                                cell.getContext(),\n                                            )}\n                                        </Td>\n                                    )\n                                })}\n                            </Tr>\n                        )\n                    })}\n                </TBody>\n            </Table>\n        </>\n    )\n}\n\nexport default RowSelection\n"],"names":["Tr","Th","Td","THead","TBody","Table","IndeterminateCheckbox","indeterminate","onChange","rest","ref","useRef","useEffect","jsx","Checkbox","_","RowSelection","rowSelection","setRowSelection","useState","columns","useMemo","table","row","data","data10","useReactTable","getCoreRowModel","getFilteredRowModel","getPaginationRowModel","Fragment","headerGroup","header","flexRender","cell"],"mappings":"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"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Simple.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Table/Simple.tsx"],"sourcesContent":["import Table from '@/components/ui/Table'\n\nconst { Tr, Th, Td, THead, TBody } = Table\n\nconst Simple = () => {\n    return (\n        <div>\n            <Table>\n                <THead>\n                    <Tr>\n                        <Th>Company</Th>\n                        <Th>Contact</Th>\n                        <Th>Country</Th>\n                    </Tr>\n                </THead>\n                <TBody>\n                    <Tr>\n                        <Td>Alfreds Futterkiste</Td>\n                        <Td>Maria Anders</Td>\n                        <Td>Germany</Td>\n                    </Tr>\n                    <Tr>\n                        <Td>Centro comercial Moctezuma</Td>\n                        <Td>Francisco Chang</Td>\n                        <Td>Mexico</Td>\n                    </Tr>\n                    <Tr>\n                        <Td>Ernst Handel</Td>\n                        <Td>Roland Mendel</Td>\n                        <Td>Austria</Td>\n                    </Tr>\n                </TBody>\n            </Table>\n        </div>\n    )\n}\n\nexport default Simple\n"],"names":["Tr","Th","Td","THead","TBody","Table","Simple","jsx","jsxs"],"mappings":";;AAEA,MAAM,EAAE,IAAAA,GAAI,IAAAC,GAAI,IAAAC,GAAI,OAAAC,GAAO,OAAAC,MAAUC,GAE/BC,IAAS,MAEP,gBAAAC,EAAC,OAAA,EACG,UAAA,gBAAAC,EAACH,GAAA,EACG,UAAA;AAAA,EAAA,gBAAAE,EAACJ,GAAA,EACG,4BAACH,GAAA,EACG,UAAA;AAAA,IAAA,gBAAAO,EAACN,KAAG,UAAA,UAAA,CAAO;AAAA,IACX,gBAAAM,EAACN,KAAG,UAAA,UAAA,CAAO;AAAA,IACX,gBAAAM,EAACN,KAAG,UAAA,UAAA,CAAO;AAAA,EAAA,EAAA,CACf,EAAA,CACJ;AAAA,oBACCG,GAAA,EACG,UAAA;AAAA,IAAA,gBAAAI,EAACR,GAAA,EACG,UAAA;AAAA,MAAA,gBAAAO,EAACL,KAAG,UAAA,sBAAA,CAAmB;AAAA,MACvB,gBAAAK,EAACL,KAAG,UAAA,eAAA,CAAY;AAAA,MAChB,gBAAAK,EAACL,KAAG,UAAA,UAAA,CAAO;AAAA,IAAA,GACf;AAAA,sBACCF,GAAA,EACG,UAAA;AAAA,MAAA,gBAAAO,EAACL,KAAG,UAAA,6BAAA,CAA0B;AAAA,MAC9B,gBAAAK,EAACL,KAAG,UAAA,kBAAA,CAAe;AAAA,MACnB,gBAAAK,EAACL,KAAG,UAAA,SAAA,CAAM;AAAA,IAAA,GACd;AAAA,sBACCF,GAAA,EACG,UAAA;AAAA,MAAA,gBAAAO,EAACL,KAAG,UAAA,eAAA,CAAY;AAAA,MAChB,gBAAAK,EAACL,KAAG,UAAA,gBAAA,CAAa;AAAA,MACjB,gBAAAK,EAACL,KAAG,UAAA,UAAA,CAAO;AAAA,IAAA,EAAA,CACf;AAAA,EAAA,EAAA,CACJ;AAAA,EAAA,CACJ,EAAA,CACJ;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sorting.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Table/Sorting.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Table from '@/components/ui/Table'\nimport {\n    flexRender,\n    getCoreRowModel,\n    getSortedRowModel,\n    useReactTable,\n} from '@tanstack/react-table'\nimport type { ColumnDef, ColumnSort } from '@tanstack/react-table'\n\ntype Person = {\n    firstName: string\n    lastName: string\n    age: number\n    visits: number\n    progress: number\n    status: string\n}\n\nconst columns: ColumnDef<Person>[] = [\n    {\n        header: 'First Name',\n        accessorKey: 'firstName',\n    },\n    {\n        header: 'Last Name',\n        accessorKey: 'lastName',\n    },\n    {\n        header: 'Age',\n        accessorKey: 'age',\n    },\n    {\n        header: 'Visits',\n        accessorKey: 'visits',\n    },\n    {\n        header: 'Status',\n        accessorKey: 'status',\n    },\n    {\n        header: 'Profile Progress',\n        accessorKey: 'progress',\n    },\n]\n\nconst data = [\n    {\n        firstName: 'Maria',\n        lastName: 'Anders',\n        age: 24,\n        visits: 28,\n        progress: 56,\n        status: 'complicated',\n    },\n    {\n        firstName: 'Francisco',\n        lastName: 'Chang',\n        age: 9,\n        visits: 90,\n        progress: 77,\n        status: 'single',\n    },\n    {\n        firstName: 'Roland',\n        lastName: 'Mendel',\n        age: 1,\n        visits: 16,\n        progress: 56,\n        status: 'single',\n    },\n    {\n        firstName: 'Helen',\n        lastName: 'Bennett',\n        age: 43,\n        visits: 94,\n        progress: 53,\n        status: 'single',\n    },\n    {\n        firstName: 'Yoshi ',\n        lastName: 'Tannamuri',\n        age: 37,\n        visits: 85,\n        progress: 28,\n        status: 'single',\n    },\n]\n\nconst { Tr, Th, Td, THead, TBody, Sorter } = Table\n\nconst Sorting = () => {\n    const [sorting, setSorting] = useState<ColumnSort[]>([])\n\n    const table = useReactTable({\n        data,\n        columns,\n        state: {\n            sorting,\n        },\n        onSortingChange: setSorting,\n        getCoreRowModel: getCoreRowModel(),\n        getSortedRowModel: getSortedRowModel(),\n    })\n\n    return (\n        <>\n            <Table>\n                <THead>\n                    {table.getHeaderGroups().map((headerGroup) => (\n                        <Tr key={headerGroup.id}>\n                            {headerGroup.headers.map((header) => {\n                                return (\n                                    <Th\n                                        key={header.id}\n                                        colSpan={header.colSpan}\n                                    >\n                                        {header.isPlaceholder ? null : (\n                                            <div\n                                                {...{\n                                                    className:\n                                                        header.column.getCanSort()\n                                                            ? 'cursor-pointer select-none'\n                                                            : '',\n                                                    onClick:\n                                                        header.column.getToggleSortingHandler(),\n                                                }}\n                                            >\n                                                {flexRender(\n                                                    header.column.columnDef\n                                                        .header,\n                                                    header.getContext(),\n                                                )}\n                                                {\n                                                    <Sorter\n                                                        sort={header.column.getIsSorted()}\n                                                    />\n                                                }\n                                            </div>\n                                        )}\n                                    </Th>\n                                )\n                            })}\n                        </Tr>\n                    ))}\n                </THead>\n                <TBody>\n                    {table\n                        .getRowModel()\n                        .rows.slice(0, 10)\n                        .map((row) => {\n                            return (\n                                <Tr key={row.id}>\n                                    {row.getVisibleCells().map((cell) => {\n                                        return (\n                                            <Td key={cell.id}>\n                                                {flexRender(\n                                                    cell.column.columnDef.cell,\n                                                    cell.getContext(),\n                                                )}\n                                            </Td>\n                                        )\n                                    })}\n                                </Tr>\n                            )\n                        })}\n                </TBody>\n            </Table>\n        </>\n    )\n}\n\nexport default Sorting\n"],"names":["columns","data","Tr","Th","Td","THead","TBody","Sorter","Table","Sorting","sorting","setSorting","useState","table","useReactTable","getCoreRowModel","getSortedRowModel","jsx","Fragment","headerGroup","header","jsxs","flexRender","row","cell"],"mappings":"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"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"SubComponent.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Table/SubComponent.tsx"],"sourcesContent":["import { useMemo, Fragment } from 'react'\nimport Table from '@/components/ui/Table'\nimport {\n    useReactTable,\n    getCoreRowModel,\n    getExpandedRowModel,\n    flexRender,\n} from '@tanstack/react-table'\nimport { dataWithSubRows } from './data'\nimport { HiOutlineChevronRight, HiOutlineChevronDown } from 'react-icons/hi'\nimport type { PersonWithSubRow } from './data'\nimport type { ColumnDef, Row } from '@tanstack/react-table'\nimport type { ReactElement } from 'react'\n\ntype ReactTableProps<T> = {\n    renderRowSubComponent: (props: { row: Row<T> }) => ReactElement\n    getRowCanExpand: (row: Row<T>) => boolean\n}\n\nconst { Tr, Th, Td, THead, TBody } = Table\n\nfunction ReactTable({\n    renderRowSubComponent,\n    getRowCanExpand,\n}: ReactTableProps<PersonWithSubRow>) {\n    const columns = useMemo<ColumnDef<PersonWithSubRow>[]>(\n        () => [\n            {\n                // Make an expander cell\n                header: () => null, // No header\n                id: 'expander', // It needs an ID\n                cell: ({ row }) => (\n                    <>\n                        {row.getCanExpand() ? (\n                            <button\n                                className=\"text-lg\"\n                                {...{ onClick: row.getToggleExpandedHandler() }}\n                            >\n                                {row.getIsExpanded() ? (\n                                    <HiOutlineChevronDown />\n                                ) : (\n                                    <HiOutlineChevronRight />\n                                )}\n                            </button>\n                        ) : null}\n                    </>\n                ),\n                // We can override the cell renderer with a SubCell to be used with an expanded row\n                subCell: () => null, // No expander on an expanded row\n            },\n            {\n                header: 'First Name',\n                accessorKey: 'firstName',\n            },\n            {\n                header: 'Last Name',\n                accessorKey: 'lastName',\n            },\n            {\n                header: 'Age',\n                accessorKey: 'age',\n            },\n            {\n                header: 'Visits',\n                accessorKey: 'visits',\n            },\n            {\n                header: 'Status',\n                accessorKey: 'status',\n            },\n            {\n                header: 'Profile Progress',\n                accessorKey: 'progress',\n            },\n        ],\n        [],\n    )\n\n    const table = useReactTable({\n        data: dataWithSubRows,\n        columns,\n        getRowCanExpand,\n        getCoreRowModel: getCoreRowModel(),\n        getExpandedRowModel: getExpandedRowModel(),\n    })\n\n    return (\n        <>\n            <Table>\n                <THead>\n                    {table.getHeaderGroups().map((headerGroup) => (\n                        <Tr key={headerGroup.id}>\n                            {headerGroup.headers.map((header) => {\n                                return (\n                                    <Th\n                                        key={header.id}\n                                        colSpan={header.colSpan}\n                                    >\n                                        {flexRender(\n                                            header.column.columnDef.header,\n                                            header.getContext(),\n                                        )}\n                                    </Th>\n                                )\n                            })}\n                        </Tr>\n                    ))}\n                </THead>\n                <TBody>\n                    {table.getRowModel().rows.map((row) => {\n                        return (\n                            <Fragment key={row.id}>\n                                <Tr>\n                                    {/* first row is a normal row */}\n                                    {row.getVisibleCells().map((cell) => {\n                                        return (\n                                            <td key={cell.id}>\n                                                {flexRender(\n                                                    cell.column.columnDef.cell,\n                                                    cell.getContext(),\n                                                )}\n                                            </td>\n                                        )\n                                    })}\n                                </Tr>\n                                {row.getIsExpanded() && (\n                                    <Tr>\n                                        {/* 2nd row is a custom 1 cell row */}\n                                        <Td\n                                            colSpan={\n                                                row.getVisibleCells().length\n                                            }\n                                        >\n                                            {renderRowSubComponent({ row })}\n                                        </Td>\n                                    </Tr>\n                                )}\n                            </Fragment>\n                        )\n                    })}\n                </TBody>\n            </Table>\n        </>\n    )\n}\n\nconst renderSubComponent = ({ row }: { row: Row<PersonWithSubRow> }) => {\n    return (\n        <pre style={{ fontSize: '10px' }}>\n            <code>{JSON.stringify(row.original, null, 2)}</code>\n        </pre>\n    )\n}\n\nconst SubComponent = () => {\n    return (\n        <ReactTable\n            renderRowSubComponent={renderSubComponent}\n            getRowCanExpand={() => true}\n        />\n    )\n}\n\nexport default SubComponent\n"],"names":["Tr","Th","Td","THead","TBody","Table","ReactTable","renderRowSubComponent","getRowCanExpand","columns","useMemo","row","jsx","Fragment","HiOutlineChevronDown","HiOutlineChevronRight","table","useReactTable","dataWithSubRows","getCoreRowModel","getExpandedRowModel","headerGroup","header","flexRender","jsxs","cell","renderSubComponent","SubComponent"],"mappings":"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"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/ui-components/data-display/Table/data/index.ts"],"sourcesContent":["export type Person = {\n    id: number\n    firstName: string\n    lastName: string\n    email: string\n    gender: string\n}\n\nexport type PersonWithSubRow = {\n    firstName: string\n    lastName: string\n    age: number\n    visits: number\n    progress: number\n    status: string\n    subRows?: PersonWithSubRow[]\n}\n\nexport const data100: Person[] = [\n    {\n        id: 1,\n        firstName: 'Alastair',\n        lastName: 'Dilkes',\n        email: 'adilkes0@jigsy.com',\n        gender: 'Female',\n    },\n    {\n        id: 2,\n        firstName: 'Matthaeus',\n        lastName: 'Graber',\n        email: 'mgraber1@adobe.com',\n        gender: 'Genderqueer',\n    },\n    {\n        id: 3,\n        firstName: 'Gayel',\n        lastName: 'Croxley',\n        email: 'gcroxley2@businessinsider.com',\n        gender: 'Male',\n    },\n    {\n        id: 4,\n        firstName: 'Gracia',\n        lastName: 'Domegan',\n        email: 'gdomegan3@reference.com',\n        gender: 'Genderfluid',\n    },\n    {\n        id: 5,\n        firstName: 'Galvan',\n        lastName: 'Beringer',\n        email: 'gberinger4@yellowpages.com',\n        gender: 'Agender',\n    },\n    {\n        id: 6,\n        firstName: 'Maud',\n        lastName: 'Aicheson',\n        email: 'maicheson5@ycombinator.com',\n        gender: 'Male',\n    },\n    {\n        id: 7,\n        firstName: 'Gwenette',\n        lastName: 'Dailey',\n        email: 'gdailey6@state.tx.us',\n        gender: 'Genderfluid',\n    },\n    {\n        id: 8,\n        firstName: 'Marius',\n        lastName: 'Leman',\n        email: 'mleman7@cnn.com',\n        gender: 'Genderfluid',\n    },\n    {\n        id: 9,\n        firstName: 'Natka',\n        lastName: 'Varcoe',\n        email: 'nvarcoe8@hhs.gov',\n        gender: 'Male',\n    },\n    {\n        id: 10,\n        firstName: 'Kellie',\n        lastName: 'Ackerley',\n        email: 'kackerley9@posterous.com',\n        gender: 'Genderfluid',\n    },\n    {\n        id: 11,\n        firstName: 'Kimbell',\n        lastName: 'Shilling',\n        email: 'kshillinga@ibm.com',\n        gender: 'Agender',\n    },\n    {\n        id: 12,\n        firstName: 'Tammy',\n        lastName: 'Mattinson',\n        email: 'tmattinsonb@g.co',\n        gender: 'Bigender',\n    },\n    {\n        id: 13,\n        firstName: 'Antony',\n        lastName: 'Bodemeaid',\n        email: 'abodemeaidc@google.com',\n        gender: 'Genderqueer',\n    },\n    {\n        id: 14,\n        firstName: 'Cordey',\n        lastName: 'Brockway',\n        email: 'cbrockwayd@ucoz.ru',\n        gender: 'Male',\n    },\n    {\n        id: 15,\n        firstName: 'Ammamaria',\n        lastName: 'Jaqueme',\n        email: 'ajaquemee@google.fr',\n        gender: 'Polygender',\n    },\n    {\n        id: 16,\n        firstName: 'Urbano',\n        lastName: 'Potter',\n        email: 'upotterf@symantec.com',\n        gender: 'Agender',\n    },\n    {\n        id: 17,\n        firstName: 'Omar',\n        lastName: 'Simyson',\n        email: 'osimysong@de.vu',\n        gender: 'Non-binary',\n    },\n    {\n        id: 18,\n        firstName: 'Olva',\n        lastName: 'Shoubridge',\n        email: 'oshoubridgeh@senate.gov',\n        gender: 'Genderfluid',\n    },\n    {\n        id: 19,\n        firstName: 'Dominic',\n        lastName: 'Nibloe',\n        email: 'dnibloei@php.net',\n        gender: 'Bigender',\n    },\n    {\n        id: 20,\n        firstName: 'Caryn',\n        lastName: 'Kermott',\n        email: 'ckermottj@trellian.com',\n        gender: 'Agender',\n    },\n    {\n        id: 21,\n        firstName: 'Amberly',\n        lastName: 'Parham',\n        email: 'aparhamk@webnode.com',\n        gender: 'Genderfluid',\n    },\n    {\n        id: 22,\n        firstName: 'Odell',\n        lastName: 'Willman',\n        email: 'owillmanl@instagram.com',\n        gender: 'Agender',\n    },\n    {\n        id: 23,\n        firstName: 'Ahmad',\n        lastName: 'Shuttell',\n        email: 'ashuttellm@studiopress.com',\n        gender: 'Agender',\n    },\n    {\n        id: 24,\n        firstName: 'Wynnie',\n        lastName: 'Welberry',\n        email: 'wwelberryn@ovh.net',\n        gender: 'Bigender',\n    },\n    {\n        id: 25,\n        firstName: 'Matt',\n        lastName: 'McFee',\n        email: 'mmcfeeo@msn.com',\n        gender: 'Male',\n    },\n    {\n        id: 26,\n        firstName: 'Cristi',\n        lastName: 'Ollander',\n        email: 'collanderp@wikia.com',\n        gender: 'Genderqueer',\n    },\n    {\n        id: 27,\n        firstName: 'Sapphira',\n        lastName: 'Allot',\n        email: 'sallotq@kickstarter.com',\n        gender: 'Polygender',\n    },\n    {\n        id: 28,\n        firstName: 'Karalynn',\n        lastName: 'Skellorne',\n        email: 'kskellorner@nasa.gov',\n        gender: 'Male',\n    },\n    {\n        id: 29,\n        firstName: 'Meyer',\n        lastName: 'Callister',\n        email: 'mcallisters@shinystat.com',\n        gender: 'Genderfluid',\n    },\n    {\n        id: 30,\n        firstName: 'Berthe',\n        lastName: 'Horsfield',\n        email: 'bhorsfieldt@tumblr.com',\n        gender: 'Bigender',\n    },\n    {\n        id: 31,\n        firstName: 'Gratiana',\n        lastName: 'Southouse',\n        email: 'gsouthouseu@w3.org',\n        gender: 'Agender',\n    },\n    {\n        id: 32,\n        firstName: 'Harley',\n        lastName: 'Fleckno',\n        email: 'hflecknov@opensource.org',\n        gender: 'Genderqueer',\n    },\n    {\n        id: 33,\n        firstName: 'Elsie',\n        lastName: 'Medendorp',\n        email: 'emedendorpw@google.pl',\n        gender: 'Genderqueer',\n    },\n    {\n        id: 34,\n        firstName: 'Mychal',\n        lastName: 'Redhouse',\n        email: 'mredhousex@comcast.net',\n        gender: 'Polygender',\n    },\n    {\n        id: 35,\n        firstName: 'Gertrud',\n        lastName: 'French',\n        email: 'gfrenchy@netscape.com',\n        gender: 'Genderfluid',\n    },\n    {\n        id: 36,\n        firstName: 'Corrie',\n        lastName: 'Wallace',\n        email: 'cwallacez@i2i.jp',\n        gender: 'Genderqueer',\n    },\n    {\n        id: 37,\n        firstName: 'Frants',\n        lastName: 'Pinnocke',\n        email: 'fpinnocke10@disqus.com',\n        gender: 'Male',\n    },\n    {\n        id: 38,\n        firstName: 'Ardath',\n        lastName: 'Dungay',\n        email: 'adungay11@naver.com',\n        gender: 'Non-binary',\n    },\n    {\n        id: 39,\n        firstName: 'Cullan',\n        lastName: 'MacCartney',\n        email: 'cmaccartney12@hhs.gov',\n        gender: 'Genderqueer',\n    },\n    {\n        id: 40,\n        firstName: 'Lissie',\n        lastName: 'Dillaway',\n        email: 'ldillaway13@dell.com',\n        gender: 'Polygender',\n    },\n    {\n        id: 41,\n        firstName: 'Roslyn',\n        lastName: 'Joburn',\n        email: 'rjoburn14@toplist.cz',\n        gender: 'Genderqueer',\n    },\n    {\n        id: 42,\n        firstName: 'Raeann',\n        lastName: 'Ligertwood',\n        email: 'rligertwood15@yahoo.co.jp',\n        gender: 'Non-binary',\n    },\n    {\n        id: 43,\n        firstName: 'Dot',\n        lastName: 'Barling',\n        email: 'dbarling16@usgs.gov',\n        gender: 'Genderfluid',\n    },\n    {\n        id: 44,\n        firstName: 'Thaxter',\n        lastName: 'Kinleyside',\n        email: 'tkinleyside17@istockphoto.com',\n        gender: 'Agender',\n    },\n    {\n        id: 45,\n        firstName: 'Anya',\n        lastName: 'Perri',\n        email: 'aperri18@fastcompany.com',\n        gender: 'Male',\n    },\n    {\n        id: 46,\n        firstName: 'Hayyim',\n        lastName: 'Houndson',\n        email: 'hhoundson19@wsj.com',\n        gender: 'Bigender',\n    },\n    {\n        id: 47,\n        firstName: 'Kristos',\n        lastName: 'Braun',\n        email: 'kbraun1a@who.int',\n        gender: 'Polygender',\n    },\n    {\n        id: 48,\n        firstName: 'Joseito',\n        lastName: 'Chaise',\n        email: 'jchaise1b@cbc.ca',\n        gender: 'Polygender',\n    },\n    {\n        id: 49,\n        firstName: 'Teriann',\n        lastName: 'Bassingham',\n        email: 'tbassingham1c@oracle.com',\n        gender: 'Polygender',\n    },\n    {\n        id: 50,\n        firstName: 'Quinta',\n        lastName: 'Sahlstrom',\n        email: 'qsahlstrom1d@msu.edu',\n        gender: 'Bigender',\n    },\n    {\n        id: 51,\n        firstName: 'Philip',\n        lastName: 'MacGaughy',\n        email: 'pmacgaughy1e@usa.gov',\n        gender: 'Agender',\n    },\n    {\n        id: 52,\n        firstName: 'Leonhard',\n        lastName: 'Clawe',\n        email: 'lclawe1f@sfgate.com',\n        gender: 'Non-binary',\n    },\n    {\n        id: 53,\n        firstName: 'Gilles',\n        lastName: 'Rylett',\n        email: 'grylett1g@blogger.com',\n        gender: 'Female',\n    },\n    {\n        id: 54,\n        firstName: 'Romain',\n        lastName: 'McCutheon',\n        email: 'rmccutheon1h@miitbeian.gov.cn',\n        gender: 'Polygender',\n    },\n    {\n        id: 55,\n        firstName: 'Kimberly',\n        lastName: 'Ripsher',\n        email: 'kripsher1i@quantcast.com',\n        gender: 'Agender',\n    },\n    {\n        id: 56,\n        firstName: 'Alexia',\n        lastName: 'Reder',\n        email: 'areder1j@wordpress.com',\n        gender: 'Non-binary',\n    },\n    {\n        id: 57,\n        firstName: 'Ally',\n        lastName: 'Mossbee',\n        email: 'amossbee1k@umn.edu',\n        gender: 'Bigender',\n    },\n    {\n        id: 58,\n        firstName: 'Maxi',\n        lastName: 'Alliston',\n        email: 'malliston1l@blogs.com',\n        gender: 'Agender',\n    },\n    {\n        id: 59,\n        firstName: 'Trenna',\n        lastName: 'Habbal',\n        email: 'thabbal1m@umn.edu',\n        gender: 'Bigender',\n    },\n    {\n        id: 60,\n        firstName: 'Nicky',\n        lastName: 'Dowsing',\n        email: 'ndowsing1n@mtv.com',\n        gender: 'Bigender',\n    },\n    {\n        id: 61,\n        firstName: 'Emily',\n        lastName: 'Scrogges',\n        email: 'escrogges1o@goodreads.com',\n        gender: 'Genderqueer',\n    },\n    {\n        id: 62,\n        firstName: 'Veradis',\n        lastName: 'Foxhall',\n        email: 'vfoxhall1p@de.vu',\n        gender: 'Genderqueer',\n    },\n    {\n        id: 63,\n        firstName: 'Cal',\n        lastName: 'Pirrey',\n        email: 'cpirrey1q@chronoengine.com',\n        gender: 'Agender',\n    },\n    {\n        id: 64,\n        firstName: 'Micky',\n        lastName: 'Urridge',\n        email: 'murridge1r@creativecommons.org',\n        gender: 'Bigender',\n    },\n    {\n        id: 65,\n        firstName: 'Larry',\n        lastName: 'Henze',\n        email: 'lhenze1s@cdc.gov',\n        gender: 'Female',\n    },\n    {\n        id: 66,\n        firstName: 'Alia',\n        lastName: 'Baudon',\n        email: 'abaudon1t@telegraph.co.uk',\n        gender: 'Non-binary',\n    },\n    {\n        id: 67,\n        firstName: 'Christiano',\n        lastName: 'Hardy-Piggin',\n        email: 'chardypiggin1u@google.it',\n        gender: 'Genderqueer',\n    },\n    {\n        id: 68,\n        firstName: 'Tann',\n        lastName: 'Iorizzi',\n        email: 'tiorizzi1v@yahoo.com',\n        gender: 'Non-binary',\n    },\n    {\n        id: 69,\n        firstName: 'Oralia',\n        lastName: 'Saipy',\n        email: 'osaipy1w@delicious.com',\n        gender: 'Bigender',\n    },\n    {\n        id: 70,\n        firstName: 'Karyl',\n        lastName: 'Kynge',\n        email: 'kkynge1x@state.gov',\n        gender: 'Agender',\n    },\n    {\n        id: 71,\n        firstName: 'Franciskus',\n        lastName: 'MacCumeskey',\n        email: 'fmaccumeskey1y@about.me',\n        gender: 'Non-binary',\n    },\n    {\n        id: 72,\n        firstName: 'Pansy',\n        lastName: 'Thebes',\n        email: 'pthebes1z@cdc.gov',\n        gender: 'Genderqueer',\n    },\n    {\n        id: 73,\n        firstName: 'Ab',\n        lastName: 'Pogson',\n        email: 'apogson20@flavors.me',\n        gender: 'Genderfluid',\n    },\n    {\n        id: 74,\n        firstName: 'Mollee',\n        lastName: 'McFeate',\n        email: 'mmcfeate21@yahoo.co.jp',\n        gender: 'Polygender',\n    },\n    {\n        id: 75,\n        firstName: 'Fleming',\n        lastName: 'Karmel',\n        email: 'fkarmel22@sphinn.com',\n        gender: 'Male',\n    },\n    {\n        id: 76,\n        firstName: 'Gerek',\n        lastName: 'Shivlin',\n        email: 'gshivlin23@ox.ac.uk',\n        gender: 'Bigender',\n    },\n    {\n        id: 77,\n        firstName: 'Anabel',\n        lastName: 'Ditch',\n        email: 'aditch24@examiner.com',\n        gender: 'Polygender',\n    },\n    {\n        id: 78,\n        firstName: 'Mohammed',\n        lastName: 'De Gouy',\n        email: 'mdegouy25@aol.com',\n        gender: 'Genderfluid',\n    },\n    {\n        id: 79,\n        firstName: 'Bogart',\n        lastName: 'Bertin',\n        email: 'bbertin26@salon.com',\n        gender: 'Polygender',\n    },\n    {\n        id: 80,\n        firstName: 'Kristin',\n        lastName: 'Oliveras',\n        email: 'koliveras27@topsy.com',\n        gender: 'Genderfluid',\n    },\n    {\n        id: 81,\n        firstName: 'Genevra',\n        lastName: 'Crosskell',\n        email: 'gcrosskell28@goo.ne.jp',\n        gender: 'Female',\n    },\n    {\n        id: 82,\n        firstName: 'Georgianne',\n        lastName: 'Bosanko',\n        email: 'gbosanko29@state.tx.us',\n        gender: 'Genderqueer',\n    },\n    {\n        id: 83,\n        firstName: 'Michel',\n        lastName: 'Watters',\n        email: 'mwatters2a@state.gov',\n        gender: 'Genderfluid',\n    },\n    {\n        id: 84,\n        firstName: 'Waylen',\n        lastName: 'Summerlee',\n        email: 'wsummerlee2b@ed.gov',\n        gender: 'Male',\n    },\n    {\n        id: 85,\n        firstName: 'Dix',\n        lastName: 'Dikes',\n        email: 'ddikes2c@drupal.org',\n        gender: 'Male',\n    },\n    {\n        id: 86,\n        firstName: 'Cymbre',\n        lastName: 'Dinwoodie',\n        email: 'cdinwoodie2d@gizmodo.com',\n        gender: 'Agender',\n    },\n    {\n        id: 87,\n        firstName: 'Milo',\n        lastName: 'Keeley',\n        email: 'mkeeley2e@imdb.com',\n        gender: 'Genderqueer',\n    },\n    {\n        id: 88,\n        firstName: 'Harman',\n        lastName: 'Ahmad',\n        email: 'hahmad2f@123-reg.co.uk',\n        gender: 'Genderfluid',\n    },\n    {\n        id: 89,\n        firstName: 'Ronalda',\n        lastName: 'Cush',\n        email: 'rcush2g@blogtalkradio.com',\n        gender: 'Polygender',\n    },\n    {\n        id: 90,\n        firstName: 'Annabell',\n        lastName: 'Plessing',\n        email: 'aplessing2h@shinystat.com',\n        gender: 'Agender',\n    },\n    {\n        id: 91,\n        firstName: 'Melisse',\n        lastName: 'Dalzell',\n        email: 'mdalzell2i@vk.com',\n        gender: 'Genderqueer',\n    },\n    {\n        id: 92,\n        firstName: 'Morley',\n        lastName: 'Cregg',\n        email: 'mcregg2j@google.com',\n        gender: 'Polygender',\n    },\n    {\n        id: 93,\n        firstName: 'Piggy',\n        lastName: 'Ormerod',\n        email: 'pormerod2k@latimes.com',\n        gender: 'Genderfluid',\n    },\n    {\n        id: 94,\n        firstName: 'Teresa',\n        lastName: 'Infante',\n        email: 'tinfante2l@php.net',\n        gender: 'Female',\n    },\n    {\n        id: 95,\n        firstName: 'Karlene',\n        lastName: 'Tackes',\n        email: 'ktackes2m@mapquest.com',\n        gender: 'Male',\n    },\n    {\n        id: 96,\n        firstName: 'Tobe',\n        lastName: 'Dethloff',\n        email: 'tdethloff2n@tamu.edu',\n        gender: 'Non-binary',\n    },\n    {\n        id: 97,\n        firstName: 'Vally',\n        lastName: 'Joddins',\n        email: 'vjoddins2o@devhub.com',\n        gender: 'Female',\n    },\n    {\n        id: 98,\n        firstName: 'Ferdinanda',\n        lastName: 'Oty',\n        email: 'foty2p@shutterfly.com',\n        gender: 'Female',\n    },\n    {\n        id: 99,\n        firstName: 'Amory',\n        lastName: 'Asplen',\n        email: 'aasplen2q@va.gov',\n        gender: 'Non-binary',\n    },\n    {\n        id: 100,\n        firstName: 'Seamus',\n        lastName: 'Swallwell',\n        email: 'sswallwell2r@mapy.cz',\n        gender: 'Non-binary',\n    },\n]\n\nexport const data10: Person[] = [\n    {\n        id: 1,\n        firstName: 'Alastair',\n        lastName: 'Dilkes',\n        email: 'adilkes0@jigsy.com',\n        gender: 'Female',\n    },\n    {\n        id: 2,\n        firstName: 'Matthaeus',\n        lastName: 'Graber',\n        email: 'mgraber1@adobe.com',\n        gender: 'Genderqueer',\n    },\n    {\n        id: 3,\n        firstName: 'Gayel',\n        lastName: 'Croxley',\n        email: 'gcroxley2@businessinsider.com',\n        gender: 'Male',\n    },\n    {\n        id: 4,\n        firstName: 'Gracia',\n        lastName: 'Domegan',\n        email: 'gdomegan3@reference.com',\n        gender: 'Genderfluid',\n    },\n    {\n        id: 5,\n        firstName: 'Galvan',\n        lastName: 'Beringer',\n        email: 'gberinger4@yellowpages.com',\n        gender: 'Agender',\n    },\n    {\n        id: 6,\n        firstName: 'Maud',\n        lastName: 'Aicheson',\n        email: 'maicheson5@ycombinator.com',\n        gender: 'Male',\n    },\n    {\n        id: 7,\n        firstName: 'Gwenette',\n        lastName: 'Dailey',\n        email: 'gdailey6@state.tx.us',\n        gender: 'Genderfluid',\n    },\n    {\n        id: 8,\n        firstName: 'Marius',\n        lastName: 'Leman',\n        email: 'mleman7@cnn.com',\n        gender: 'Genderfluid',\n    },\n    {\n        id: 9,\n        firstName: 'Natka',\n        lastName: 'Varcoe',\n        email: 'nvarcoe8@hhs.gov',\n        gender: 'Male',\n    },\n    {\n        id: 10,\n        firstName: 'Kellie',\n        lastName: 'Ackerley',\n        email: 'kackerley9@posterous.com',\n        gender: 'Genderfluid',\n    },\n]\n\nexport const dataWithSubRows: PersonWithSubRow[] = [\n    {\n        firstName: 'Maria',\n        lastName: 'Anders',\n        age: 24,\n        visits: 28,\n        progress: 56,\n        status: 'complicated',\n        subRows: [\n            {\n                firstName: 'newspaper',\n                lastName: 'dinner',\n                age: 25,\n                visits: 2,\n                progress: 78,\n                status: 'single',\n                subRows: undefined,\n            },\n            {\n                firstName: 'whip',\n                lastName: 'marriage',\n                age: 3,\n                visits: 95,\n                progress: 65,\n                status: 'single',\n                subRows: undefined,\n            },\n            {\n                firstName: 'bee',\n                lastName: 'invention',\n                age: 7,\n                visits: 83,\n                progress: 68,\n                status: 'complicated',\n                subRows: undefined,\n            },\n        ],\n    },\n    {\n        firstName: 'Francisco',\n        lastName: 'Chang',\n        age: 9,\n        visits: 90,\n        progress: 77,\n        status: 'single',\n        subRows: [\n            {\n                firstName: 'beds',\n                lastName: 'fairies',\n                age: 16,\n                visits: 82,\n                progress: 87,\n                status: 'single',\n                subRows: undefined,\n            },\n            {\n                firstName: 'cloth',\n                lastName: 'control',\n                age: 11,\n                visits: 8,\n                progress: 75,\n                status: 'single',\n                subRows: undefined,\n            },\n        ],\n    },\n    {\n        firstName: 'Roland',\n        lastName: 'Mendel',\n        age: 1,\n        visits: 16,\n        progress: 56,\n        status: 'single',\n        subRows: [\n            {\n                firstName: 'newspaper',\n                lastName: 'dinner',\n                age: 25,\n                visits: 2,\n                progress: 78,\n                status: 'single',\n                subRows: undefined,\n            },\n            {\n                firstName: 'whip',\n                lastName: 'marriage',\n                age: 3,\n                visits: 95,\n                progress: 65,\n                status: 'single',\n                subRows: undefined,\n            },\n            {\n                firstName: 'bee',\n                lastName: 'invention',\n                age: 7,\n                visits: 83,\n                progress: 68,\n                status: 'complicated',\n                subRows: undefined,\n            },\n            {\n                firstName: 'stage',\n                lastName: 'cherries',\n                age: 14,\n                visits: 94,\n                progress: 53,\n                status: 'relationship',\n                subRows: undefined,\n            },\n        ],\n    },\n    {\n        firstName: 'Helen',\n        lastName: 'Bennett',\n        age: 43,\n        visits: 94,\n        progress: 53,\n        status: 'single',\n        subRows: [\n            {\n                firstName: 'scarf',\n                lastName: 'requirement',\n                age: 23,\n                visits: 93,\n                progress: 40,\n                status: 'relationship',\n                subRows: undefined,\n            },\n        ],\n    },\n    {\n        firstName: 'Yoshi ',\n        lastName: 'Tannamuri',\n        age: 37,\n        visits: 85,\n        progress: 28,\n        status: 'single',\n        subRows: [\n            {\n                firstName: 'tray',\n                lastName: 'chemistry',\n                age: 29,\n                visits: 55,\n                progress: 87,\n                status: 'relationship',\n                subRows: undefined,\n            },\n            {\n                firstName: 'fiction',\n                lastName: 'grade',\n                age: 27,\n                visits: 98,\n                progress: 15,\n                status: 'complicated',\n                subRows: undefined,\n            },\n        ],\n    },\n]\n"],"names":["data100","data10","dataWithSubRows"],"mappings":"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"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Table/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Simple from './Simple'\nimport Compact from './Compact'\nimport Sorting from './Sorting'\nimport Filtering from './Filtering'\nimport PaginationTable from './PaginationTable'\nimport Group from './Group'\nimport RowSelection from './RowSelection'\nimport Expanding from './Expanding'\nimport SubComponent from './SubComponent'\nimport Editable from './Editable'\nimport DragAndDrop from './DragAndDrop'\nimport Resizable from './Resizable'\n// import VirtualizedRows from './VirtualizedRows'\n\nconst mdPath = 'Table'\n\nconst demoHeader = {\n    title: 'Table',\n    desc: 'Tables display data in rows and columns which make users compare and analyze information easier.',\n}\n\nconst demos = [\n    {\n        mdName: 'Simple',\n        mdPath: mdPath,\n        title: 'Simple',\n        desc: `Simple Table example.`,\n        component: <Simple />,\n    },\n    {\n        mdName: 'Compact',\n        mdPath: mdPath,\n        title: 'Compact',\n        desc: `Table come with compact view which let us display more data.`,\n        component: <Compact />,\n    },\n    {\n        mdName: 'Sorting',\n        mdPath: mdPath,\n        title: 'Sorting',\n        desc: `Columns can be sorted by selecting table headers`,\n        component: <Sorting />,\n    },\n    {\n        mdName: 'Filtering',\n        mdPath: mdPath,\n        title: 'Filtering',\n        desc: `Filtering example.`,\n        component: <Filtering />,\n    },\n    {\n        mdName: 'PaginationTable',\n        mdPath: mdPath,\n        title: 'Pagination',\n        desc: `Table can works with <a href=\"/ui-components/pagination\" class=\"text-blue-500\">Pagination</a> component.`,\n        component: <PaginationTable />,\n    },\n    {\n        mdName: 'Group',\n        mdPath: mdPath,\n        title: 'Group',\n        desc: `Grouping example.`,\n        component: <Group />,\n    },\n    {\n        mdName: 'RowSelection',\n        mdPath: mdPath,\n        title: 'Row Selection',\n        desc: `Row selection example.`,\n        component: <RowSelection />,\n    },\n    {\n        mdName: 'Expanding',\n        mdPath: mdPath,\n        title: 'Expanding',\n        desc: `Row expand example.`,\n        component: <Expanding />,\n    },\n    {\n        mdName: 'SubComponent',\n        mdPath: mdPath,\n        title: 'SubComponent',\n        desc: `Row expand with sub component`,\n        component: <SubComponent />,\n    },\n    {\n        mdName: 'Editable',\n        mdPath: mdPath,\n        title: 'Editable',\n        desc: `Cell editable example`,\n        component: <Editable />,\n    },\n    {\n        mdName: 'DragAndDrop',\n        mdPath: mdPath,\n        title: 'Drag & Drop',\n        desc: `Example of implementing <code>react-dnd</code> to the table.`,\n        component: <DragAndDrop />,\n    },\n    {\n        mdName: 'Resizable',\n        mdPath: mdPath,\n        title: 'Resizable',\n        desc: `Column resize example.`,\n        component: <Resizable />,\n    },\n    // {\n    //     mdName: 'VirtualizedRows',\n    //     mdPath: mdPath,\n    //     title: 'Virtualized Rows',\n    //     desc: `Example of implementing <code>react-window</code> for scrollable table body.`,\n    //     component: <VirtualizedRows />,\n    // },\n]\n\nconst demoApi = [\n    {\n        component: 'Table',\n        api: [\n            {\n                propName: 'asElement',\n                type: `<code>string</code>`,\n                default: `<code>'table'</code>`,\n                desc: 'Render element',\n            },\n            {\n                propName: 'borderlessRow',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Whether to disable the row border in table',\n            },\n            {\n                propName: 'compact',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Whether display table on compact view',\n            },\n            {\n                propName: 'hoverable',\n                type: `<code>boolean</code>`,\n                default: `<code>true</code>`,\n                desc: 'Whether table row able to hover',\n            },\n            {\n                propName: 'overflow',\n                type: `<code>boolean</code>`,\n                default: `<code>true</code>`,\n                desc: 'Whether allow table content overflow',\n            },\n        ],\n    },\n    {\n        component: 'Table.THead',\n        api: [\n            {\n                propName: 'asElement',\n                type: `<code>string</code>`,\n                default: `<code>'thead'</code>`,\n                desc: 'Render element',\n            },\n        ],\n    },\n    {\n        component: 'Table.TBody',\n        api: [\n            {\n                propName: 'asElement',\n                type: `<code>string</code>`,\n                default: `<code>'tbody'</code>`,\n                desc: 'Render element',\n            },\n        ],\n    },\n    {\n        component: 'Table.TFoot',\n        api: [\n            {\n                propName: 'asElement',\n                type: `<code>string</code>`,\n                default: `<code>'tfoot'</code>`,\n                desc: 'Render element',\n            },\n        ],\n    },\n    {\n        component: 'Table.Tr',\n        api: [\n            {\n                propName: 'asElement',\n                type: `<code>string</code>`,\n                default: `<code>'tr'</code>`,\n                desc: 'Render element',\n            },\n        ],\n    },\n    {\n        component: 'Table.Th',\n        api: [\n            {\n                propName: 'asElement',\n                type: `<code>string</code>`,\n                default: `<code>'th'</code>`,\n                desc: 'Render element',\n            },\n        ],\n    },\n    {\n        component: 'Table.Td',\n        api: [\n            {\n                propName: 'asElement',\n                type: `<code>string</code>`,\n                default: `<code>'td'</code>`,\n                desc: 'Render element',\n            },\n        ],\n    },\n    {\n        component: 'Table.Sorter',\n        api: [\n            {\n                propName: 'sort',\n                type: `<code>false | 'asc' | 'desc'</code>`,\n                default: `<code>-</code>`,\n                desc: 'Sort status',\n            },\n        ],\n    },\n]\n\nconst reactTableApi = (\n    <div className=\"demo-api-table mb-12\">\n        <h4 className=\"mb-5\">Dependencies</h4>\n        <h6 id=\"react-table-api\" className=\"mb-3\">\n            React Table\n        </h6>\n        <p className=\"mb-1\">\n            Most of the examples above were integrated with{' '}\n            <code>react-table</code>, its is lightweight and extensible data\n            table component for materialize, filter, sort, group, aggregate,\n            paginate and display massive data. Vist the{' '}\n            <a\n                className=\"underline text-blue-500\"\n                href=\"https://react-table.tanstack.com/docs/overview\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n            >\n                official docs\n            </a>{' '}\n            for futher examples & hooks usage.\n        </p>\n    </div>\n)\n\nconst Table = () => {\n    return (\n        <DemoLayout\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            extra={reactTableApi}\n        />\n    )\n}\n\nexport default Table\n"],"names":["mdPath","demoHeader","demos","Simple","Compact","Sorting","Filtering","PaginationTable","Group","RowSelection","Expanding","SubComponent","Editable","DragAndDrop","Resizable","demoApi","reactTableApi","jsxs","jsx","Table","DemoLayout"],"mappings":";;;;;;;;;;;;;;AAiBA,MAAMA,IAAS,SAETC,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,CAAO;AAAA,EAAA;AAAA,EAEvB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAH;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYI,GAAA,CAAA,CAAQ;AAAA,EAAA;AAAA,EAExB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAJ;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYK,GAAA,CAAA,CAAQ;AAAA,EAAA;AAAA,EAExB;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,CAAgB;AAAA,EAAA;AAAA,EAEhC;AAAA,IACI,QAAQ;AAAA,IACR,QAAAP;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYQ,GAAA,CAAA,CAAM;AAAA,EAAA;AAAA,EAEtB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYS,GAAA,CAAA,CAAa;AAAA,EAAA;AAAA,EAE7B;AAAA,IACI,QAAQ;AAAA,IACR,QAAAT;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYU,GAAA,CAAA,CAAU;AAAA,EAAA;AAAA,EAE1B;AAAA,IACI,QAAQ;AAAA,IACR,QAAAV;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYW,GAAA,CAAA,CAAa;AAAA,EAAA;AAAA,EAE7B;AAAA,IACI,QAAQ;AAAA,IACR,QAAAX;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYY,GAAA,CAAA,CAAS;AAAA,EAAA;AAAA,EAEzB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAZ;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYa,GAAA,CAAA,CAAY;AAAA,EAAA;AAAA,EAE5B;AAAA,IACI,QAAQ;AAAA,IACR,QAAAb;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYc,GAAA,CAAA,CAAU;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS9B,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;AAAA,EAEJ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAAA,EAEJ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAAA,EAEJ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAAA,EAEJ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAAA,EAEJ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAAA,EAEJ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAAA,EAEJ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IACF,gBAAAC,EAAC,OAAA,EAAI,WAAU,wBACX,UAAA;AAAA,EAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,gBAAY;AAAA,oBAChC,MAAA,EAAG,IAAG,mBAAkB,WAAU,QAAO,UAAA,eAE1C;AAAA,EACA,gBAAAD,EAAC,KAAA,EAAE,WAAU,QAAO,UAAA;AAAA,IAAA;AAAA,IACgC;AAAA,IAChD,gBAAAC,EAAC,UAAK,UAAA,cAAA,CAAW;AAAA,IAAO;AAAA,IAEoB;AAAA,IAC5C,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,IAEI;AAAA,IAAI;AAAA,EAAA,EAAA,CAEb;AAAA,GACJ,GAGEC,IAAQ,MAEN,gBAAAD;AAAA,EAACE;AAAA,EAAA;AAAA,IACG,QAAQnB;AAAA,IACR,OAAAC;AAAA,IACA,KAAKa;AAAA,IACL,OAAOC;AAAA,EAAA;AAAA;"}

package/dist/@ecme/views/ui-components/data-display/Tag/Affix.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Affix.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Tag/Affix.tsx"],"sourcesContent":["import Tag from '@/components/ui/Tag'\nimport { HiPlusCircle, HiX } from 'react-icons/hi'\n\nconst Affix = () => {\n    return (\n        <div className=\"flex\">\n            <div className=\"mr-2 rtl:ml-2\">\n                <Tag prefix>Tag 1</Tag>\n            </div>\n            <div className=\"mr-2 rtl:ml-2\">\n                <Tag prefix prefixClass=\"bg-emerald-500\">\n                    Tag 2\n                </Tag>\n            </div>\n            <div className=\"mr-2 rtl:ml-2\">\n                <Tag\n                    prefix={\n                        <HiPlusCircle className=\"text-base text-blue-500 mr-1 rtl:ml-1\" />\n                    }\n                >\n                    Tag 3\n                </Tag>\n            </div>\n            <div className=\"mr-2 rtl:ml-2\">\n                <Tag suffix suffixClass=\"bg-rose-500\">\n                    Tag 4\n                </Tag>\n            </div>\n            <div className=\"mr-2 rtl:ml-2\">\n                <Tag suffix={<HiX className=\"ml-1 rtl:mr-1 cursor-pointer\" />}>\n                    Tag 5\n                </Tag>\n            </div>\n        </div>\n    )\n}\n\nexport default Affix\n"],"names":["Affix","jsxs","jsx","Tag","HiPlusCircle","HiX"],"mappings":";;;;AAGA,MAAMA,IAAQ,MAEN,gBAAAC,EAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,EAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,iBACX,UAAA,gBAAAA,EAACC,KAAI,QAAM,IAAC,mBAAK,EAAA,CACrB;AAAA,EACA,gBAAAD,EAAC,OAAA,EAAI,WAAU,iBACX,UAAA,gBAAAA,EAACC,GAAA,EAAI,QAAM,IAAC,aAAY,kBAAiB,UAAA,QAAA,CAEzC,GACJ;AAAA,EACA,gBAAAD,EAAC,OAAA,EAAI,WAAU,iBACX,UAAA,gBAAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,QACI,gBAAAD,EAACE,GAAA,EAAa,WAAU,wCAAA,CAAwC;AAAA,MAEvE,UAAA;AAAA,IAAA;AAAA,EAAA,GAGL;AAAA,EACA,gBAAAF,EAAC,OAAA,EAAI,WAAU,iBACX,UAAA,gBAAAA,EAACC,GAAA,EAAI,QAAM,IAAC,aAAY,eAAc,UAAA,QAAA,CAEtC,GACJ;AAAA,EACA,gBAAAD,EAAC,OAAA,EAAI,WAAU,iBACX,UAAA,gBAAAA,EAACC,GAAA,EAAI,QAAQ,gBAAAD,EAACG,GAAA,EAAI,WAAU,+BAAA,CAA+B,GAAI,mBAE/D,EAAA,CACJ;AAAA,GACJ;"}

package/dist/@ecme/views/ui-components/data-display/Tag/Basic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Basic.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Tag/Basic.tsx"],"sourcesContent":["import Tag from '@/components/ui/Tag'\n\nconst Basic = () => {\n    return (\n        <div className=\"flex\">\n            <div className=\"mr-2 rtl:ml-2\">\n                <Tag>Basic Tag</Tag>\n            </div>\n        </div>\n    )\n}\n\nexport default Basic\n"],"names":["Basic","jsx","Tag"],"mappings":";;;AAEA,MAAMA,IAAQ,MAEN,gBAAAC,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,iBACX,UAAA,gBAAAA,EAACC,GAAA,EAAI,UAAA,YAAA,CAAS,EAAA,CAClB,GACJ;"}

package/dist/@ecme/views/ui-components/data-display/Tag/Custom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Custom.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Tag/Custom.tsx"],"sourcesContent":["import Tag from '@/components/ui/Tag'\n\nconst Custom = () => {\n    return (\n        <div className=\"flex\">\n            <div className=\"mr-2 rtl:ml-2\">\n                <Tag className=\"text-red-600 bg-red-100 dark:text-red-100 dark:bg-red-500/20 border-0\">\n                    Tag 1\n                </Tag>\n            </div>\n            <div className=\"mr-2 rtl:ml-2\">\n                <Tag className=\"text-white bg-indigo-600 border-0\">Tag 2</Tag>\n            </div>\n            <div className=\"mr-2 rtl:ml-2\">\n                <Tag className=\"bg-emerald-100 text-emerald-600 dark:bg-emerald-500/20 dark:text-emerald-100 border-0 rounded\">\n                    Tag 3\n                </Tag>\n            </div>\n        </div>\n    )\n}\n\nexport default Custom\n"],"names":["Custom","jsxs","jsx","Tag"],"mappings":";;;AAEA,MAAMA,IAAS,MAEP,gBAAAC,EAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,EAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,iBACX,UAAA,gBAAAA,EAACC,KAAI,WAAU,yEAAwE,mBAEvF,EAAA,CACJ;AAAA,EACA,gBAAAD,EAAC,SAAI,WAAU,iBACX,4BAACC,GAAA,EAAI,WAAU,qCAAoC,UAAA,QAAA,CAAK,EAAA,CAC5D;AAAA,EACA,gBAAAD,EAAC,SAAI,WAAU,iBACX,4BAACC,GAAA,EAAI,WAAU,iGAAgG,UAAA,QAAA,CAE/G,EAAA,CACJ;AAAA,GACJ;"}