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

@orbe-agro/client-core 5.3.13 → 5.3.14

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

Files changed (1733) hide show

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Basic.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Cards/Basic.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\r\n\r\nconst Basic = () => {\r\n return (\r\n <div>\r\n <Card>\r\n <h5>Card title</h5>\r\n <p>\r\n Some quick example text to build on the card title and make\r\n up the bulk of the card's content.\r\n </p>\r\n </Card>\r\n </div>\r\n )\r\n}\r\n\r\nexport default Basic\r\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;"}
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'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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BorderLess.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Cards/BorderLess.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\r\n\r\nconst BorderLess = () => {\r\n return (\r\n <div>\r\n <Card bordered={false}>\r\n <h5>Card title</h5>\r\n <p>\r\n Some quick example text to build on the card title and make\r\n up the bulk of the card's content.\r\n </p>\r\n </Card>\r\n </div>\r\n )\r\n}\r\n\r\nexport default BorderLess\r\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;"}
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'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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Clickable.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Cards/Clickable.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\r\n\r\nconst Clickable = () => {\r\n return (\r\n <div className=\"max-w-xs\">\r\n <Card\r\n clickable\r\n className=\"hover:shadow-lg transition duration-150 ease-in-out\"\r\n onClick={(e) => console.log('Card Clickable', e)}\r\n >\r\n <h5>Card title</h5>\r\n <p className=\"mt-2\">\r\n Some quick example text to build on the card title and make\r\n up the bulk of the card's content.\r\n </p>\r\n </Card>\r\n </div>\r\n )\r\n}\r\n\r\nexport default Clickable\r\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;"}
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'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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ExtraClass.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Cards/ExtraClass.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\r\nimport Button from '@/components/ui/Button'\r\n\r\nconst ExtraClass = () => {\r\n const cardFooter = (\r\n <div className=\"flex\">\r\n <Button size=\"sm\" className=\"ltr:mr-2 rtl:ml-2\">\r\n Save\r\n </Button>\r\n <Button size=\"sm\" variant=\"solid\">\r\n New Post\r\n </Button>\r\n </div>\r\n )\r\n\r\n return (\r\n <div>\r\n <Card\r\n header={{\r\n content: <span>Card Header</span>,\r\n className: 'font-semibold text-lg text-indigo-600',\r\n }}\r\n footer={{\r\n content: cardFooter,\r\n className: 'flex justify-end',\r\n }}\r\n bodyClass=\"text-center\"\r\n >\r\n <p>\r\n Lorem Ipsum is simply dummy text of the printing and\r\n typesetting industry. Lorem Ipsum has been the industry\r\n standard dummy text ever since the 1500s, when an unknown\r\n printer took a galley of type and scrambled it to make a\r\n type specimen book. It has survived not only five centuries,\r\n but also the leap into electronic typesetting, remaining\r\n essentially unchanged. It was popularised in the 1960s with\r\n the release of Letraset sheets containing Lorem Ipsum\r\n passages, and more recently with desktop publishing software\r\n like Aldus PageMaker including versions of Lorem Ipsum\r\n </p>\r\n </Card>\r\n </div>\r\n )\r\n}\r\n\r\nexport default ExtraClass\r\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;"}
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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HeaderFooter.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Cards/HeaderFooter.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\r\nimport Button from '@/components/ui/Button'\r\nimport { HiCheckCircle } from 'react-icons/hi'\r\n\r\nconst HeaderFooter = () => {\r\n const headerExtraContent = (\r\n <span className=\"flex items-center\">\r\n <span className=\"mr-1 font-semibold\">Status:</span>\r\n <span className=\"text-emerald-500 text-xl\">\r\n <HiCheckCircle />\r\n </span>\r\n </span>\r\n )\r\n\r\n const cardFooter = (\r\n <div className=\"flex justify-end\">\r\n <Button size=\"sm\" className=\"ltr:mr-2 rtl:ml-2\">\r\n Save\r\n </Button>\r\n <Button size=\"sm\" variant=\"solid\">\r\n New Post\r\n </Button>\r\n </div>\r\n )\r\n\r\n return (\r\n <div>\r\n <Card\r\n header={{\r\n content: 'Card Header',\r\n extra: headerExtraContent,\r\n }}\r\n footer={{\r\n content: cardFooter,\r\n }}\r\n >\r\n <p>\r\n Lorem Ipsum is simply dummy text of the printing and\r\n typesetting industry. Lorem Ipsum has been the\r\n industry's standard dummy text ever since the 1500s,\r\n when an unknown printer took a galley of type and scrambled\r\n it to make a type specimen book. It has survived not only\r\n five centuries, but also the leap into electronic\r\n typesetting, remaining essentially unchanged. It was\r\n popularised in the 1960s with the release of Letraset sheets\r\n containing Lorem Ipsum passages, and more recently with\r\n desktop publishing software like Aldus PageMaker including\r\n versions of Lorem Ipsum\r\n </p>\r\n </Card>\r\n </div>\r\n )\r\n}\r\n\r\nexport default HeaderFooter\r\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;"}
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'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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HeaderFooterBorder.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Cards/HeaderFooterBorder.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\r\nimport Button from '@/components/ui/Button'\r\n\r\nconst HeaderFooterBorder = () => {\r\n const cardFooter = (\r\n <div className=\"flex\">\r\n <Button size=\"sm\" className=\"ltr:mr-2 rtl:ml-2\">\r\n Save\r\n </Button>\r\n <Button size=\"sm\" variant=\"solid\">\r\n New Post\r\n </Button>\r\n </div>\r\n )\r\n\r\n return (\r\n <div>\r\n <Card\r\n header={{\r\n content: 'Card Header',\r\n bordered: false,\r\n }}\r\n footer={{\r\n content: cardFooter,\r\n bordered: false,\r\n }}\r\n >\r\n <p>\r\n Lorem Ipsum is simply dummy text of the printing and\r\n typesetting industry. Lorem Ipsum has been the\r\n industry's standard dummy text ever since the 1500s,\r\n when an unknown printer took a galley of type and scrambled\r\n it to make a type specimen book. It has survived not only\r\n five centuries, but also the leap into electronic\r\n typesetting, remaining essentially unchanged. It was\r\n popularised in the 1960s with the release of Letraset sheets\r\n containing Lorem Ipsum passages, and more recently with\r\n desktop publishing software like Aldus PageMaker including\r\n versions of Lorem Ipsum\r\n </p>\r\n </Card>\r\n </div>\r\n )\r\n}\r\n\r\nexport default HeaderFooterBorder\r\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;"}
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'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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Media.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Cards/Media.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\r\nimport Avatar from '@/components/ui/Avatar'\r\n\r\nconst HeaderFooterBorder = () => {\r\n const cardFooter = (\r\n <div className=\"flex items-center\">\r\n <Avatar\r\n size={30}\r\n className=\"mr-2\"\r\n shape=\"circle\"\r\n src=\"/img/avatars/thumb-1.jpg\"\r\n />\r\n <span>\r\n <h6 className=\"text-sm\">Kristen Fisher</h6>\r\n <span className=\"text-xs\">Sep 23, 2021</span>\r\n </span>\r\n </div>\r\n )\r\n\r\n const cardHeader = (\r\n <div className=\"rounded-tl-lg rounded-tr-lg overflow-hidden\">\r\n <img src=\"/img/others/img-1.jpg\" alt=\"card header\" />\r\n </div>\r\n )\r\n\r\n return (\r\n <div className=\"max-w-xs\">\r\n <Card\r\n clickable\r\n className=\"hover:shadow-lg transition duration-150 ease-in-out dark:border dark:border-gray-600 dark:border-solid\"\r\n header={{\r\n content: cardHeader,\r\n bordered: false,\r\n className: 'p-0',\r\n }}\r\n footer={{\r\n content: cardFooter,\r\n bordered: false,\r\n }}\r\n >\r\n <span className=\"text-emerald-600 font-semibold\">\r\n Life Style\r\n </span>\r\n <h4 className=\"font-bold my-3\">Use the modern rules</h4>\r\n <p>\r\n Lorem Ipsum is simply dummy text of the printing and\r\n typesetting industry. Lorem Ipsum has been the industry.\r\n </p>\r\n </Card>\r\n </div>\r\n )\r\n}\r\n\r\nexport default HeaderFooterBorder\r\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;"}
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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Cards/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\r\n\r\n// Demo\r\nimport Basic from './Basic'\r\nimport HeaderFooter from './HeaderFooter'\r\nimport HeaderFooterBorder from './HeaderFooterBorder'\r\nimport BorderLess from './BorderLess'\r\nimport ExtraClass from './ExtraClass'\r\nimport Clickable from './Clickable'\r\nimport Media from './Media'\r\n\r\nconst mdPath = 'Cards'\r\n\r\nconst demoHeader = {\r\n title: 'Cards',\r\n desc: 'Card can be used to container a groups of related content.',\r\n}\r\n\r\nconst demos = [\r\n {\r\n mdName: 'Basic',\r\n mdPath: mdPath,\r\n title: 'Basic',\r\n desc: `Basic usage of Card`,\r\n component: <Basic />,\r\n },\r\n {\r\n mdName: 'HeaderFooter',\r\n mdPath: mdPath,\r\n title: 'Header & Footer',\r\n desc: `Card can set header & footer via <code>header</code> & <code>footer</code> props.`,\r\n component: <HeaderFooter />,\r\n },\r\n {\r\n mdName: 'HeaderFooterBorder',\r\n mdPath: mdPath,\r\n title: 'Header & Footer Border',\r\n desc: `Header & footer seperator can disabled by setting <code>headerBorder</code> & <code>footerBorder</code> to <code>false</code>.`,\r\n component: <HeaderFooterBorder />,\r\n },\r\n {\r\n mdName: 'BorderLess',\r\n mdPath: mdPath,\r\n title: 'Borderless',\r\n desc: `Display Card without border (with shadow).`,\r\n component: <BorderLess />,\r\n },\r\n {\r\n mdName: 'ExtraClass',\r\n mdPath: mdPath,\r\n title: 'Extra Class',\r\n desc: `Extra class can be apply via <code>bodyClass</code>, <code>headerClass</code> & <code>footerClass</code> to correspond section.`,\r\n component: <ExtraClass />,\r\n },\r\n {\r\n mdName: 'Clickable',\r\n mdPath: mdPath,\r\n title: 'Clickable',\r\n desc: `Set <code>click</code> prop to <code>true</code> to make cursor become pointer.`,\r\n component: <Clickable />,\r\n },\r\n {\r\n mdName: 'Media',\r\n mdPath: mdPath,\r\n title: 'Media',\r\n desc: ``,\r\n component: <Media />,\r\n },\r\n]\r\n\r\nconst demoApi = [\r\n {\r\n component: 'Card',\r\n api: [\r\n {\r\n propName: 'header',\r\n type: `<code>{ content?: string \| ReactNode, className?: string, bordered?: boolean, extra?: string \| ReactNode }</code>`,\r\n default: `-`,\r\n desc: 'Card header config',\r\n },\r\n {\r\n propName: 'footer',\r\n type: `<code>{ content?: string \| ReactNode, className?: string, bordered?: boolean }</code>`,\r\n default: `-`,\r\n desc: 'Card footer config',\r\n },\r\n {\r\n propName: 'bordered',\r\n type: `<code>boolean</code>`,\r\n default: `<code>false</code>`,\r\n desc: 'Display Card with border (without shadow)',\r\n },\r\n {\r\n propName: 'clickable',\r\n type: `<code>boolean</code>`,\r\n default: `<code>false</code>`,\r\n desc: 'Make cursor become pointer upon hover',\r\n },\r\n {\r\n propName: 'bodyClass',\r\n type: `<code>string</code>`,\r\n default: `-`,\r\n desc: 'Apply class to card body',\r\n },\r\n {\r\n propName: 'onClick',\r\n type: `<code>(e: MouseEvent) => void</code>`,\r\n default: `<code>-</code>`,\r\n desc: 'Callback when Card is clicked',\r\n },\r\n ],\r\n },\r\n]\r\n\r\nconst Cards = () => {\r\n return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\r\n}\r\n\r\nexport default Cards\r\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;"}
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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Compact.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Table/Compact.tsx"],"sourcesContent":["import Table from '@/components/ui/Table'\r\n\r\nconst { Tr, Th, Td, THead, TBody } = Table\r\n\r\nconst Compact = () => {\r\n return (\r\n <div>\r\n <Table compact>\r\n <THead>\r\n <Tr>\r\n <Th>Company</Th>\r\n <Th>Contact</Th>\r\n <Th>Country</Th>\r\n </Tr>\r\n </THead>\r\n <TBody>\r\n <Tr>\r\n <Td>Alfreds Futterkiste</Td>\r\n <Td>Maria Anders</Td>\r\n <Td>Germany</Td>\r\n </Tr>\r\n <Tr>\r\n <Td>Centro comercial Moctezuma</Td>\r\n <Td>Francisco Chang</Td>\r\n <Td>Mexico</Td>\r\n </Tr>\r\n <Tr>\r\n <Td>Ernst Handel</Td>\r\n <Td>Roland Mendel</Td>\r\n <Td>Austria</Td>\r\n </Tr>\r\n </TBody>\r\n </Table>\r\n </div>\r\n )\r\n}\r\n\r\nexport default Compact\r\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;"}
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 CHANGED Viewed

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Editable.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Table/Editable.tsx"],"sourcesContent":["import { useMemo, useEffect, useState, useRef, useCallback } from 'react'\r\nimport Table from '@/components/ui/Table'\r\nimport Input from '@/components/ui/Input'\r\nimport {\r\n useReactTable,\r\n getCoreRowModel,\r\n getFilteredRowModel,\r\n getPaginationRowModel,\r\n flexRender,\r\n} from '@tanstack/react-table'\r\nimport { data10 } from './data'\r\nimport type { Person } from './data'\r\nimport type { ColumnDef, CellContext, RowData } from '@tanstack/react-table'\r\n\r\ndeclare module '@tanstack/react-table' {\r\n interface TableMeta<TData extends RowData> {\r\n updateData: (\r\n rowIndex: number,\r\n columnId: string,\r\n value: unknown,\r\n dataPlaceHolder?: TData,\r\n ) => void\r\n }\r\n}\r\n\r\ntype EditablePerson = Person\r\n\r\nconst { Tr, Th, Td, THead, TBody } = Table\r\n\r\nconst EditableCell = ({\r\n getValue,\r\n row: { index },\r\n column: { id },\r\n table,\r\n}: CellContext<EditablePerson, unknown>) => {\r\n const initialValue = getValue()\r\n // We need to keep and update the state of the cell normally\r\n const [value, setValue] = useState(initialValue)\r\n\r\n // When the input is blurred, we'll call our table meta's updateData function\r\n const onBlur = () => {\r\n table.options.meta?.updateData(index, id, value)\r\n }\r\n\r\n // If the initialValue is changed external, sync it up with our state\r\n useEffect(() => {\r\n setValue(initialValue)\r\n }, [initialValue])\r\n\r\n return (\r\n <Input\r\n className=\"border-transparent bg-transparent hover:border-gray-300 focus:bg-white\"\r\n size=\"sm\"\r\n value={value as string}\r\n onChange={(e) => setValue(e.target.value)}\r\n onBlur={onBlur}\r\n />\r\n )\r\n}\r\n\r\nconst defaultColumn: Partial<ColumnDef<EditablePerson>> = {\r\n cell: EditableCell,\r\n}\r\n\r\nfunction useSkipper() {\r\n const shouldSkipRef = useRef(true)\r\n const shouldSkip = shouldSkipRef.current\r\n\r\n // Wrap a function with this to skip a pagination reset temporarily\r\n const skip = useCallback(() => {\r\n shouldSkipRef.current = false\r\n }, [])\r\n\r\n useEffect(() => {\r\n shouldSkipRef.current = true\r\n })\r\n\r\n return [shouldSkip, skip]\r\n}\r\n\r\nfunction Editable() {\r\n const columns = useMemo(\r\n () => [\r\n { header: 'First Name', accessorKey: 'firstName' },\r\n { header: 'Last Name', accessorKey: 'lastName' },\r\n { header: 'Email', accessorKey: 'email' },\r\n ],\r\n [],\r\n )\r\n\r\n const [data, setData] = useState(() => data10)\r\n\r\n const [autoResetPageIndex, skipAutoResetPageIndex] = useSkipper()\r\n\r\n const table = useReactTable({\r\n data,\r\n columns,\r\n defaultColumn,\r\n getCoreRowModel: getCoreRowModel(),\r\n getFilteredRowModel: getFilteredRowModel(),\r\n getPaginationRowModel: getPaginationRowModel(),\r\n autoResetPageIndex: autoResetPageIndex as boolean,\r\n // Provide our updateData function to our table meta\r\n meta: {\r\n updateData: (\r\n rowIndex: number,\r\n columnId: string,\r\n value: unknown,\r\n ) => {\r\n // Skip age index reset until after next rerender\r\n if (typeof skipAutoResetPageIndex === 'function') {\r\n skipAutoResetPageIndex()\r\n }\r\n setData((old) =>\r\n old.map((row, index) => {\r\n if (index === rowIndex) {\r\n return {\r\n ...old[rowIndex],\r\n [columnId]: value,\r\n }\r\n }\r\n return row\r\n }),\r\n )\r\n },\r\n },\r\n })\r\n\r\n return (\r\n <>\r\n <Table>\r\n <THead>\r\n {table.getHeaderGroups().map((headerGroup) => (\r\n <Tr key={headerGroup.id}>\r\n {headerGroup.headers.map((header) => {\r\n return (\r\n <Th\r\n key={header.id}\r\n colSpan={header.colSpan}\r\n >\r\n {flexRender(\r\n header.column.columnDef.header,\r\n header.getContext(),\r\n )}\r\n </Th>\r\n )\r\n })}\r\n </Tr>\r\n ))}\r\n </THead>\r\n <TBody>\r\n {table.getRowModel().rows.map((row) => {\r\n return (\r\n <Tr key={row.id}>\r\n {row.getVisibleCells().map((cell) => {\r\n return (\r\n <Td key={cell.id}>\r\n {flexRender(\r\n cell.column.columnDef.cell,\r\n cell.getContext(),\r\n )}\r\n </Td>\r\n )\r\n })}\r\n </Tr>\r\n )\r\n })}\r\n </TBody>\r\n </Table>\r\n </>\r\n )\r\n}\r\n\r\nexport default Editable\r\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":";;;;;;;AA2BA,MAAM,EAAE,IAAAA,GAAI,IAAAC,GAAI,IAAAC,GAAI,OAAAC,GAAO,OAAAC,MAAUC,GAE/BC,IAAe,CAAC;AAAA,EAClB,UAAAC;AAAA,EACA,KAAK,EAAE,OAAAC,EAAA;AAAA,EACP,QAAQ,EAAE,IAAAC,EAAA;AAAA,EACV,OAAAC;AACJ,MAA4C;AACxC,QAAMC,IAAeJ,EAAA,GAEf,CAACK,GAAOC,CAAQ,IAAIC,EAASH,CAAY,GAGzCI,IAAS,MAAM;;AACjB,KAAAC,IAAAN,EAAM,QAAQ,SAAd,QAAAM,EAAoB,WAAWR,GAAOC,GAAIG;AAAA,~~EAAK~~;~~AAInD~~,SAAAK,EAAU,MAAM;AACZ,IAAAJ,EAASF,CAAY;AAAA,~~EAAA~~,~~GACtB~~,CAACA,CAAY,CAAC,GAGb,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,MAAK;AAAA,MACL,OAAAP;AAAA,MACA,UAAU,CAACQ,MAAMP,EAASO,EAAE,OAAO,KAAK;AAAA,MACxC,QAAAL;AAAA,IAAA;AAAA,EAAA;AAGZ,GAEMM,IAAoD;AAAA,EACtD,MAAMf;AACV;AAEA,SAASgB,IAAa;AAClB,QAAMC,IAAgBC,EAAO,EAAI,GAC3BC,IAAaF,EAAc,SAG3BG,IAAOC,EAAY,MAAM;AAC3B,IAAAJ,EAAc,UAAU;AAAA,~~EAAA~~,~~GACzB~~,~~EAAE~~;AAEL,SAAAN,EAAU,MAAM;AACZ,IAAAM,EAAc,UAAU;AAAA,~~EAAA~~,~~CAC3B~~,GAEM,CAACE,GAAYC,CAAI;AAC5B;AAEA,SAASE,IAAW;AAChB,QAAMC,IAAUC;AAAA,IACZ,MAAM;AAAA,MACF,EAAE,QAAQ,cAAc,aAAa,YAAA;AAAA,MACrC,EAAE,QAAQ,aAAa,aAAa,WAAA;AAAA,MACpC,EAAE,QAAQ,SAAS,aAAa,QAAA;AAAA,IAAQ;AAAA,IAE5C,CAAA;AAAA,EAAC,GAGC,CAACC,GAAMC,CAAO,IAAIlB,EAAS,MAAMmB,CAAM,GAEvC,CAACC,GAAoBC,CAAsB,IAAIb,EAAA,GAE/CZ,IAAQ0B,EAAc;AAAA,IACxB,MAAAL;AAAA,IACA,SAAAF;AAAA,IACA,eAAAR;AAAA,IACA,iBAAiBgB,EAAA;AAAA,IACjB,qBAAqBC,EAAA;AAAA,IACrB,uBAAuBC,EAAA;AAAA,IACvB,oBAAAL;AAAA;AAAA,IAEA,MAAM;AAAA,MACF,YAAY,CACRM,GACAC,GACA7B,MACC;AAED,QAAI,OAAOuB,KAA2B,cAClCA,EAAA,GAEJH;AAAA,UAAQ,CAACU,MACLA,EAAI,IAAI,CAACC,GAAKnC,MACNA,MAAUgC,IACH;AAAA,YACH,GAAGE,EAAIF,CAAQ;AAAA,YACf,CAACC,CAAQ,GAAG7B;AAAA,UAAA,IAGb+B,CACV;AAAA,QAAA;AAAA,~~MACL~~;AAAA,~~IACJ~~;AAAA,EACJ,CACH;AAED,SACI,gBAAAzB,EAAA0B,GAAA,EACI,4BAACvC,GAAA,EACG,UAAA;AAAA,IAAA,gBAAAa,EAACf,GAAA,EACI,UAAAO,EAAM,gBAAA,EAAkB,IAAI,CAACmC,MAC1B,gBAAA3B,EAAClB,GAAA,EACI,UAAA6C,EAAY,QAAQ,IAAI,CAACC,MAElB,gBAAA5B;AAAA,MAACjB;AAAA,MAAA;AAAA,QAEG,SAAS6C,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,gBAAA3B,EAACd,KACI,UAAAM,EAAM,YAAA,EAAc,KAAK,IAAI,CAACiC,wBAEtB3C,GAAA,EACI,UAAA2C,EAAI,kBAAkB,IAAI,CAACK,wBAEnB9C,GAAA,EACI,UAAA6C;AAAA,MACGC,EAAK,OAAO,UAAU;AAAA,MACtBA,EAAK,WAAA;AAAA,IAAW,EACpB,GAJKA,EAAK,EAKd,CAEP,EAAA,GAVIL,EAAI,EAWb,CAEP,EAAA,CACL;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;AAER;"}
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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Expanding.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Table/Expanding.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\r\nimport Table from '@/components/ui/Table'\r\nimport {\r\n useReactTable,\r\n getCoreRowModel,\r\n getExpandedRowModel,\r\n flexRender,\r\n} from '@tanstack/react-table'\r\nimport { dataWithSubRows } from './data'\r\nimport { HiOutlinePlusCircle, HiOutlineMinusCircle } from 'react-icons/hi'\r\nimport type { PersonWithSubRow } from './data'\r\nimport type { ColumnDef, ExpandedState } from '@tanstack/react-table'\r\n\r\nconst { Tr, Th, Td, THead, TBody } = Table\r\n\r\nfunction Exapanding() {\r\n const columns = useMemo<ColumnDef<PersonWithSubRow>[]>(\r\n () => [\r\n {\r\n id: 'expander',\r\n header: ({ table }) => {\r\n return (\r\n <button\r\n className=\"text-xl\"\r\n {...{\r\n onClick:\r\n table.getToggleAllRowsExpandedHandler(),\r\n }}\r\n >\r\n {table.getIsAllRowsExpanded() ? (\r\n <HiOutlineMinusCircle />\r\n ) : (\r\n <HiOutlinePlusCircle />\r\n )}\r\n </button>\r\n )\r\n },\r\n cell: ({ row, getValue }) => {\r\n return (\r\n <>\r\n {row.getCanExpand() ? (\r\n <button\r\n className=\"text-xl\"\r\n {...{\r\n onClick: row.getToggleExpandedHandler(),\r\n }}\r\n >\r\n {row.getIsExpanded() ? (\r\n <HiOutlineMinusCircle />\r\n ) : (\r\n <HiOutlinePlusCircle />\r\n )}\r\n </button>\r\n ) : null}\r\n {getValue()}\r\n </>\r\n )\r\n },\r\n },\r\n {\r\n header: 'First Name',\r\n accessorKey: 'firstName',\r\n },\r\n {\r\n header: 'Last Name',\r\n accessorKey: 'lastName',\r\n },\r\n {\r\n header: 'Age',\r\n accessorKey: 'age',\r\n },\r\n {\r\n header: 'Visits',\r\n accessorKey: 'visits',\r\n },\r\n {\r\n header: 'Status',\r\n accessorKey: 'status',\r\n },\r\n {\r\n header: 'Profile Progress',\r\n accessorKey: 'progress',\r\n },\r\n ],\r\n [],\r\n )\r\n\r\n const [data] = useState(dataWithSubRows)\r\n const [expanded, setExpanded] = useState<ExpandedState>({})\r\n\r\n const table = useReactTable({\r\n data,\r\n columns,\r\n state: {\r\n expanded,\r\n },\r\n onExpandedChange: setExpanded,\r\n getSubRows: (row) => row.subRows,\r\n getCoreRowModel: getCoreRowModel(),\r\n getExpandedRowModel: getExpandedRowModel(),\r\n })\r\n\r\n return (\r\n <>\r\n <Table>\r\n <THead>\r\n {table.getHeaderGroups().map((headerGroup) => (\r\n <Tr key={headerGroup.id}>\r\n {headerGroup.headers.map((header) => {\r\n return (\r\n <Th\r\n key={header.id}\r\n colSpan={header.colSpan}\r\n >\r\n {flexRender(\r\n header.column.columnDef.header,\r\n header.getContext(),\r\n )}\r\n </Th>\r\n )\r\n })}\r\n </Tr>\r\n ))}\r\n </THead>\r\n <TBody>\r\n {table.getRowModel().rows.map((row) => {\r\n return (\r\n <Tr key={row.id}>\r\n {row.getVisibleCells().map((cell) => {\r\n return (\r\n <Td key={cell.id}>\r\n {flexRender(\r\n cell.column.columnDef.cell,\r\n cell.getContext(),\r\n )}\r\n </Td>\r\n )\r\n })}\r\n </Tr>\r\n )\r\n })}\r\n </TBody>\r\n </Table>\r\n </>\r\n )\r\n}\r\n\r\nexport default Exapanding\r\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;"}
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,EAAA,GAbID,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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Filtering.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Table/Filtering.tsx"],"sourcesContent":["import { useMemo, useState, useEffect } from 'react'\r\nimport Table from '@/components/ui/Table'\r\nimport Input from '@/components/ui/Input'\r\nimport {\r\n useReactTable,\r\n getCoreRowModel,\r\n getFilteredRowModel,\r\n getFacetedRowModel,\r\n getFacetedUniqueValues,\r\n getFacetedMinMaxValues,\r\n getPaginationRowModel,\r\n getSortedRowModel,\r\n flexRender,\r\n} from '@tanstack/react-table'\r\nimport { rankItem } from '@tanstack/match-sorter-utils'\r\nimport { data10 } from './data'\r\nimport type { Person } from './data'\r\nimport type {\r\n ColumnDef,\r\n FilterFn,\r\n ColumnFiltersState,\r\n} from '@tanstack/react-table'\r\nimport type { InputHTMLAttributes } from 'react'\r\n\r\ninterface DebouncedInputProps\r\n extends Omit<\r\n InputHTMLAttributes<HTMLInputElement>,\r\n 'onChange' \| 'size' \| 'prefix'\r\n > {\r\n value: string \| number\r\n onChange: (value: string \| number) => void\r\n debounce?: number\r\n}\r\n\r\nconst { Tr, Th, Td, THead, TBody, Sorter } = Table\r\n\r\nfunction DebouncedInput({\r\n value: initialValue,\r\n onChange,\r\n debounce = 500,\r\n ...props\r\n}: DebouncedInputProps) {\r\n const [value, setValue] = useState(initialValue)\r\n\r\n useEffect(() => {\r\n setValue(initialValue)\r\n }, [initialValue])\r\n\r\n useEffect(() => {\r\n const timeout = setTimeout(() => {\r\n onChange(value)\r\n }, debounce)\r\n\r\n return () => clearTimeout(timeout)\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [value])\r\n\r\n return (\r\n <div className=\"flex justify-end\">\r\n <div className=\"flex items-center mb-4\">\r\n <span className=\"mr-2\">Search:</span>\r\n <Input\r\n {...props}\r\n value={value}\r\n onChange={(e) => setValue(e.target.value)}\r\n />\r\n </div>\r\n </div>\r\n )\r\n}\r\n\r\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\r\nconst fuzzyFilter: FilterFn<any> = (row, columnId, value, addMeta) => {\r\n // Rank the item\r\n const itemRank = rankItem(row.getValue(columnId), value)\r\n\r\n // Store the itemRank info\r\n addMeta({\r\n itemRank,\r\n })\r\n\r\n // Return if the item should be filtered in/out\r\n return itemRank.passed\r\n}\r\n\r\nconst Filtering = () => {\r\n const [columnFilters, setColumnFilters] = useState<ColumnFiltersState>([])\r\n const [globalFilter, setGlobalFilter] = useState('')\r\n\r\n const columns = useMemo<ColumnDef<Person>[]>(\r\n () => [\r\n { header: 'First Name', accessorKey: 'firstName' },\r\n { header: 'Last Name', accessorKey: 'lastName' },\r\n { header: 'Email', accessorKey: 'email' },\r\n ],\r\n [],\r\n )\r\n\r\n const [data] = useState(() => data10)\r\n\r\n const table = useReactTable({\r\n data,\r\n columns,\r\n filterFns: {\r\n fuzzy: fuzzyFilter,\r\n },\r\n state: {\r\n columnFilters,\r\n globalFilter,\r\n },\r\n onColumnFiltersChange: setColumnFilters,\r\n onGlobalFilterChange: setGlobalFilter,\r\n globalFilterFn: fuzzyFilter,\r\n getCoreRowModel: getCoreRowModel(),\r\n getFilteredRowModel: getFilteredRowModel(),\r\n getSortedRowModel: getSortedRowModel(),\r\n getPaginationRowModel: getPaginationRowModel(),\r\n getFacetedRowModel: getFacetedRowModel(),\r\n getFacetedUniqueValues: getFacetedUniqueValues(),\r\n getFacetedMinMaxValues: getFacetedMinMaxValues(),\r\n debugHeaders: true,\r\n debugColumns: false,\r\n })\r\n\r\n return (\r\n <>\r\n <DebouncedInput\r\n value={globalFilter ?? ''}\r\n className=\"p-2 font-lg shadow border border-block\"\r\n placeholder=\"Search all columns...\"\r\n onChange={(value) => setGlobalFilter(String(value))}\r\n />\r\n <Table>\r\n <THead>\r\n {table.getHeaderGroups().map((headerGroup) => (\r\n <Tr key={headerGroup.id}>\r\n {headerGroup.headers.map((header) => {\r\n return (\r\n <Th\r\n key={header.id}\r\n colSpan={header.colSpan}\r\n >\r\n {header.isPlaceholder ? null : (\r\n <div\r\n {...{\r\n className:\r\n header.column.getCanSort()\r\n ? 'cursor-pointer select-none'\r\n : '',\r\n onClick:\r\n header.column.getToggleSortingHandler(),\r\n }}\r\n >\r\n {flexRender(\r\n header.column.columnDef\r\n .header,\r\n header.getContext(),\r\n )}\r\n {\r\n <Sorter\r\n sort={header.column.getIsSorted()}\r\n />\r\n }\r\n </div>\r\n )}\r\n </Th>\r\n )\r\n })}\r\n </Tr>\r\n ))}\r\n </THead>\r\n <TBody>\r\n {table.getRowModel().rows.map((row) => {\r\n return (\r\n <Tr key={row.id}>\r\n {row.getVisibleCells().map((cell) => {\r\n return (\r\n <Td key={cell.id}>\r\n {flexRender(\r\n cell.column.columnDef.cell,\r\n cell.getContext(),\r\n )}\r\n </Td>\r\n )\r\n })}\r\n </Tr>\r\n )\r\n })}\r\n </TBody>\r\n </Table>\r\n </>\r\n )\r\n}\r\n\r\nexport default Filtering\r\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":"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"}
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":"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"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Group.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Table/Group.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\r\nimport Table from '@/components/ui/Table'\r\nimport {\r\n useReactTable,\r\n getCoreRowModel,\r\n flexRender,\r\n} from '@tanstack/react-table'\r\nimport { data10 } from './data'\r\nimport type { Person } from './data'\r\nimport type { ColumnDef } from '@tanstack/react-table'\r\n\r\nconst { Tr, Th, Td, THead, TBody } = Table\r\n\r\nconst Group = () => {\r\n const [data] = useState(() => data10)\r\n\r\n const columns = useMemo<ColumnDef<Person>[]>(\r\n () => [\r\n {\r\n header: 'Name',\r\n columns: [\r\n {\r\n header: 'First Name',\r\n accessorKey: 'firstName',\r\n },\r\n {\r\n header: 'Last Name',\r\n accessorKey: 'lastName',\r\n },\r\n ],\r\n },\r\n {\r\n header: 'Info',\r\n columns: [\r\n {\r\n header: 'Email',\r\n accessorKey: 'email',\r\n width: 50,\r\n },\r\n {\r\n header: 'Visits',\r\n accessorKey: 'gender',\r\n width: 60,\r\n },\r\n ],\r\n },\r\n ],\r\n [],\r\n )\r\n\r\n const table = useReactTable({\r\n data,\r\n columns,\r\n getCoreRowModel: getCoreRowModel(),\r\n })\r\n\r\n return (\r\n <Table>\r\n <THead>\r\n {table.getHeaderGroups().map((headerGroup) => (\r\n <Tr key={headerGroup.id}>\r\n {headerGroup.headers.map((header) => {\r\n return (\r\n <Th key={header.id} colSpan={header.colSpan}>\r\n {flexRender(\r\n header.column.columnDef.header,\r\n header.getContext(),\r\n )}\r\n </Th>\r\n )\r\n })}\r\n </Tr>\r\n ))}\r\n </THead>\r\n <TBody>\r\n {table.getRowModel().rows.map((row) => {\r\n return (\r\n <Tr key={row.id}>\r\n {row.getVisibleCells().map((cell) => {\r\n return (\r\n <Td key={cell.id}>\r\n {flexRender(\r\n cell.column.columnDef.cell,\r\n cell.getContext(),\r\n )}\r\n </Td>\r\n )\r\n })}\r\n </Tr>\r\n )\r\n })}\r\n </TBody>\r\n </Table>\r\n )\r\n}\r\n\r\nexport default Group\r\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;"}
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,EAAA,GAVID,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;"}