@economic/taco 2.47.0-server.3 → 2.47.0-server.5

package/dist/esm/packages/taco/src/components/Table/hooks/plugins/useRowActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRowActions.js","sources":["../../../../../../../../../src/components/Table/hooks/plugins/useRowActions.tsx"],"sourcesContent":["import React from 'react';\nimport { PluginHook } from 'react-table';\nimport { InView } from 'react-intersection-observer';\nimport { sanitizeRowProps } from '../../util';\nimport { IconButton } from '../../../IconButton/IconButton';\nimport { LocalizationTexts } from '../../../Provider/Localization';\nimport { Menu } from '../../../Menu/Menu';\nimport { RowAction, RowActionHandler, LegacyTableRow } from '../../types';\n\nconst actionGroupClassName = '-mt-1 -mb-1 h-8 flex';\n\nconst hasActions = (inlineEditingUniqueId: any, handlers: any, actions: RowActionHandler<any>[] | undefined): number => {\n    return (\n        !!actions ||\n        handlers.onRowCreate ||\n        handlers.onRowCopy ||\n        handlers.onRowDelete ||\n        !!inlineEditingUniqueId ||\n        handlers.onRowEdit\n    );\n};\n\nconst getActions = (\n    actions: RowActionHandler<any>[] | undefined,\n    row: LegacyTableRow<any> | undefined = undefined\n): [RowAction<any>[], RowAction<any>[]] => {\n    const primary: RowAction<any>[] = [];\n    const secondary: RowAction<any>[] = [];\n\n    if (actions) {\n        let visibleActions = actions.filter(x => !!x && typeof x !== 'boolean') as RowAction<any>[];\n\n        if (row) {\n            visibleActions = visibleActions.filter(action => {\n                if (action.visible !== undefined) {\n                    if (typeof action.visible === 'function') {\n                        return action.visible(row);\n                    }\n\n                    return action.visible;\n                }\n\n                return true;\n            });\n        }\n\n        visibleActions.forEach(action => {\n            if (action.showOnRow) {\n                primary.push(action);\n            } else {\n                secondary.push(action);\n            }\n        });\n    }\n\n    return [primary, secondary];\n};\n\nconst getLength = (inlineEditingUniqueId: any, handlers: any, actions: RowActionHandler<any>[] | undefined): number => {\n    const [primaryActions, secondaryActions] = getActions(actions);\n\n    let length = primaryActions.length + (secondaryActions.length ? 1 : 0);\n\n    if (handlers.onRowCreate) {\n        length++;\n    }\n\n    if (handlers.onRowCopy) {\n        length++;\n    }\n\n    if (handlers.onRowDelete) {\n        length++;\n    }\n\n    if (!!inlineEditingUniqueId || handlers.onRowEdit) {\n        length++;\n\n        if (length < 2) {\n            length++;\n        }\n    }\n\n    return length;\n};\n\nconst getActionProps = (action: RowAction<any>, row: LegacyTableRow<any>) => {\n    return {\n        'aria-label': typeof action.tooltip === 'function' ? action.tooltip(row) : action.tooltip,\n        disabled: typeof action.disabled === 'function' ? action.disabled(row) : action.disabled,\n        onClick: (event: React.MouseEvent<HTMLElement>) => {\n            action.onClick(row, event);\n        },\n    };\n};\n\nconst EditModeActions = () => {\n    React.useEffect(() => {\n        const listener = (event: any) => {\n            if (event.key === 'Escape' && event.target?.form?.reset) {\n                event.preventDefault();\n                event.target.form.reset();\n            }\n        };\n\n        document.addEventListener('keydown', listener);\n\n        return () => {\n            document.removeEventListener('keydown', listener);\n        };\n    }, []);\n\n    return (\n        <div className={actionGroupClassName}>\n            <IconButton appearance=\"primary\" icon=\"tick\" type=\"submit\" className=\"mr-2\" />\n            <IconButton appearance=\"ghost\" icon=\"close\" type=\"reset\" />\n        </div>\n    );\n};\n\nexport const useRowActions = <T extends {}>(\n    inlineEditingUniqueId: keyof T | undefined,\n    handlers: any,\n    actions: RowActionHandler<T>[] | undefined,\n    rowExpansionRenderer: any,\n    texts: LocalizationTexts,\n    windowed = false\n): PluginHook<{}> => {\n    const inlineEditing = !!inlineEditingUniqueId;\n    const actionsLength = getLength(inlineEditingUniqueId, handlers, actions);\n\n    const plugin = (hooks: any): void => {\n        if (hasActions(inlineEditingUniqueId, handlers, actions)) {\n            hooks.visibleColumns.push((columns: any) => [\n                ...columns,\n                {\n                    id: '_actions',\n                    className: 'flex justify-end px-1 overflow-visible',\n                    flex: `0 0 calc((${actionsLength} * 2rem) + .5rem)`,\n                    Cell: ({ row }: any) => {\n                        if (row.isEditing) {\n                            return <EditModeActions />;\n                        }\n\n                        const sanitizedRow = sanitizeRowProps(row, rowExpansionRenderer);\n                        const [primaryActions, secondaryActions] = getActions(actions, sanitizedRow);\n\n                        const output = (\n                            <>\n                                {handlers.onRowCreate && (\n                                    <IconButton\n                                        appearance=\"discrete\"\n                                        icon=\"circle-plus\"\n                                        aria-label={texts.legacyTable.newSubRow}\n                                        tooltip={texts.legacyTable.newSubRow}\n                                        disabled={inlineEditing && !row.canEdit}\n                                        onClick={(event: React.MouseEvent) => {\n                                            event.stopPropagation();\n                                            event.persist();\n                                            row.setActive();\n\n                                            if (!row.isExpanded) {\n                                                row.toggleRowExpanded();\n                                            }\n\n                                            handlers.onRowCreate(sanitizedRow, event);\n                                        }}\n                                    />\n                                )}\n                                {(inlineEditing || handlers.onRowEdit) && (\n                                    <IconButton\n                                        appearance=\"discrete\"\n                                        icon=\"edit\"\n                                        aria-label={texts.legacyTable.edit}\n                                        tooltip={texts.legacyTable.edit}\n                                        disabled={inlineEditing && !row.canEdit}\n                                        onClick={(event: React.MouseEvent) => {\n                                            event.stopPropagation();\n                                            row.setActive();\n\n                                            if (inlineEditing) {\n                                                row.toggleRowEditing();\n                                            } else if (handlers.onRowEdit) {\n                                                event.persist();\n                                                handlers.onRowEdit(sanitizedRow, event);\n                                            }\n                                        }}\n                                    />\n                                )}\n                                {handlers.onRowCopy && (\n                                    <IconButton\n                                        appearance=\"discrete\"\n                                        icon=\"copy\"\n                                        aria-label={texts.legacyTable.copy}\n                                        tooltip={texts.legacyTable.copy}\n                                        disabled={inlineEditing && !row.canEdit}\n                                        onClick={(event: React.MouseEvent) => {\n                                            event.stopPropagation();\n                                            event.persist();\n                                            row.setActive();\n                                            handlers.onRowCopy(sanitizedRow, event);\n                                        }}\n                                    />\n                                )}\n                                {handlers.onRowDelete && (\n                                    <IconButton\n                                        appearance=\"discrete\"\n                                        icon=\"delete\"\n                                        aria-label={texts.legacyTable.del}\n                                        tooltip={texts.legacyTable.del}\n                                        disabled={inlineEditing && !row.canEdit}\n                                        onClick={(event: React.MouseEvent) => {\n                                            event.stopPropagation();\n                                            event.persist();\n                                            row.setActive();\n                                            handlers.onRowDelete(sanitizedRow, event);\n                                        }}\n                                    />\n                                )}\n                                {primaryActions.map((action: RowAction<T>, index: number) => (\n                                    <IconButton\n                                        {...getActionProps(action, sanitizedRow)}\n                                        key={index}\n                                        appearance=\"discrete\"\n                                        icon={typeof action.icon === 'function' ? action.icon(sanitizedRow) : action.icon}\n                                        tooltip={\n                                            typeof action.tooltip === 'function' ? action.tooltip(sanitizedRow) : action.tooltip\n                                        }\n                                    />\n                                ))}\n                                {secondaryActions.length ? (\n                                    <Menu>\n                                        <Menu.Trigger>\n                                            <IconButton\n                                                appearance=\"discrete\"\n                                                icon=\"ellipsis-vertical\"\n                                                aria-label={texts.legacyTable.actions}\n                                                tooltip={texts.legacyTable.actions}\n                                                disabled={inlineEditing && !row.canEdit}\n                                                onClick={(event: React.MouseEvent) => {\n                                                    event.stopPropagation();\n                                                    row.setActive();\n                                                }}\n                                            />\n                                        </Menu.Trigger>\n                                        <Menu.Content>\n                                            {secondaryActions.map((action: RowAction<T>, index: number) => (\n                                                <Menu.Item\n                                                    key={index}\n                                                    icon={\n                                                        typeof action.icon === 'function'\n                                                            ? action.icon(sanitizedRow)\n                                                            : action.icon\n                                                    }\n                                                    {...getActionProps(action, sanitizedRow)}>\n                                                    {typeof action.text === 'function' ? action.text(sanitizedRow) : action.text}\n                                                </Menu.Item>\n                                            ))}\n                                        </Menu.Content>\n                                    </Menu>\n                                ) : null}\n                            </>\n                        );\n\n                        if (windowed) {\n                            return <div className={actionGroupClassName}>{output}</div>;\n                        }\n\n                        return (\n                            <InView rootMargin=\"100px 0px\">\n                                {({ inView, ref }) => (\n                                    <div className={actionGroupClassName} ref={ref}>\n                                        {inView ? output : null}\n                                    </div>\n                                )}\n                            </InView>\n                        );\n                    },\n                },\n            ]);\n        }\n    };\n    plugin.pluginName = 'useRowActions';\n    return plugin;\n};\n"],"names":["actionGroupClassName","hasActions","inlineEditingUniqueId","handlers","actions","onRowCreate","onRowCopy","onRowDelete","onRowEdit","getActions","row","undefined","primary","secondary","visibleActions","filter","x","action","visible","forEach","showOnRow","push","getLength","primaryActions","secondaryActions","length","getActionProps","tooltip","disabled","onClick","event","EditModeActions","React","useEffect","listener","key","_event$target","target","_event$target$form","form","reset","preventDefault","document","addEventListener","removeEventListener","className","IconButton","appearance","icon","type","useRowActions","rowExpansionRenderer","texts","windowed","inlineEditing","actionsLength","plugin","hooks","visibleColumns","columns","id","flex","Cell","isEditing","sanitizedRow","sanitizeRowProps","output","legacyTable","newSubRow","canEdit","stopPropagation","persist","setActive","isExpanded","toggleRowExpanded","edit","toggleRowEditing","copy","del","map","index","Menu","Trigger","Content","Item","text","InView","rootMargin","inView","ref","pluginName"],"mappings":"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"}
+{"version":3,"file":"useRowActions.js","sources":["../../../../../../../../../src/components/Table/hooks/plugins/useRowActions.tsx"],"sourcesContent":["import React from 'react';\nimport { PluginHook } from 'react-table';\nimport { InView } from 'react-intersection-observer';\nimport { sanitizeRowProps } from '../../util';\nimport { IconButton } from '../../../IconButton/IconButton';\nimport { LocalizationTexts } from '../../../Provider/Localization';\nimport { Menu } from '../../../Menu/Menu';\nimport { RowAction, RowActionHandler, LegacyTableRow } from '../../types';\n\nconst actionGroupClassName = '-mt-1 -mb-1 h-8 flex';\n\nconst hasActions = (inlineEditingUniqueId: any, handlers: any, actions: RowActionHandler<any>[] | undefined): number => {\n    return (\n        !!actions ||\n        handlers.onRowCreate ||\n        handlers.onRowCopy ||\n        handlers.onRowDelete ||\n        !!inlineEditingUniqueId ||\n        handlers.onRowEdit\n    );\n};\n\nconst getActions = (\n    actions: RowActionHandler<any>[] | undefined,\n    row: LegacyTableRow<any> | undefined = undefined\n): [RowAction<any>[], RowAction<any>[]] => {\n    const primary: RowAction<any>[] = [];\n    const secondary: RowAction<any>[] = [];\n\n    if (actions) {\n        let visibleActions = actions.filter(x => !!x && typeof x !== 'boolean') as RowAction<any>[];\n\n        if (row) {\n            visibleActions = visibleActions.filter(action => {\n                if (action.visible !== undefined) {\n                    if (typeof action.visible === 'function') {\n                        return action.visible(row);\n                    }\n\n                    return action.visible;\n                }\n\n                return true;\n            });\n        }\n\n        visibleActions.forEach(action => {\n            if (action.showOnRow) {\n                primary.push(action);\n            } else {\n                secondary.push(action);\n            }\n        });\n    }\n\n    return [primary, secondary];\n};\n\nconst getLength = (inlineEditingUniqueId: any, handlers: any, actions: RowActionHandler<any>[] | undefined): number => {\n    const [primaryActions, secondaryActions] = getActions(actions);\n\n    let length = primaryActions.length + (secondaryActions.length ? 1 : 0);\n\n    if (handlers.onRowCreate) {\n        length++;\n    }\n\n    if (handlers.onRowCopy) {\n        length++;\n    }\n\n    if (handlers.onRowDelete) {\n        length++;\n    }\n\n    if (!!inlineEditingUniqueId || handlers.onRowEdit) {\n        length++;\n\n        if (length < 2) {\n            length++;\n        }\n    }\n\n    return length;\n};\n\nconst getActionProps = (action: RowAction<any>, row: LegacyTableRow<any>) => {\n    return {\n        'aria-label': typeof action.tooltip === 'function' ? action.tooltip(row) : action.tooltip,\n        disabled: typeof action.disabled === 'function' ? action.disabled(row) : action.disabled,\n        onClick: (event: React.MouseEvent<HTMLElement>) => {\n            action.onClick(row, event);\n        },\n    };\n};\n\nconst EditModeActions = () => {\n    React.useEffect(() => {\n        const listener = (event: any) => {\n            if (event.key === 'Escape' && event.target?.form?.reset) {\n                event.preventDefault();\n                event.target.form.reset();\n            }\n        };\n\n        document.addEventListener('keydown', listener);\n\n        return () => {\n            document.removeEventListener('keydown', listener);\n        };\n    }, []);\n\n    return (\n        <div className={actionGroupClassName}>\n            <IconButton appearance=\"primary\" icon=\"tick\" type=\"submit\" className=\"mr-2\" />\n            <IconButton appearance=\"ghost\" icon=\"close\" type=\"reset\" />\n        </div>\n    );\n};\n\nexport const useRowActions = <T extends {}>(\n    inlineEditingUniqueId: keyof T | undefined,\n    handlers: any,\n    actions: RowActionHandler<T>[] | undefined,\n    rowExpansionRenderer: any,\n    texts: LocalizationTexts,\n    windowed = false\n): PluginHook<{}> => {\n    const inlineEditing = !!inlineEditingUniqueId;\n    const actionsLength = getLength(inlineEditingUniqueId, handlers, actions);\n\n    const plugin = (hooks: any): void => {\n        if (hasActions(inlineEditingUniqueId, handlers, actions)) {\n            hooks.visibleColumns.push((columns: any) => [\n                ...columns,\n                {\n                    id: '_actions',\n                    className: 'flex justify-end px-1 overflow-visible',\n                    flex: `0 0 calc((${actionsLength} * 2rem) + .5rem)`,\n                    Cell: ({ row }: any) => {\n                        if (row.isEditing) {\n                            return <EditModeActions />;\n                        }\n\n                        const sanitizedRow = sanitizeRowProps(row, rowExpansionRenderer);\n                        const [primaryActions, secondaryActions] = getActions(actions, sanitizedRow);\n\n                        const output = (\n                            <>\n                                {handlers.onRowCreate && (\n                                    <IconButton\n                                        appearance=\"discrete\"\n                                        icon=\"circle-plus\"\n                                        aria-label={texts.legacyTable.newSubRow}\n                                        tooltip={texts.legacyTable.newSubRow}\n                                        disabled={inlineEditing && !row.canEdit}\n                                        onClick={(event: React.MouseEvent) => {\n                                            event.stopPropagation();\n                                            event.persist();\n                                            row.setActive();\n\n                                            if (!row.isExpanded) {\n                                                row.toggleRowExpanded();\n                                            }\n\n                                            handlers.onRowCreate(sanitizedRow, event);\n                                        }}\n                                    />\n                                )}\n                                {(inlineEditing || handlers.onRowEdit) && (\n                                    <IconButton\n                                        appearance=\"discrete\"\n                                        icon=\"edit\"\n                                        aria-label={texts.legacyTable.edit}\n                                        tooltip={texts.legacyTable.edit}\n                                        disabled={inlineEditing && !row.canEdit}\n                                        onClick={(event: React.MouseEvent) => {\n                                            event.stopPropagation();\n                                            row.setActive();\n\n                                            if (inlineEditing) {\n                                                row.toggleRowEditing();\n                                            } else if (handlers.onRowEdit) {\n                                                event.persist();\n                                                handlers.onRowEdit(sanitizedRow, event);\n                                            }\n                                        }}\n                                    />\n                                )}\n                                {handlers.onRowCopy && (\n                                    <IconButton\n                                        appearance=\"discrete\"\n                                        icon=\"copy\"\n                                        aria-label={texts.legacyTable.copy}\n                                        tooltip={texts.legacyTable.copy}\n                                        disabled={inlineEditing && !row.canEdit}\n                                        onClick={(event: React.MouseEvent) => {\n                                            event.stopPropagation();\n                                            event.persist();\n                                            row.setActive();\n                                            handlers.onRowCopy(sanitizedRow, event);\n                                        }}\n                                    />\n                                )}\n                                {handlers.onRowDelete && (\n                                    <IconButton\n                                        appearance=\"discrete\"\n                                        icon=\"delete\"\n                                        aria-label={texts.legacyTable.del}\n                                        tooltip={texts.legacyTable.del}\n                                        disabled={inlineEditing && !row.canEdit}\n                                        onClick={(event: React.MouseEvent) => {\n                                            event.stopPropagation();\n                                            event.persist();\n                                            row.setActive();\n                                            handlers.onRowDelete(sanitizedRow, event);\n                                        }}\n                                    />\n                                )}\n                                {primaryActions.map((action: RowAction<T>, index: number) => (\n                                    <IconButton\n                                        {...getActionProps(action, sanitizedRow)}\n                                        key={index}\n                                        appearance=\"discrete\"\n                                        icon={typeof action.icon === 'function' ? action.icon(sanitizedRow) : action.icon}\n                                        tooltip={\n                                            typeof action.tooltip === 'function' ? action.tooltip(sanitizedRow) : action.tooltip\n                                        }\n                                    />\n                                ))}\n                                {secondaryActions.length ? (\n                                    <Menu>\n                                        <Menu.Trigger>\n                                            <IconButton\n                                                appearance=\"discrete\"\n                                                icon=\"ellipsis-vertical\"\n                                                aria-label={texts.legacyTable.actions}\n                                                tooltip={texts.legacyTable.actions}\n                                                disabled={inlineEditing && !row.canEdit}\n                                                onClick={(event: React.MouseEvent) => {\n                                                    event.stopPropagation();\n                                                    row.setActive();\n                                                }}\n                                            />\n                                        </Menu.Trigger>\n                                        <Menu.Content>\n                                            {secondaryActions.map((action: RowAction<T>, index: number) => (\n                                                <Menu.Item\n                                                    key={index}\n                                                    icon={\n                                                        typeof action.icon === 'function'\n                                                            ? action.icon(sanitizedRow)\n                                                            : action.icon\n                                                    }\n                                                    {...getActionProps(action, sanitizedRow)}>\n                                                    {typeof action.text === 'function' ? action.text(sanitizedRow) : action.text}\n                                                </Menu.Item>\n                                            ))}\n                                        </Menu.Content>\n                                    </Menu>\n                                ) : null}\n                            </>\n                        );\n\n                        if (windowed) {\n                            return <div className={actionGroupClassName}>{output}</div>;\n                        }\n\n                        return (\n                            <InView rootMargin=\"100px 0px\">\n                                {({ inView, ref }) => (\n                                    <div className={actionGroupClassName} ref={ref}>\n                                        {inView ? output : null}\n                                    </div>\n                                )}\n                            </InView>\n                        );\n                    },\n                },\n            ]);\n        }\n    };\n    plugin.pluginName = 'useRowActions';\n    return plugin;\n};\n"],"names":["actionGroupClassName","hasActions","inlineEditingUniqueId","handlers","actions","onRowCreate","onRowCopy","onRowDelete","onRowEdit","getActions","row","undefined","primary","secondary","visibleActions","filter","x","action","visible","forEach","showOnRow","push","getLength","_getActions","primaryActions","secondaryActions","length","getActionProps","tooltip","disabled","onClick","event","EditModeActions","React","useEffect","listener","key","_event$target","target","_event$target$form","form","reset","preventDefault","document","addEventListener","removeEventListener","className","IconButton","appearance","icon","type","useRowActions","rowExpansionRenderer","texts","windowed","inlineEditing","actionsLength","plugin","hooks","visibleColumns","columns","concat","id","flex","Cell","_ref","isEditing","sanitizedRow","sanitizeRowProps","_getActions2","output","legacyTable","newSubRow","canEdit","stopPropagation","persist","setActive","isExpanded","toggleRowExpanded","edit","toggleRowEditing","copy","del","map","index","Menu","Trigger","Content","Item","text","InView","rootMargin","_ref2","inView","ref","pluginName"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Table/hooks/plugins/useRowDraggable.js

@@ -1,39 +1,34 @@
 import React__default from 'react';
+import { extends as _extends } from '../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Icon } from '../../../Icon/Icon.js';
 import { actions } from 'react-table';
 import { sanitizeRowProps } from '../../util.js';
 
-const pluginName = 'useRowDraggable';
+var pluginName = 'useRowDraggable';
 actions.resetRowDragging = 'resetRowDragging';
 actions.toggleRowDragging = 'toggleRowDragging';
 function reducer(state, action) {
   if (action.type === actions.init) {
-    return {
-      draggingRowIndexPath: null,
-      ...state
-    };
+    return _extends({
+      draggingRowIndexPath: null
+    }, state);
   }
   if (action.type === actions.resetRowDragging) {
-    return {
-      ...state,
+    return _extends({}, state, {
       draggingRowIndexPath: null
-    };
+    });
   }
   if (action.type === actions.toggleRowDragging) {
-    const {
-      indexPath
-    } = action;
-    return {
-      ...state,
+    var indexPath = action.indexPath;
+    return _extends({}, state, {
       draggingRowIndexPath: indexPath
-    };
+    });
   }
   return state;
 }
-const prepareRow = (row, {
-  instance
-}) => {
-  row.toggleRowDragging = () => {
+var prepareRow = function prepareRow(row, _ref) {
+  var instance = _ref.instance;
+  row.toggleRowDragging = function () {
     if (instance.state.draggingRowIndexPath === row.id) {
       instance.dispatch({
         type: actions.resetRowDragging
@@ -52,52 +47,57 @@ const prepareRow = (row, {
     row.isDragging = false;
   }
 };
-const visibleColumns = columns => {
+var visibleColumns = function visibleColumns(columns) {
   return [{
     id: 'draggable',
     className: 'yt-table__cell--draggable flex-col px-0',
-    Cell: () => /*#__PURE__*/React__default.createElement(Icon, {
-      name: "drag",
-      className: "text-grey-700 invisible w-[20px] cursor-grab"
-    }),
+    Cell: function Cell() {
+      return /*#__PURE__*/React__default.createElement(Icon, {
+        name: "drag",
+        className: "text-grey-700 invisible w-[20px] cursor-grab"
+      });
+    },
     flex: '0 0 20px'
-  }, ...columns];
+  }].concat(columns);
 };
-const getRowProps = onRowDrag => (props, {
-  instance,
-  row
-}) => {
-  const onDragStart = event => {
-    event.persist();
-    row.toggleRowDragging();
-    const indexPaths = [row.id, ...Object.keys(instance.state.selectedRowIds)];
-    const data = instance.rows.filter(r => indexPaths.includes(r.id)).map(sanitizeRowProps);
-    const showPlaceholder = placeholder => {
-      const element = window.document.createElement('div');
-      element.id = 'yt-table__drag__placeholder';
-      element.innerText = placeholder;
-      window.document.body.appendChild(element);
-      if (typeof DataTransfer.prototype.setDragImage === 'function') {
-        event.dataTransfer.setDragImage(element, 0, 20);
+var getRowProps = function getRowProps(onRowDrag) {
+  return function (props, _ref2) {
+    var instance = _ref2.instance,
+      row = _ref2.row;
+    var onDragStart = function onDragStart(event) {
+      event.persist();
+      row.toggleRowDragging();
+      var indexPaths = [row.id].concat(Object.keys(instance.state.selectedRowIds));
+      var data = instance.rows.filter(function (r) {
+        return indexPaths.includes(r.id);
+      }).map(sanitizeRowProps);
+      var showPlaceholder = function showPlaceholder(placeholder) {
+        var element = window.document.createElement('div');
+        element.id = 'yt-table__drag__placeholder';
+        element.innerText = placeholder;
+        window.document.body.appendChild(element);
+        if (typeof DataTransfer.prototype.setDragImage === 'function') {
+          event.dataTransfer.setDragImage(element, 0, 20);
+        }
+      };
+      onRowDrag(data, showPlaceholder, event);
+    };
+    var onDragEnd = function onDragEnd() {
+      var element = document.getElementById('yt-table__drag__placeholder');
+      if (element && element.parentNode) {
+        element.parentNode.removeChild(element);
       }
+      row.toggleRowDragging();
     };
-    onRowDrag(data, showPlaceholder, event);
-  };
-  const onDragEnd = () => {
-    const element = document.getElementById('yt-table__drag__placeholder');
-    if (element && element.parentNode) {
-      element.parentNode.removeChild(element);
-    }
-    row.toggleRowDragging();
+    return [props, {
+      draggable: true,
+      onDragStart: onDragStart,
+      onDragEnd: onDragEnd
+    }];
   };
-  return [props, {
-    draggable: true,
-    onDragStart,
-    onDragEnd
-  }];
 };
-const useRowDraggable = onRowDrag => {
-  const plugin = hooks => {
+var useRowDraggable = function useRowDraggable(onRowDrag) {
+  var plugin = function plugin(hooks) {
     if (onRowDrag) {
       hooks.stateReducers.push(reducer);
       hooks.prepareRow.push(prepareRow);

package/dist/esm/packages/taco/src/components/Table/hooks/plugins/useRowDraggable.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRowDraggable.js","sources":["../../../../../../../../../src/components/Table/hooks/plugins/useRowDraggable.tsx"],"sourcesContent":["import React from 'react';\nimport { actions, PluginHook } from 'react-table';\nimport { Icon } from '../../../Icon/Icon';\nimport { RowDragHandler } from '../../types';\nimport { sanitizeRowProps } from '../../util';\n\nconst pluginName = 'useRowDraggable';\n\nactions.resetRowDragging = 'resetRowDragging';\nactions.toggleRowDragging = 'toggleRowDragging';\n\nfunction reducer(state: any, action: any): object {\n    if (action.type === actions.init) {\n        return {\n            draggingRowIndexPath: null,\n            ...state,\n        };\n    }\n\n    if (action.type === actions.resetRowDragging) {\n        return {\n            ...state,\n            draggingRowIndexPath: null,\n        };\n    }\n\n    if (action.type === actions.toggleRowDragging) {\n        const { indexPath } = action;\n        return {\n            ...state,\n            draggingRowIndexPath: indexPath,\n        };\n    }\n\n    return state;\n}\n\nconst prepareRow = (row: any, { instance }: any): void => {\n    row.toggleRowDragging = () => {\n        if (instance.state.draggingRowIndexPath === row.id) {\n            instance.dispatch({ type: actions.resetRowDragging });\n        } else {\n            instance.dispatch({ type: actions.toggleRowDragging, indexPath: row.id });\n        }\n    };\n\n    if (instance.state.draggingRowIndexPath) {\n        row.isDragging = instance.state.draggingRowIndexPath === row.id || !!instance.state.selectedRowIds?.[row.id];\n    } else {\n        row.isDragging = false;\n    }\n};\n\nconst visibleColumns = (columns: any) => {\n    return [\n        {\n            id: 'draggable',\n            className: 'yt-table__cell--draggable flex-col px-0',\n            Cell: () => <Icon name=\"drag\" className=\"text-grey-700 invisible w-[20px] cursor-grab\" />,\n            flex: '0 0 20px',\n        },\n        ...columns,\n    ];\n};\n\nconst getRowProps =\n    (onRowDrag: RowDragHandler<any>) =>\n    (props: any, { instance, row }: any) => {\n        const onDragStart = (event: React.DragEvent): void => {\n            event.persist();\n            row.toggleRowDragging();\n\n            const indexPaths = [row.id, ...Object.keys(instance.state.selectedRowIds)];\n            const data = instance.rows.filter((r: any) => indexPaths.includes(r.id)).map(sanitizeRowProps);\n\n            const showPlaceholder = (placeholder: string) => {\n                const element = window.document.createElement('div');\n                element.id = 'yt-table__drag__placeholder';\n                element.innerText = placeholder;\n                window.document.body.appendChild(element);\n\n                if (typeof DataTransfer.prototype.setDragImage === 'function') {\n                    event.dataTransfer.setDragImage(element, 0, 20);\n                }\n            };\n\n            onRowDrag(data, showPlaceholder, event);\n        };\n\n        const onDragEnd = (): void => {\n            const element: HTMLElement | null = document.getElementById('yt-table__drag__placeholder');\n\n            if (element && element.parentNode) {\n                element.parentNode.removeChild(element);\n            }\n\n            row.toggleRowDragging();\n        };\n\n        return [\n            props,\n            {\n                draggable: true,\n                onDragStart,\n                onDragEnd,\n            },\n        ];\n    };\n\nexport const useRowDraggable = (onRowDrag: RowDragHandler<any> | undefined): PluginHook<{}> => {\n    const plugin = (hooks: any): void => {\n        if (onRowDrag) {\n            hooks.stateReducers.push(reducer);\n            hooks.prepareRow.push(prepareRow);\n            hooks.visibleColumns.push(visibleColumns);\n            hooks.getRowProps.push(getRowProps(onRowDrag));\n        }\n    };\n    plugin.pluginName = pluginName;\n\n    return plugin;\n};\n"],"names":["pluginName","actions","resetRowDragging","toggleRowDragging","reducer","state","action","type","init","draggingRowIndexPath","indexPath","prepareRow","row","instance","id","dispatch","_instance$state$selec","isDragging","selectedRowIds","visibleColumns","columns","className","Cell","React","Icon","name","flex","getRowProps","onRowDrag","props","onDragStart","event","persist","indexPaths","Object","keys","data","rows","filter","r","includes","map","sanitizeRowProps","showPlaceholder","placeholder","element","window","document","createElement","innerText","body","appendChild","DataTransfer","prototype","setDragImage","dataTransfer","onDragEnd","getElementById","parentNode","removeChild","draggable","useRowDraggable","plugin","hooks","stateReducers","push"],"mappings":"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"}
+{"version":3,"file":"useRowDraggable.js","sources":["../../../../../../../../../src/components/Table/hooks/plugins/useRowDraggable.tsx"],"sourcesContent":["import React from 'react';\nimport { actions, PluginHook } from 'react-table';\nimport { Icon } from '../../../Icon/Icon';\nimport { RowDragHandler } from '../../types';\nimport { sanitizeRowProps } from '../../util';\n\nconst pluginName = 'useRowDraggable';\n\nactions.resetRowDragging = 'resetRowDragging';\nactions.toggleRowDragging = 'toggleRowDragging';\n\nfunction reducer(state: any, action: any): object {\n    if (action.type === actions.init) {\n        return {\n            draggingRowIndexPath: null,\n            ...state,\n        };\n    }\n\n    if (action.type === actions.resetRowDragging) {\n        return {\n            ...state,\n            draggingRowIndexPath: null,\n        };\n    }\n\n    if (action.type === actions.toggleRowDragging) {\n        const { indexPath } = action;\n        return {\n            ...state,\n            draggingRowIndexPath: indexPath,\n        };\n    }\n\n    return state;\n}\n\nconst prepareRow = (row: any, { instance }: any): void => {\n    row.toggleRowDragging = () => {\n        if (instance.state.draggingRowIndexPath === row.id) {\n            instance.dispatch({ type: actions.resetRowDragging });\n        } else {\n            instance.dispatch({ type: actions.toggleRowDragging, indexPath: row.id });\n        }\n    };\n\n    if (instance.state.draggingRowIndexPath) {\n        row.isDragging = instance.state.draggingRowIndexPath === row.id || !!instance.state.selectedRowIds?.[row.id];\n    } else {\n        row.isDragging = false;\n    }\n};\n\nconst visibleColumns = (columns: any) => {\n    return [\n        {\n            id: 'draggable',\n            className: 'yt-table__cell--draggable flex-col px-0',\n            Cell: () => <Icon name=\"drag\" className=\"text-grey-700 invisible w-[20px] cursor-grab\" />,\n            flex: '0 0 20px',\n        },\n        ...columns,\n    ];\n};\n\nconst getRowProps =\n    (onRowDrag: RowDragHandler<any>) =>\n    (props: any, { instance, row }: any) => {\n        const onDragStart = (event: React.DragEvent): void => {\n            event.persist();\n            row.toggleRowDragging();\n\n            const indexPaths = [row.id, ...Object.keys(instance.state.selectedRowIds)];\n            const data = instance.rows.filter((r: any) => indexPaths.includes(r.id)).map(sanitizeRowProps);\n\n            const showPlaceholder = (placeholder: string) => {\n                const element = window.document.createElement('div');\n                element.id = 'yt-table__drag__placeholder';\n                element.innerText = placeholder;\n                window.document.body.appendChild(element);\n\n                if (typeof DataTransfer.prototype.setDragImage === 'function') {\n                    event.dataTransfer.setDragImage(element, 0, 20);\n                }\n            };\n\n            onRowDrag(data, showPlaceholder, event);\n        };\n\n        const onDragEnd = (): void => {\n            const element: HTMLElement | null = document.getElementById('yt-table__drag__placeholder');\n\n            if (element && element.parentNode) {\n                element.parentNode.removeChild(element);\n            }\n\n            row.toggleRowDragging();\n        };\n\n        return [\n            props,\n            {\n                draggable: true,\n                onDragStart,\n                onDragEnd,\n            },\n        ];\n    };\n\nexport const useRowDraggable = (onRowDrag: RowDragHandler<any> | undefined): PluginHook<{}> => {\n    const plugin = (hooks: any): void => {\n        if (onRowDrag) {\n            hooks.stateReducers.push(reducer);\n            hooks.prepareRow.push(prepareRow);\n            hooks.visibleColumns.push(visibleColumns);\n            hooks.getRowProps.push(getRowProps(onRowDrag));\n        }\n    };\n    plugin.pluginName = pluginName;\n\n    return plugin;\n};\n"],"names":["pluginName","actions","resetRowDragging","toggleRowDragging","reducer","state","action","type","init","_extends","draggingRowIndexPath","indexPath","prepareRow","row","_ref","instance","id","dispatch","_instance$state$selec","isDragging","selectedRowIds","visibleColumns","columns","className","Cell","React","Icon","name","flex","concat","getRowProps","onRowDrag","props","_ref2","onDragStart","event","persist","indexPaths","Object","keys","data","rows","filter","r","includes","map","sanitizeRowProps","showPlaceholder","placeholder","element","window","document","createElement","innerText","body","appendChild","DataTransfer","prototype","setDragImage","dataTransfer","onDragEnd","getElementById","parentNode","removeChild","draggable","useRowDraggable","plugin","hooks","stateReducers","push"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Table/hooks/plugins/useRowEditing.js

@@ -1,83 +1,77 @@
 import React__default from 'react';
+import { extends as _extends } from '../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { actions } from 'react-table';
 
-const pluginName = 'useRowEditing';
+var pluginName = 'useRowEditing';
 actions.resetRowEditing = 'resetRowEditing';
 actions.toggleRowEditing = 'toggleRowEditing';
 actions.toggleEditing = 'toggleEditing';
 function reducer(state, action) {
   if (action.type === actions.init) {
-    return {
+    return _extends({
       allowEditing: true,
-      editingRowUniqueId: null,
-      ...state
-    };
+      editingRowUniqueId: null
+    }, state);
   }
   if (action.type === actions.resetRowEditing || action.type === actions.resetPage || action.type === actions.gotoPage) {
-    return {
-      ...state,
+    return _extends({}, state, {
       editingRowUniqueId: null
-    };
+    });
   }
   if (action.type === actions.toggleRowEditing) {
-    const {
-      id
-    } = action;
-    return {
-      ...state,
+    var id = action.id;
+    return _extends({}, state, {
       editingRowUniqueId: id
-    };
+    });
   }
   if (action.type === actions.toggleEditing) {
-    return {
-      ...state,
+    return _extends({}, state, {
       allowEditing: !state.allowEditing
-    };
+    });
   }
   return state;
 }
 function useInstance(instance) {
-  const {
-    dispatch
-  } = instance;
-  const resetRowEditing = React__default.useCallback(() => {
+  var dispatch = instance.dispatch;
+  var resetRowEditing = React__default.useCallback(function () {
     dispatch({
       type: actions.resetRowEditing
     });
   }, [dispatch]);
-  const toggleRowEditing = React__default.useCallback(id => {
+  var toggleRowEditing = React__default.useCallback(function (id) {
     dispatch({
       type: actions.toggleRowEditing,
-      id
+      id: id
     });
   }, [dispatch]);
-  const toggleEditing = React__default.useCallback(() => {
+  var toggleEditing = React__default.useCallback(function () {
     dispatch({
       type: actions.toggleEditing
     });
   }, [dispatch]);
   Object.assign(instance, {
-    resetRowEditing,
-    toggleRowEditing,
-    toggleEditing
+    resetRowEditing: resetRowEditing,
+    toggleRowEditing: toggleRowEditing,
+    toggleEditing: toggleEditing
   });
 }
-const prepareRow = uniqueId => (row, {
-  instance
-}) => {
-  const id = row.original[uniqueId];
-  row.toggleRowEditing = () => {
-    if (instance.state.editingRowUniqueId === id) {
-      instance.resetRowEditing();
-    } else {
-      instance.toggleRowEditing(id);
-    }
+var prepareRow = function prepareRow(uniqueId) {
+  return function (row, _ref) {
+    var instance = _ref.instance;
+    var id = row.original[uniqueId];
+    row.toggleRowEditing = function () {
+      if (instance.state.editingRowUniqueId === id) {
+        instance.resetRowEditing();
+      } else {
+        instance.toggleRowEditing(id);
+      }
+    };
+    row.isEditing = row.original._createKey ? instance.state.editingRowUniqueId === row.original._createKey : instance.state.editingRowUniqueId === id;
+    row.canEdit = instance.state.allowEditing && (row.isEditing || !instance.state.editingRowUniqueId);
   };
-  row.isEditing = row.original._createKey ? instance.state.editingRowUniqueId === row.original._createKey : instance.state.editingRowUniqueId === id;
-  row.canEdit = instance.state.allowEditing && (row.isEditing || !instance.state.editingRowUniqueId);
 };
-const useRowEditing = uniqueId => {
-  const plugin = hooks => {
+var useRowEditing = function useRowEditing(uniqueId) {
+  var plugin = function plugin(hooks) {
     if (uniqueId) {
       hooks.stateReducers.push(reducer);
       hooks.useInstance.push(useInstance);

package/dist/esm/packages/taco/src/components/Table/hooks/plugins/useRowEditing.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRowEditing.js","sources":["../../../../../../../../../src/components/Table/hooks/plugins/useRowEditing.tsx"],"sourcesContent":["import React from 'react';\nimport { actions, PluginHook } from 'react-table';\n\nconst pluginName = 'useRowEditing';\n\nactions.resetRowEditing = 'resetRowEditing';\nactions.toggleRowEditing = 'toggleRowEditing';\nactions.toggleEditing = 'toggleEditing';\n\nfunction reducer(state: any, action: any): object {\n    if (action.type === actions.init) {\n        return {\n            allowEditing: true,\n            editingRowUniqueId: null,\n            ...state,\n        };\n    }\n\n    if (action.type === actions.resetRowEditing || action.type === actions.resetPage || action.type === actions.gotoPage) {\n        return {\n            ...state,\n            editingRowUniqueId: null,\n        };\n    }\n\n    if (action.type === actions.toggleRowEditing) {\n        const { id } = action;\n        return {\n            ...state,\n            editingRowUniqueId: id,\n        };\n    }\n\n    if (action.type === actions.toggleEditing) {\n        return {\n            ...state,\n            allowEditing: !state.allowEditing,\n        };\n    }\n\n    return state;\n}\n\nfunction useInstance(instance: any): void {\n    const { dispatch } = instance;\n\n    const resetRowEditing = React.useCallback(() => {\n        dispatch({ type: actions.resetRowEditing });\n    }, [dispatch]);\n\n    const toggleRowEditing = React.useCallback(\n        id => {\n            dispatch({ type: actions.toggleRowEditing, id });\n        },\n        [dispatch]\n    );\n\n    const toggleEditing = React.useCallback(() => {\n        dispatch({ type: actions.toggleEditing });\n    }, [dispatch]);\n\n    Object.assign(instance, {\n        resetRowEditing,\n        toggleRowEditing,\n        toggleEditing,\n    });\n}\n\nconst prepareRow =\n    <T extends {}>(uniqueId: keyof T) =>\n    (row: any, { instance }: any): void => {\n        const id = row.original[uniqueId];\n\n        row.toggleRowEditing = () => {\n            if (instance.state.editingRowUniqueId === id) {\n                instance.resetRowEditing();\n            } else {\n                instance.toggleRowEditing(id);\n            }\n        };\n\n        row.isEditing = row.original._createKey\n            ? instance.state.editingRowUniqueId === row.original._createKey\n            : instance.state.editingRowUniqueId === id;\n        row.canEdit = instance.state.allowEditing && (row.isEditing || !instance.state.editingRowUniqueId);\n    };\n\nexport const useRowEditing = <T extends {}>(uniqueId: keyof T | undefined): PluginHook<{}> => {\n    const plugin = (hooks: any): void => {\n        if (uniqueId) {\n            hooks.stateReducers.push(reducer);\n            hooks.useInstance.push(useInstance);\n            hooks.prepareRow.push(prepareRow<T>(uniqueId));\n        }\n    };\n    plugin.pluginName = pluginName;\n\n    return plugin;\n};\n"],"names":["pluginName","actions","resetRowEditing","toggleRowEditing","toggleEditing","reducer","state","action","type","init","allowEditing","editingRowUniqueId","resetPage","gotoPage","id","useInstance","instance","dispatch","React","useCallback","Object","assign","prepareRow","uniqueId","row","original","isEditing","_createKey","canEdit","useRowEditing","plugin","hooks","stateReducers","push"],"mappings":"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"}
+{"version":3,"file":"useRowEditing.js","sources":["../../../../../../../../../src/components/Table/hooks/plugins/useRowEditing.tsx"],"sourcesContent":["import React from 'react';\nimport { actions, PluginHook } from 'react-table';\n\nconst pluginName = 'useRowEditing';\n\nactions.resetRowEditing = 'resetRowEditing';\nactions.toggleRowEditing = 'toggleRowEditing';\nactions.toggleEditing = 'toggleEditing';\n\nfunction reducer(state: any, action: any): object {\n    if (action.type === actions.init) {\n        return {\n            allowEditing: true,\n            editingRowUniqueId: null,\n            ...state,\n        };\n    }\n\n    if (action.type === actions.resetRowEditing || action.type === actions.resetPage || action.type === actions.gotoPage) {\n        return {\n            ...state,\n            editingRowUniqueId: null,\n        };\n    }\n\n    if (action.type === actions.toggleRowEditing) {\n        const { id } = action;\n        return {\n            ...state,\n            editingRowUniqueId: id,\n        };\n    }\n\n    if (action.type === actions.toggleEditing) {\n        return {\n            ...state,\n            allowEditing: !state.allowEditing,\n        };\n    }\n\n    return state;\n}\n\nfunction useInstance(instance: any): void {\n    const { dispatch } = instance;\n\n    const resetRowEditing = React.useCallback(() => {\n        dispatch({ type: actions.resetRowEditing });\n    }, [dispatch]);\n\n    const toggleRowEditing = React.useCallback(\n        id => {\n            dispatch({ type: actions.toggleRowEditing, id });\n        },\n        [dispatch]\n    );\n\n    const toggleEditing = React.useCallback(() => {\n        dispatch({ type: actions.toggleEditing });\n    }, [dispatch]);\n\n    Object.assign(instance, {\n        resetRowEditing,\n        toggleRowEditing,\n        toggleEditing,\n    });\n}\n\nconst prepareRow =\n    <T extends {}>(uniqueId: keyof T) =>\n    (row: any, { instance }: any): void => {\n        const id = row.original[uniqueId];\n\n        row.toggleRowEditing = () => {\n            if (instance.state.editingRowUniqueId === id) {\n                instance.resetRowEditing();\n            } else {\n                instance.toggleRowEditing(id);\n            }\n        };\n\n        row.isEditing = row.original._createKey\n            ? instance.state.editingRowUniqueId === row.original._createKey\n            : instance.state.editingRowUniqueId === id;\n        row.canEdit = instance.state.allowEditing && (row.isEditing || !instance.state.editingRowUniqueId);\n    };\n\nexport const useRowEditing = <T extends {}>(uniqueId: keyof T | undefined): PluginHook<{}> => {\n    const plugin = (hooks: any): void => {\n        if (uniqueId) {\n            hooks.stateReducers.push(reducer);\n            hooks.useInstance.push(useInstance);\n            hooks.prepareRow.push(prepareRow<T>(uniqueId));\n        }\n    };\n    plugin.pluginName = pluginName;\n\n    return plugin;\n};\n"],"names":["pluginName","actions","resetRowEditing","toggleRowEditing","toggleEditing","reducer","state","action","type","init","_extends","allowEditing","editingRowUniqueId","resetPage","gotoPage","id","useInstance","instance","dispatch","React","useCallback","Object","assign","prepareRow","uniqueId","row","_ref","original","isEditing","_createKey","canEdit","useRowEditing","plugin","hooks","stateReducers","push"],"mappings":"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"}