@table-library/react-table-library - npm Package Compare versions

Comparing version 4.0.10 to 4.0.11

package.json

 {
   "name": "@table-library/react-table-library",
-  "version": "4.0.10",
+  "version": "4.0.11",
   "description": "react-table-library",
@@ -5,0 +5,0 @@ "type": "module",

README.md

@@ -30,2 +30,4 @@ <h1 align="center">Build better Tables with React&nbsp;🍱</h1>
 
+Check out awesome tables over here: **[Demo](https://react-tables.com/)**
+
 ## Requirements
@@ -51,4 +53,3 @@
 
-* **[Documentation](https://react-table-library.com/)**
-* **[Demo](https://react-tables.com/)**
+- **[Documentation](https://react-table-library.com/)**
 
@@ -67,3 +68,3 @@ ```javascript
   },
-]
+];
 
@@ -98,3 +99,3 @@ const COLUMNS = [
 
-You are looking for a suitable table component to solve your problem, but you cannot find any one solution which comes with all your desired features and is still  customizable for a pleasant developer experience. I myself ran into this problem after working with many different React table components -- from UI libraries but also from standalone libraries -- and none of them felt right to me. After working on React tables for three different clients over the past year, I decided to create my own solution for my clients. I came to the conclusion that the React ecosystem needs yet another table library -- which does it better.
+You are looking for a suitable table component to solve your problem, but you cannot find any one solution which comes with all your desired features and is still customizable for a pleasant developer experience. I myself ran into this problem after working with many different React table components -- from UI libraries but also from standalone libraries -- and none of them felt right to me. After working on React tables for three different clients over the past year, I decided to create my own solution for my clients. I came to the conclusion that the React ecosystem needs yet another table library -- which does it better.
 
@@ -101,0 +102,0 @@ ## The Solution

select.js

@@ -1,2 +0,2 @@
-import{a as e,S as t}from"./select-caf548e3.js";export{S as SelectClickTypes,a as SelectTypes}from"./select-caf548e3.js";import{_ as o,o as r}from"./styles-79dd03ea.js";import*as n from"react";import i from"clsx";import{jsx as s}from"@emotion/react";import{S as c,a as l,u as d}from"./Feature-819fe2b5.js";import{C as p,i as u}from"./Cell-59458ef9.js";import{a as f}from"./modifiers-e1faba7b.js";import{H as m}from"./HeaderCell-52c867d4.js";import{s as y}from"./slicedToArray-c92cae3a.js";import{d as g}from"./defineProperty-9f9de5d0.js";import{F as b,R as w}from"./colors-953946b8.js";import{u as h}from"./index-e21c23fe.js";import{b as j}from"./useSyncControlledState-80c86a40.js";import"./toConsumableArray-25e5c43c.js";import"./unsupportedIterableToArray-dc74e326.js";import"./fromTreeToList-26486e10.js";var C="production"===process.env.NODE_ENV?{name:"e0dnmk",styles:"cursor:pointer"}:{name:"e0dnmk",styles:"cursor:pointer",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ21CIiwiZmlsZSI6InN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XHJcbmV4cG9ydCBkZWZhdWx0IGNzcyBgXG4gIGN1cnNvcjogcG9pbnRlcjtcbmA7XHJcbiJdfQ== */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}},v=n.forwardRef((function(e,t){return s("input",o({type:"checkbox",ref:t},e,{css:C}))})),k=function(e){var t=e.checked,o=e.isIndeterminate,r=e.onChange;return s(v,{ref:function(e){e&&(t?(e.indeterminate=!1,e.checked=!0):o?(e.indeterminate=!0,e.checked=!1):(e.indeterminate=!1,e.checked=!1))},type:"checkbox",onChange:r})},T=["item"],I=n.memo((function(t){var i=t.item,a=r(t,T),u=n.useContext(c),m=l(),y=d();if(!u)throw new Error("No Select Context. No return value from useRowSelect provided to Table component.");var g=u.options.buttonSelect===e.SingleSelect&&u.state.id===i.id||u.state.ids.includes(i.id),b=n.useCallback((function(){var t=u.options.buttonSelect===e.MultiSelect;y&&t?u.fns.onToggleByIdShift(i.id,u.options,f(m)):t?u.fns.onToggleByIdRecursively(i.id,{isCarryForward:u.options.isCarryForward,isPartialToAll:u.options.isPartialToAll}):u.fns.onToggleByIdExclusively(i.id)}),[y,m,i.id,u]);return s(p,o({stiff:!0},a),s(k,{checked:!!g,onChange:b}))})),O=n.memo((function(t){var r=n.useContext(c);if(!r)throw new Error("No Select Context. No return value from useRowSelect provided to Table component.");var i=r.state.all,l=!r.state.all&&!r.state.none||r.options.buttonSelect===e.SingleSelect&&null!=r.state.id;return s(m,o({stiff:!0},t),s(k,{checked:!!i,isIndeterminate:l,onChange:function(){return r.fns.onToggleAll({isPartialToAll:r.options.isPartialToAll})}}))}));function P(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,r)}return o}function x(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?P(Object(o),!0).forEach((function(t){g(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):P(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}var B=function(o,r){var n=o.item,s=r.select;if(!s)throw new Error("No 'select' in getRowProps. That's odd");var c=s.state.ids.includes(n.id),l=s.state.id===n.id;return{theme:"\n    &.row-select-selected,\n    &.row-select-single-selected {\n      color: ".concat(b,";\n      font-weight: bold;\n\n      background-color: ").concat(w,";\n    }\n\n    &.row-select-clickable {\n      cursor: pointer;\n    }\n  "),className:i("row-select",{"row-select-clickable":s.options.clickType===t.RowClick,"row-select-selected":c,"row-select-single-selected":l}),onClick:function(o,n){if(u(n)&&s.options.clickType===t.RowClick){var i=s.options.rowSelect===e.MultiSelect||s.options.buttonSelect===e.MultiSelect,c=s.options.rowSelect===e.MultiSelect,l=!!n.metaKey,a=!!n.shiftKey;l&&i?s.fns.onToggleById(o.id):a&&i?s.fns.onToggleByIdShift(o.id,s.options,f(r)):c?s.fns.onToggleById(o.id):s.fns.onToggleByIdExclusively(o.id)}}}},N={ids:[],id:null},R={clickType:t.RowClick,rowSelect:e.SingleSelect,buttonSelect:e.MultiSelect,isCarryForward:!0,isPartialToAll:!1},A=function(e,t,o,r){var n=null!=t&&t.state?x(x({},N),t.state):x({},N),i=null!=t&&t.onChange?t.onChange:function(){},s=h(e,n,i,r),c=y(s,2),l=c[0],a=c[1];return j("select",r,l),{state:l,fns:a,options:x(x({},R),o||{}),_getRowProps:B,components:{HeaderCellSelect:O,CellSelect:I}}};export{I as CellSelect,k as Checkbox,O as HeaderCellSelect,A as useRowSelect};
+import{a as e,S as t}from"./select-caf548e3.js";export{S as SelectClickTypes,a as SelectTypes}from"./select-caf548e3.js";import{_ as o,o as r}from"./styles-79dd03ea.js";import*as n from"react";import i from"clsx";import{jsx as s}from"@emotion/react";import{S as c,a as l,u as d}from"./Feature-819fe2b5.js";import{C as p,i as u}from"./Cell-59458ef9.js";import{a as f}from"./modifiers-e1faba7b.js";import{H as m}from"./HeaderCell-52c867d4.js";import{s as y}from"./slicedToArray-c92cae3a.js";import{d as g}from"./defineProperty-9f9de5d0.js";import{F as b,R as w}from"./colors-953946b8.js";import{u as h}from"./index-9c80917d.js";import{b as j}from"./useSyncControlledState-80c86a40.js";import"./toConsumableArray-25e5c43c.js";import"./unsupportedIterableToArray-dc74e326.js";import"./fromTreeToList-26486e10.js";var C="production"===process.env.NODE_ENV?{name:"e0dnmk",styles:"cursor:pointer"}:{name:"e0dnmk",styles:"cursor:pointer",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ21CIiwiZmlsZSI6InN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XHJcbmV4cG9ydCBkZWZhdWx0IGNzcyBgXG4gIGN1cnNvcjogcG9pbnRlcjtcbmA7XHJcbiJdfQ== */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}},v=n.forwardRef((function(e,t){return s("input",o({type:"checkbox",ref:t},e,{css:C}))})),k=function(e){var t=e.checked,o=e.isIndeterminate,r=e.onChange;return s(v,{ref:function(e){e&&(t?(e.indeterminate=!1,e.checked=!0):o?(e.indeterminate=!0,e.checked=!1):(e.indeterminate=!1,e.checked=!1))},type:"checkbox",onChange:r})},T=["item"],I=n.memo((function(t){var i=t.item,a=r(t,T),u=n.useContext(c),m=l(),y=d();if(!u)throw new Error("No Select Context. No return value from useRowSelect provided to Table component.");var g=u.options.buttonSelect===e.SingleSelect&&u.state.id===i.id||u.state.ids.includes(i.id),b=n.useCallback((function(){var t=u.options.buttonSelect===e.MultiSelect;y&&t?u.fns.onToggleByIdShift(i.id,u.options,f(m)):t?u.fns.onToggleByIdRecursively(i.id,{isCarryForward:u.options.isCarryForward,isPartialToAll:u.options.isPartialToAll}):u.fns.onToggleByIdExclusively(i.id)}),[y,m,i.id,u]);return s(p,o({stiff:!0},a),s(k,{checked:!!g,onChange:b}))})),O=n.memo((function(t){var r=n.useContext(c);if(!r)throw new Error("No Select Context. No return value from useRowSelect provided to Table component.");var i=r.state.all,l=!r.state.all&&!r.state.none||r.options.buttonSelect===e.SingleSelect&&null!=r.state.id;return s(m,o({stiff:!0},t),s(k,{checked:!!i,isIndeterminate:l,onChange:function(){return r.fns.onToggleAll({isPartialToAll:r.options.isPartialToAll})}}))}));function P(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,r)}return o}function x(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?P(Object(o),!0).forEach((function(t){g(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):P(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}var B=function(o,r){var n=o.item,s=r.select;if(!s)throw new Error("No 'select' in getRowProps. That's odd");var c=s.state.ids.includes(n.id),l=s.state.id===n.id;return{theme:"\n    &.row-select-selected,\n    &.row-select-single-selected {\n      color: ".concat(b,";\n      font-weight: bold;\n\n      background-color: ").concat(w,";\n    }\n\n    &.row-select-clickable {\n      cursor: pointer;\n    }\n  "),className:i("row-select",{"row-select-clickable":s.options.clickType===t.RowClick,"row-select-selected":c,"row-select-single-selected":l}),onClick:function(o,n){if(u(n)&&s.options.clickType===t.RowClick){var i=s.options.rowSelect===e.MultiSelect||s.options.buttonSelect===e.MultiSelect,c=s.options.rowSelect===e.MultiSelect,l=!!n.metaKey,a=!!n.shiftKey;l&&i?s.fns.onToggleById(o.id):a&&i?s.fns.onToggleByIdShift(o.id,s.options,f(r)):c?s.fns.onToggleById(o.id):s.fns.onToggleByIdExclusively(o.id)}}}},N={ids:[],id:null},R={clickType:t.RowClick,rowSelect:e.SingleSelect,buttonSelect:e.MultiSelect,isCarryForward:!0,isPartialToAll:!1},A=function(e,t,o,r){var n=null!=t&&t.state?x(x({},N),t.state):x({},N),i=null!=t&&t.onChange?t.onChange:function(){},s=h(e,n,i,r),c=y(s,2),l=c[0],a=c[1];return j("select",r,l),{state:l,fns:a,options:x(x({},R),o||{}),_getRowProps:B,components:{HeaderCellSelect:O,CellSelect:I}}};export{I as CellSelect,k as Checkbox,O as HeaderCellSelect,A as useRowSelect};
 //# sourceMappingURL=select.js.map

tree.js

@@ -1,2 +0,2 @@
-import{T as e}from"./tree-d71a5faf.js";export{T as TreeExpandClickTypes}from"./tree-d71a5faf.js";import{o as t}from"./styles-79dd03ea.js";import{d as n}from"./defineProperty-9f9de5d0.js";import*as c from"react";import{jsx as l}from"@emotion/react";import{B as o,I as r}from"./IconChevronSingleDown-1ff353c5.js";import i from"clsx";import{T as b,C as s,i as g}from"./Cell-59458ef9.js";import{i as a}from"./isLeaf-be2a2efe.js";import{s as I}from"./slicedToArray-c92cae3a.js";import{b as d}from"./fromTreeToList-26486e10.js";import{u}from"./index-e21c23fe.js";import{b as m}from"./useSyncControlledState-80c86a40.js";import"./unsupportedIterableToArray-dc74e326.js";import"./toConsumableArray-25e5c43c.js";var p=["item","treeIcon","children"];function C(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);t&&(c=c.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,c)}return n}function v(e){for(var t=1;t<arguments.length;t++){var c=null!=arguments[t]?arguments[t]:{};t%2?C(Object(c),!0).forEach((function(t){n(e,t,c[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(c)):C(Object(c)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(c,t))}))}return e}var y="production"===process.env.NODE_ENV?{name:"v16uam",styles:"display:flex;align-items:center;&>div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}"}:{name:"pencnh-style",styles:"display:flex;align-items:center;&>div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;};label:style;",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNlbGxUcmVlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNa0IiLCJmaWxlIjoiQ2VsbFRyZWUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XHJcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJ0B0YWJsZS1saWJyYXJ5L3JlYWN0LXRhYmxlLWxpYnJhcnkvY29tbW9uL2NvbXBvbmVudHMvQnV0dG9uJztcclxuaW1wb3J0IHsgQ2VsbCB9IGZyb20gJ0B0YWJsZS1saWJyYXJ5L3JlYWN0LXRhYmxlLWxpYnJhcnkvdGFibGUvQ2VsbCc7XHJcbmltcG9ydCB7IFRyZWVDb250ZXh0IH0gZnJvbSAnQHRhYmxlLWxpYnJhcnkvcmVhY3QtdGFibGUtbGlicmFyeS9jb21tb24vY29udGV4dC9UcmVlJztcclxuaW1wb3J0IHsgaXNMZWFmIH0gZnJvbSAnQHRhYmxlLWxpYnJhcnkvcmVhY3QtdGFibGUtbGlicmFyeS9jb21tb24vdXRpbC90cmVlJztcclxuY29uc3Qgc3R5bGUgPSBjc3MgYFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICYgPiBkaXYge1xuICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgfVxuYDtcclxuY29uc3QgZ2V0VHJlZUljb24gPSAoaXRlbSwgdHJlZVN0YXRlLCB0cmVlSWNvblNpemUsIFRyZWVJY29uRGVmYXVsdCwgVHJlZUljb25SaWdodCwgVHJlZUljb25Eb3duKSA9PiB7XHJcbiAgICBjb25zdCBzaXplID0ge1xyXG4gICAgICAgIGhlaWdodDogYCR7dHJlZUljb25TaXplfWAsXHJcbiAgICAgICAgd2lkdGg6IGAke3RyZWVJY29uU2l6ZX1gLFxyXG4gICAgfTtcclxuICAgIGNvbnN0IGlzVHJlZUV4cGFuZGVkID0gdHJlZVN0YXRlLmlkcy5pbmNsdWRlcyhpdGVtLmlkKTtcclxuICAgIGlmICghaXNMZWFmKGl0ZW0pICYmIGlzVHJlZUV4cGFuZGVkKSB7XHJcbiAgICAgICAgcmV0dXJuIFRyZWVJY29uRG93biA/IFJlYWN0LmNsb25lRWxlbWVudChUcmVlSWNvbkRvd24sIHsgLi4uc2l6ZSB9KSA6IG51bGw7XHJcbiAgICB9XHJcbiAgICBpZiAoIWlzTGVhZihpdGVtKSAmJiAhaXNUcmVlRXhwYW5kZWQpIHtcclxuICAgICAgICByZXR1cm4gVHJlZUljb25SaWdodCA/IFJlYWN0LmNsb25lRWxlbWVudChUcmVlSWNvblJpZ2h0LCB7IC4uLnNpemUgfSkgOiBudWxsO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIFRyZWVJY29uRGVmYXVsdCA/IFJlYWN0LmNsb25lRWxlbWVudChUcmVlSWNvbkRlZmF1bHQsIHsgLi4uc2l6ZSB9KSA6IG51bGw7XHJcbn07XHJcbmV4cG9ydCBjb25zdCBDZWxsVHJlZSA9ICh7IGl0ZW0sIHRyZWVJY29uID0ge30sIGNoaWxkcmVuLCAuLi5wYXNzVGhyb3VnaCB9KSA9PiB7XHJcbiAgICBjb25zdCBjb250ZXh0ID0gUmVhY3QudXNlQ29udGV4dChUcmVlQ29udGV4dCk7XHJcbiAgICBpZiAoIWNvbnRleHQpIHtcclxuICAgICAgICB0aHJvdyBuZXcgRXJyb3IoJ05vIFRyZWUgQ29udGV4dC4gTm8gcmV0dXJuIHZhbHVlIGZyb20gdXNlVHJlZSBwcm92aWRlZCB0byBUYWJsZSBjb21wb25lbnQuJyk7XHJcbiAgICB9XHJcbiAgICBjb25zdCB7IHN0YXRlLCBmbnMsIG9wdGlvbnMgfSA9IGNvbnRleHQ7XHJcbiAgICBjb25zdCBtZXJnZWRUcmVlSWNvbk9wdGlvbnMgPSB7XHJcbiAgICAgICAgLi4ub3B0aW9ucy50cmVlSWNvbixcclxuICAgICAgICAuLi50cmVlSWNvbixcclxuICAgIH07XHJcbiAgICBjb25zdCBoYW5kbGVDbGljayA9ICgpID0+IHtcclxuICAgICAgICBpZiAoaXNMZWFmKGl0ZW0pKVxyXG4gICAgICAgICAgICByZXR1cm47XHJcbiAgICAgICAgZm5zLm9uVG9nZ2xlQnlJZChpdGVtLmlkKTtcclxuICAgIH07XHJcbiAgICBjb25zdCBpY29uID0gZ2V0VHJlZUljb24oaXRlbSwgc3RhdGUsIG1lcmdlZFRyZWVJY29uT3B0aW9ucy5zaXplLCBtZXJnZWRUcmVlSWNvbk9wdGlvbnMuaWNvbkRlZmF1bHQsIG1lcmdlZFRyZWVJY29uT3B0aW9ucy5pY29uUmlnaHQsIG1lcmdlZFRyZWVJY29uT3B0aW9ucy5pY29uRG93bik7XHJcbiAgICByZXR1cm4gKDxDZWxsIHsuLi5wYXNzVGhyb3VnaH0+XG4gICAgICA8ZGl2IGNzcz17c3R5bGV9PlxuICAgICAgICA8QnV0dG9uIGNsYXNzTmFtZT1cInByZWZpeCBuYXJyb3dcIiBtYXJnaW49e2ljb24gPyBtZXJnZWRUcmVlSWNvbk9wdGlvbnMubWFyZ2luIDogbWVyZ2VkVHJlZUljb25PcHRpb25zLm5vSWNvbk1hcmdpbn0gb25DbGljaz17aGFuZGxlQ2xpY2t9PlxuICAgICAgICAgIHtpY29uID8gPGRpdj57aWNvbn08L2Rpdj4gOiA8ZGl2IC8+fVxuICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgPGRpdj57Y2hpbGRyZW59PC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L0NlbGw+KTtcclxufTtcclxuIl19 */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}},G=function(e){var n=e.item,r=e.treeIcon,i=void 0===r?{}:r,g=e.children,I=t(e,p),d=c.useContext(b);if(!d)throw new Error("No Tree Context. No return value from useTree provided to Table component.");var u=d.state,m=d.fns,C=v(v({},d.options.treeIcon),i),G=function(e,t,n,l,o,r){var i={height:"".concat(n),width:"".concat(n)},b=t.ids.includes(e.id);return!a(e)&&b?r?c.cloneElement(r,v({},i)):null:a(e)||b?l?c.cloneElement(l,v({},i)):null:o?c.cloneElement(o,v({},i)):null}(n,u,C.size,C.iconDefault,C.iconRight,C.iconDown);return l(s,I,l("div",{css:y},l(o,{className:"prefix narrow",margin:G?C.margin:C.noIconMargin,onClick:function(){a(n)||m.onToggleById(n.id)}},G?l("div",null,G):l("div",null)),l("div",null,g)))};function f(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);t&&(c=c.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,c)}return n}function A(e){for(var t=1;t<arguments.length;t++){var c=null!=arguments[t]?arguments[t]:{};t%2?f(Object(c),!0).forEach((function(t){n(e,t,c[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(c)):f(Object(c)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(c,t))}))}return e}var V=function(t,n){var c=t.item,l=n.tree;if(!l)throw new Error("No 'tree' in getRowProps. That's odd");var o=l.state.ids.includes(c.id),r=c.treeYLevel||l.options.treeYLevel,b=c.treeXLevel||l.options.treeXLevel;return{theme:"\n    &.row-tree-clickable {\n      cursor: pointer;\n    }\n\n    .td:nth-of-type(".concat(r+1,") > div {\n      padding-left: ").concat(b*l.options.indentation,"px;\n    }\n  "),className:i("row-tree",{"row-tree-clickable":l.options.clickType===e.RowClick,"row-tree-expanded":o,"row-tree-leaf":a(c)}),onClick:function(t,n){g(n)&&(a(t)||l.options.clickType===e.RowClick&&l.fns.onToggleById(t.id))}}},Z={ids:[]},J={margin:"4px",size:"14px",noIconMargin:"0px",iconDefault:null,iconRight:l((function(e){var t=e.width,n=e.height,c=e.viewBox,o=e.strokeWidth;return l("svg",{id:"svg-icon-chevron-single-right","data-name":"svg-icon-chevron-single-right","data-testid":"svg-icon-chevron-single-right",xmlns:"http://www.w3.org/2000/svg",width:t||"36rem",height:n||"36rem",viewBox:c||"0 0 36 36",strokeWidth:o||"0rem"},l("polygon",{points:"15 36 12 36 21 18 12 0 15 0 24 18 15 36"}))}),null),iconDown:l(r,null)},W={isServer:!1,treeIcon:J,clickType:e.RowClick,indentation:20,treeXLevel:0,treeYLevel:0},h=function(e,t,n,c){var l=null!=t&&t.state?A(A({},Z),t.state):A({},Z),o=null!=t&&t.onChange?t.onChange:function(){},r=u(e,l,o,c),i=I(r,2),b=i[0],s=i[1];m("tree",c,b);var g=A(A(A({},W),n||{}),{},{treeIcon:A(A({},J),n?n.treeIcon:{})});return{state:b,fns:s,options:g,_getRowProps:V,modifier:function(t){return g.isServer?t:d(e,t,b.ids,g.treeXLevel,g.treeYLevel,null)},components:{CellTree:G}}};export{G as CellTree,h as useTree};
+import{T as e}from"./tree-d71a5faf.js";export{T as TreeExpandClickTypes}from"./tree-d71a5faf.js";import{o as t}from"./styles-79dd03ea.js";import{d as n}from"./defineProperty-9f9de5d0.js";import*as c from"react";import{jsx as l}from"@emotion/react";import{B as o,I as r}from"./IconChevronSingleDown-1ff353c5.js";import i from"clsx";import{T as b,C as s,i as g}from"./Cell-59458ef9.js";import{i as a}from"./isLeaf-be2a2efe.js";import{s as d}from"./slicedToArray-c92cae3a.js";import{b as I}from"./fromTreeToList-26486e10.js";import{u}from"./index-9c80917d.js";import{b as m}from"./useSyncControlledState-80c86a40.js";import"./unsupportedIterableToArray-dc74e326.js";import"./toConsumableArray-25e5c43c.js";var p=["item","treeIcon","children"];function C(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);t&&(c=c.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,c)}return n}function v(e){for(var t=1;t<arguments.length;t++){var c=null!=arguments[t]?arguments[t]:{};t%2?C(Object(c),!0).forEach((function(t){n(e,t,c[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(c)):C(Object(c)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(c,t))}))}return e}var y="production"===process.env.NODE_ENV?{name:"v16uam",styles:"display:flex;align-items:center;&>div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}"}:{name:"pencnh-style",styles:"display:flex;align-items:center;&>div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;};label:style;",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNlbGxUcmVlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNa0IiLCJmaWxlIjoiQ2VsbFRyZWUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XHJcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJ0B0YWJsZS1saWJyYXJ5L3JlYWN0LXRhYmxlLWxpYnJhcnkvY29tbW9uL2NvbXBvbmVudHMvQnV0dG9uJztcclxuaW1wb3J0IHsgQ2VsbCB9IGZyb20gJ0B0YWJsZS1saWJyYXJ5L3JlYWN0LXRhYmxlLWxpYnJhcnkvdGFibGUvQ2VsbCc7XHJcbmltcG9ydCB7IFRyZWVDb250ZXh0IH0gZnJvbSAnQHRhYmxlLWxpYnJhcnkvcmVhY3QtdGFibGUtbGlicmFyeS9jb21tb24vY29udGV4dC9UcmVlJztcclxuaW1wb3J0IHsgaXNMZWFmIH0gZnJvbSAnQHRhYmxlLWxpYnJhcnkvcmVhY3QtdGFibGUtbGlicmFyeS9jb21tb24vdXRpbC90cmVlJztcclxuY29uc3Qgc3R5bGUgPSBjc3MgYFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICYgPiBkaXYge1xuICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgfVxuYDtcclxuY29uc3QgZ2V0VHJlZUljb24gPSAoaXRlbSwgdHJlZVN0YXRlLCB0cmVlSWNvblNpemUsIFRyZWVJY29uRGVmYXVsdCwgVHJlZUljb25SaWdodCwgVHJlZUljb25Eb3duKSA9PiB7XHJcbiAgICBjb25zdCBzaXplID0ge1xyXG4gICAgICAgIGhlaWdodDogYCR7dHJlZUljb25TaXplfWAsXHJcbiAgICAgICAgd2lkdGg6IGAke3RyZWVJY29uU2l6ZX1gLFxyXG4gICAgfTtcclxuICAgIGNvbnN0IGlzVHJlZUV4cGFuZGVkID0gdHJlZVN0YXRlLmlkcy5pbmNsdWRlcyhpdGVtLmlkKTtcclxuICAgIGlmICghaXNMZWFmKGl0ZW0pICYmIGlzVHJlZUV4cGFuZGVkKSB7XHJcbiAgICAgICAgcmV0dXJuIFRyZWVJY29uRG93biA/IFJlYWN0LmNsb25lRWxlbWVudChUcmVlSWNvbkRvd24sIHsgLi4uc2l6ZSB9KSA6IG51bGw7XHJcbiAgICB9XHJcbiAgICBpZiAoIWlzTGVhZihpdGVtKSAmJiAhaXNUcmVlRXhwYW5kZWQpIHtcclxuICAgICAgICByZXR1cm4gVHJlZUljb25SaWdodCA/IFJlYWN0LmNsb25lRWxlbWVudChUcmVlSWNvblJpZ2h0LCB7IC4uLnNpemUgfSkgOiBudWxsO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIFRyZWVJY29uRGVmYXVsdCA/IFJlYWN0LmNsb25lRWxlbWVudChUcmVlSWNvbkRlZmF1bHQsIHsgLi4uc2l6ZSB9KSA6IG51bGw7XHJcbn07XHJcbmV4cG9ydCBjb25zdCBDZWxsVHJlZSA9ICh7IGl0ZW0sIHRyZWVJY29uID0ge30sIGNoaWxkcmVuLCAuLi5wYXNzVGhyb3VnaCB9KSA9PiB7XHJcbiAgICBjb25zdCBjb250ZXh0ID0gUmVhY3QudXNlQ29udGV4dChUcmVlQ29udGV4dCk7XHJcbiAgICBpZiAoIWNvbnRleHQpIHtcclxuICAgICAgICB0aHJvdyBuZXcgRXJyb3IoJ05vIFRyZWUgQ29udGV4dC4gTm8gcmV0dXJuIHZhbHVlIGZyb20gdXNlVHJlZSBwcm92aWRlZCB0byBUYWJsZSBjb21wb25lbnQuJyk7XHJcbiAgICB9XHJcbiAgICBjb25zdCB7IHN0YXRlLCBmbnMsIG9wdGlvbnMgfSA9IGNvbnRleHQ7XHJcbiAgICBjb25zdCBtZXJnZWRUcmVlSWNvbk9wdGlvbnMgPSB7XHJcbiAgICAgICAgLi4ub3B0aW9ucy50cmVlSWNvbixcclxuICAgICAgICAuLi50cmVlSWNvbixcclxuICAgIH07XHJcbiAgICBjb25zdCBoYW5kbGVDbGljayA9ICgpID0+IHtcclxuICAgICAgICBpZiAoaXNMZWFmKGl0ZW0pKVxyXG4gICAgICAgICAgICByZXR1cm47XHJcbiAgICAgICAgZm5zLm9uVG9nZ2xlQnlJZChpdGVtLmlkKTtcclxuICAgIH07XHJcbiAgICBjb25zdCBpY29uID0gZ2V0VHJlZUljb24oaXRlbSwgc3RhdGUsIG1lcmdlZFRyZWVJY29uT3B0aW9ucy5zaXplLCBtZXJnZWRUcmVlSWNvbk9wdGlvbnMuaWNvbkRlZmF1bHQsIG1lcmdlZFRyZWVJY29uT3B0aW9ucy5pY29uUmlnaHQsIG1lcmdlZFRyZWVJY29uT3B0aW9ucy5pY29uRG93bik7XHJcbiAgICByZXR1cm4gKDxDZWxsIHsuLi5wYXNzVGhyb3VnaH0+XG4gICAgICA8ZGl2IGNzcz17c3R5bGV9PlxuICAgICAgICA8QnV0dG9uIGNsYXNzTmFtZT1cInByZWZpeCBuYXJyb3dcIiBtYXJnaW49e2ljb24gPyBtZXJnZWRUcmVlSWNvbk9wdGlvbnMubWFyZ2luIDogbWVyZ2VkVHJlZUljb25PcHRpb25zLm5vSWNvbk1hcmdpbn0gb25DbGljaz17aGFuZGxlQ2xpY2t9PlxuICAgICAgICAgIHtpY29uID8gPGRpdj57aWNvbn08L2Rpdj4gOiA8ZGl2IC8+fVxuICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgPGRpdj57Y2hpbGRyZW59PC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L0NlbGw+KTtcclxufTtcclxuIl19 */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}},G=function(e){var n=e.item,r=e.treeIcon,i=void 0===r?{}:r,g=e.children,d=t(e,p),I=c.useContext(b);if(!I)throw new Error("No Tree Context. No return value from useTree provided to Table component.");var u=I.state,m=I.fns,C=v(v({},I.options.treeIcon),i),G=function(e,t,n,l,o,r){var i={height:"".concat(n),width:"".concat(n)},b=t.ids.includes(e.id);return!a(e)&&b?r?c.cloneElement(r,v({},i)):null:a(e)||b?l?c.cloneElement(l,v({},i)):null:o?c.cloneElement(o,v({},i)):null}(n,u,C.size,C.iconDefault,C.iconRight,C.iconDown);return l(s,d,l("div",{css:y},l(o,{className:"prefix narrow",margin:G?C.margin:C.noIconMargin,onClick:function(){a(n)||m.onToggleById(n.id)}},G?l("div",null,G):l("div",null)),l("div",null,g)))};function f(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);t&&(c=c.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,c)}return n}function A(e){for(var t=1;t<arguments.length;t++){var c=null!=arguments[t]?arguments[t]:{};t%2?f(Object(c),!0).forEach((function(t){n(e,t,c[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(c)):f(Object(c)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(c,t))}))}return e}var V=function(t,n){var c=t.item,l=n.tree;if(!l)throw new Error("No 'tree' in getRowProps. That's odd");var o=l.state.ids.includes(c.id),r=c.treeYLevel||l.options.treeYLevel,b=c.treeXLevel||l.options.treeXLevel;return{theme:"\n    &.row-tree-clickable {\n      cursor: pointer;\n    }\n\n    .td:nth-of-type(".concat(r+1,") > div {\n      padding-left: ").concat(b*l.options.indentation,"px;\n    }\n  "),className:i("row-tree",{"row-tree-clickable":l.options.clickType===e.RowClick,"row-tree-expanded":o,"row-tree-leaf":a(c)}),onClick:function(t,n){g(n)&&(a(t)||l.options.clickType===e.RowClick&&l.fns.onToggleById(t.id))}}},Z={ids:[]},J={margin:"4px",size:"14px",noIconMargin:"0px",iconDefault:null,iconRight:l((function(e){var t=e.width,n=e.height,c=e.viewBox,o=e.strokeWidth;return l("svg",{id:"svg-icon-chevron-single-right","data-name":"svg-icon-chevron-single-right","data-testid":"svg-icon-chevron-single-right",xmlns:"http://www.w3.org/2000/svg",width:t||"36rem",height:n||"36rem",viewBox:c||"0 0 36 36",strokeWidth:o||"0rem"},l("polygon",{points:"15 36 12 36 21 18 12 0 15 0 24 18 15 36"}))}),null),iconDown:l(r,null)},W={isServer:!1,treeIcon:J,clickType:e.RowClick,indentation:20,treeXLevel:0,treeYLevel:0},h=function(e,t,n,c){var l=null!=t&&t.state?A(A({},Z),t.state):A({},Z),o=null!=t&&t.onChange?t.onChange:function(){},r=u(e,l,o,c),i=d(r,2),b=i[0],s=i[1];m("tree",c,b);var g=A(A(A({},W),n||{}),{},{treeIcon:A(A({},J),n?n.treeIcon:{})});return{state:b,fns:s,options:g,_getRowProps:V,modifier:function(t){return g.isServer?t:I(e,t,b.ids,g.treeXLevel,g.treeYLevel,null)},components:{CellTree:G}}};export{G as CellTree,h as useTree};
 //# sourceMappingURL=tree.js.map

types/common.d.ts

@@ -27,5 +27,7 @@ export declare type Nullish = null | undefined;
     onToggleById: (id: string) => void;
-    onAddByIdRecursively: (ids: string[], options: IdReducerFunctionsOptions) => void;
-    onRemoveByIdRecursively: (ids: string[]) => void;
+    onAddByIds: (ids: string[], options: IdReducerFunctionsOptions) => void;
+    onRemoveByIds: (ids: string[]) => void;
     onToggleByIdRecursively: (id: string, options: IdReducerFunctionsOptions) => void;
+    onAddByIdRecursively: (id: string, options: IdReducerFunctionsOptions) => void;
+    onRemoveByIdRecursively: (id: string) => void;
     onAddByIdExclusively: (id: string) => void;
@@ -32,0 +34,0 @@ onRemoveByIdExclusively: () => void;

No alert changes

Improved metrics

Total package byte prevSize

179638

0.19%

Lines of code

1372

0.22%

Number of lines in readme file

138

0.73%

No dependency changes