@economic/taco 0.0.33-alpha.4 → 1.0.0-alpha.1

package/dist/esm/components/Table/hooks/plugins/useRowActions.js

@@ -5,21 +5,27 @@ import { Menu } from '../../../Menu/Menu.js';
 import { sanitizeRowProps } from '../../util.js';
 import { InView } from 'react-intersection-observer';
 
-const actionGroupClassName = '-mt-1 -mb-1 h-8 flex';
+var actionGroupClassName = '-mt-1 -mb-1 h-8 flex';
 
-const hasActions = (inlineEditingUniqueId, handlers, actions) => {
+var hasActions = function hasActions(inlineEditingUniqueId, handlers, actions) {
   return !!actions || handlers.onRowCreate || handlers.onRowCopy || handlers.onRowDelete || !!inlineEditingUniqueId || handlers.onRowEdit;
 };
 
-const getActions = (actions, row = undefined) => {
-  const primary = [];
-  const secondary = [];
+var getActions = function getActions(actions, row) {
+  if (row === void 0) {
+    row = undefined;
+  }
+
+  var primary = [];
+  var secondary = [];
 
   if (actions) {
-    let visibleActions = actions.filter(x => !!x);
+    var visibleActions = actions.filter(function (x) {
+      return !!x;
+    });
 
     if (row) {
-      visibleActions = visibleActions.filter(action => {
+      visibleActions = visibleActions.filter(function (action) {
         if (action.visible !== undefined) {
           if (typeof action.visible === 'function') {
             return action.visible(row);
@@ -32,7 +38,7 @@ const getActions = (actions, row = undefined) => {
       });
     }
 
-    visibleActions.forEach(action => {
+    visibleActions.forEach(function (action) {
       if (action.showOnRow) {
         primary.push(action);
       } else {
@@ -44,9 +50,12 @@ const getActions = (actions, row = undefined) => {
   return [primary, secondary];
 };
 
-const getLength = (inlineEditingUniqueId, handlers, actions) => {
-  const [primaryActions, secondaryActions] = getActions(actions);
-  let length = primaryActions.length + (secondaryActions.length ? 1 : 0);
+var getLength = function getLength(inlineEditingUniqueId, handlers, actions) {
+  var _getActions = getActions(actions),
+      primaryActions = _getActions[0],
+      secondaryActions = _getActions[1];
+
+  var length = primaryActions.length + (secondaryActions.length ? 1 : 0);
 
   if (handlers.onRowCreate) {
     length++;
@@ -71,20 +80,20 @@ const getLength = (inlineEditingUniqueId, handlers, actions) => {
   return length;
 };
 
-const getActionProps = (action, row) => {
+var getActionProps = function getActionProps(action, row) {
   return {
     'aria-label': typeof action.tooltip === 'function' ? action.tooltip(row) : action.tooltip,
     disabled: typeof action.disabled === 'function' ? action.disabled(row) : action.disabled,
-    onClick: event => {
+    onClick: function onClick(event) {
       event.persist();
       action.onClick(row, event);
     }
   };
 };
 
-const EditModeActions = () => {
-  React__default.useEffect(() => {
-    const listener = event => {
+var EditModeActions = function EditModeActions() {
+  React__default.useEffect(function () {
+    var listener = function listener(event) {
       var _event$target, _event$target$form;
 
       if (event.keyCode === keycode('escape') && (_event$target = event.target) !== null && _event$target !== void 0 && (_event$target$form = _event$target.form) !== null && _event$target$form !== void 0 && _event$target$form.reset) {
@@ -94,7 +103,7 @@ const EditModeActions = () => {
     };
 
     document.addEventListener('keydown', listener);
-    return () => {
+    return function () {
       document.removeEventListener('keydown', listener);
     };
   }, []);
@@ -112,120 +121,135 @@ const EditModeActions = () => {
   }));
 };
 
-const useRowActions = (inlineEditingUniqueId, handlers, actions, rowExpansionRenderer, texts, windowed = false) => {
-  const inlineEditing = !!inlineEditingUniqueId;
-  const actionsLength = getLength(inlineEditingUniqueId, handlers, actions);
+var useRowActions = function useRowActions(inlineEditingUniqueId, handlers, actions, rowExpansionRenderer, texts, windowed) {
+  if (windowed === void 0) {
+    windowed = false;
+  }
+
+  var inlineEditing = !!inlineEditingUniqueId;
+  var actionsLength = getLength(inlineEditingUniqueId, handlers, actions);
 
-  const plugin = hooks => {
+  var plugin = function plugin(hooks) {
     if (hasActions(inlineEditingUniqueId, handlers, actions)) {
-      hooks.visibleColumns.push(columns => [...columns, {
-        id: '_actions',
-        className: 'flex justify-end px-1 overflow-visible',
-        flex: `0 0 calc((${actionsLength} * 2rem) + .5rem)`,
-        Cell: ({
-          row
-        }) => {
-          if (row.isEditing) {
-            return React__default.createElement(EditModeActions, null);
-          }
+      hooks.visibleColumns.push(function (columns) {
+        return [].concat(columns, [{
+          id: '_actions',
+          className: 'flex justify-end px-1 overflow-visible',
+          flex: "0 0 calc((" + actionsLength + " * 2rem) + .5rem)",
+          Cell: function Cell(_ref) {
+            var row = _ref.row;
+
+            if (row.isEditing) {
+              return React__default.createElement(EditModeActions, null);
+            }
+
+            var sanitizedRow = sanitizeRowProps(row, rowExpansionRenderer);
+
+            var _getActions2 = getActions(actions, sanitizedRow),
+                primaryActions = _getActions2[0],
+                secondaryActions = _getActions2[1];
+
+            var output = React__default.createElement(React__default.Fragment, null, handlers.onRowCreate && React__default.createElement(IconButton, {
+              appearance: "discrete",
+              icon: "circle-plus",
+              "aria-label": texts.table.newSubRow,
+              tooltip: texts.table.newSubRow,
+              disabled: inlineEditing && !row.canEdit,
+              onClick: function onClick(event) {
+                event.stopPropagation();
+                event.persist();
+                row.setActive();
+
+                if (!row.isExpanded) {
+                  row.toggleRowExpanded();
+                }
 
-          const sanitizedRow = sanitizeRowProps(row, rowExpansionRenderer);
-          const [primaryActions, secondaryActions] = getActions(actions, sanitizedRow);
-          const output = React__default.createElement(React__default.Fragment, null, handlers.onRowCreate && React__default.createElement(IconButton, {
-            appearance: "discrete",
-            icon: "plus-circle",
-            "aria-label": texts.table.newSubRow,
-            tooltip: texts.table.newSubRow,
-            disabled: inlineEditing && !row.canEdit,
-            onClick: event => {
-              event.stopPropagation();
-              event.persist();
-              row.setActive();
-
-              if (!row.isExpanded) {
-                row.toggleRowExpanded();
+                handlers.onRowCreate(sanitizedRow, event);
               }
+            }), (inlineEditing || handlers.onRowEdit) && React__default.createElement(IconButton, {
+              appearance: "discrete",
+              icon: "edit",
+              "aria-label": texts.table.edit,
+              tooltip: texts.table.edit,
+              disabled: inlineEditing && !row.canEdit,
+              onClick: function onClick(event) {
+                event.stopPropagation();
+                row.setActive();
 
-              handlers.onRowCreate(sanitizedRow, event);
-            }
-          }), (inlineEditing || handlers.onRowEdit) && React__default.createElement(IconButton, {
-            appearance: "discrete",
-            icon: "edit",
-            "aria-label": texts.table.edit,
-            tooltip: texts.table.edit,
-            disabled: inlineEditing && !row.canEdit,
-            onClick: event => {
-              event.stopPropagation();
-              row.setActive();
-
-              if (inlineEditing) {
-                row.toggleRowEditing();
-              } else if (handlers.onRowEdit) {
+                if (inlineEditing) {
+                  row.toggleRowEditing();
+                } else if (handlers.onRowEdit) {
+                  event.persist();
+                  handlers.onRowEdit(sanitizedRow, event);
+                }
+              }
+            }), handlers.onRowCopy && React__default.createElement(IconButton, {
+              appearance: "discrete",
+              icon: "copy",
+              "aria-label": texts.table.copy,
+              tooltip: texts.table.copy,
+              disabled: inlineEditing && !row.canEdit,
+              onClick: function onClick(event) {
+                event.stopPropagation();
                 event.persist();
-                handlers.onRowEdit(sanitizedRow, event);
+                row.setActive();
+                handlers.onRowCopy(sanitizedRow, event);
               }
+            }), handlers.onRowDelete && React__default.createElement(IconButton, {
+              appearance: "discrete",
+              icon: "delete",
+              "aria-label": texts.table.del,
+              tooltip: texts.table.del,
+              disabled: inlineEditing && !row.canEdit,
+              onClick: function onClick(event) {
+                event.stopPropagation();
+                event.persist();
+                row.setActive();
+                handlers.onRowDelete(sanitizedRow, event);
+              }
+            }), primaryActions.map(function (action, index) {
+              return React__default.createElement(IconButton, Object.assign({}, getActionProps(action, sanitizedRow), {
+                key: index,
+                appearance: "discrete",
+                icon: typeof action.icon === 'function' ? action.icon(sanitizedRow) : action.icon,
+                tooltip: typeof action.tooltip === 'function' ? action.tooltip(sanitizedRow) : action.tooltip
+              }));
+            }), secondaryActions.length ? React__default.createElement(Menu, null, React__default.createElement(Menu.Trigger, null, React__default.createElement(IconButton, {
+              appearance: "discrete",
+              icon: "ellipsis-vertical",
+              "aria-label": texts.table.actions,
+              tooltip: texts.table.actions,
+              disabled: inlineEditing && !row.canEdit,
+              onClick: function onClick(event) {
+                event.stopPropagation();
+                row.setActive();
+              }
+            })), React__default.createElement(Menu.Content, null, secondaryActions.map(function (action, index) {
+              return React__default.createElement(Menu.Item, Object.assign({
+                key: index,
+                icon: typeof action.icon === 'function' ? action.icon(sanitizedRow) : action.icon
+              }, getActionProps(action, sanitizedRow)), action.text);
+            }))) : null);
+
+            if (windowed) {
+              return React__default.createElement("div", {
+                className: actionGroupClassName
+              }, output);
             }
-          }), handlers.onRowCopy && React__default.createElement(IconButton, {
-            appearance: "discrete",
-            icon: "copy",
-            "aria-label": texts.table.copy,
-            tooltip: texts.table.copy,
-            disabled: inlineEditing && !row.canEdit,
-            onClick: event => {
-              event.stopPropagation();
-              event.persist();
-              row.setActive();
-              handlers.onRowCopy(sanitizedRow, event);
-            }
-          }), handlers.onRowDelete && React__default.createElement(IconButton, {
-            appearance: "discrete",
-            icon: "delete",
-            "aria-label": texts.table.del,
-            tooltip: texts.table.del,
-            disabled: inlineEditing && !row.canEdit,
-            onClick: event => {
-              event.stopPropagation();
-              event.persist();
-              row.setActive();
-              handlers.onRowDelete(sanitizedRow, event);
-            }
-          }), primaryActions.map((action, index) => React__default.createElement(IconButton, Object.assign({}, getActionProps(action, sanitizedRow), {
-            key: index,
-            appearance: "discrete",
-            icon: typeof action.icon === 'function' ? action.icon(sanitizedRow) : action.icon,
-            tooltip: typeof action.tooltip === 'function' ? action.tooltip(sanitizedRow) : action.tooltip
-          }))), secondaryActions.length ? React__default.createElement(Menu, null, React__default.createElement(Menu.Trigger, null, React__default.createElement(IconButton, {
-            appearance: "discrete",
-            icon: "ellipsis-vertical",
-            "aria-label": texts.table.actions,
-            tooltip: texts.table.actions,
-            disabled: inlineEditing && !row.canEdit,
-            onClick: event => {
-              event.stopPropagation();
-              row.setActive();
-            }
-          })), React__default.createElement(Menu.Content, null, secondaryActions.map((action, index) => React__default.createElement(Menu.Item, Object.assign({
-            key: index,
-            icon: typeof action.icon === 'function' ? action.icon(sanitizedRow) : action.icon
-          }, getActionProps(action, sanitizedRow)), action.text)))) : null);
-
-          if (windowed) {
-            return React__default.createElement("div", {
-              className: actionGroupClassName
-            }, output);
-          }
 
-          return React__default.createElement(InView, {
-            rootMargin: "100px 0px"
-          }, ({
-            inView,
-            ref
-          }) => React__default.createElement("div", {
-            className: actionGroupClassName,
-            ref: ref
-          }, inView ? output : null));
-        }
-      }]);
+            return React__default.createElement(InView, {
+              rootMargin: "100px 0px"
+            }, function (_ref2) {
+              var inView = _ref2.inView,
+                  ref = _ref2.ref;
+              return React__default.createElement("div", {
+                className: actionGroupClassName,
+                ref: ref
+              }, inView ? output : null);
+            });
+          }
+        }]);
+      });
     }
   };
 

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

package/dist/esm/components/Table/hooks/plugins/useRowDraggable.js

@@ -1,42 +1,40 @@
+import { extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 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
@@ -58,61 +56,67 @@ const prepareRow = (row, {
   }
 };
 
-const visibleColumns = columns => {
+var visibleColumns = function visibleColumns(columns) {
   return [{
     id: 'draggable',
     className: 'yt-table__cell--draggable flex-col px-0',
-    Cell: () => React__default.createElement(Icon, {
-      name: "drag",
-      className: "text-grey-darkest invisible w-[20px] cursor-grab"
-    }),
+    Cell: function Cell() {
+      return React__default.createElement(Icon, {
+        name: "drag",
+        className: "text-grey-darkest 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);
     };
 
-    onRowDrag(data, showPlaceholder, event);
-  };
+    var onDragEnd = function onDragEnd() {
+      var element = document.getElementById('yt-table__drag__placeholder');
 
-  const onDragEnd = () => {
-    const element = document.getElementById('yt-table__drag__placeholder');
+      if (element && element.parentNode) {
+        element.parentNode.removeChild(element);
+      }
 
-    if (element && element.parentNode) {
-      element.parentNode.removeChild(element);
-    }
+      row.toggleRowDragging();
+    };
 
-    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);