@economic/taco 0.0.11-alpha.0 → 0.0.14-alpha.0

package/dist/esm/components/Table/util/renderRow.js

@@ -1,78 +1,73 @@
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import cn from 'classnames';
 import { sanitizeRowProps } from '../util.js';
 import { FocusScope } from '@react-aria/focus';
 
-var _excluded = ["row", "index", "instance", "headerGroups"];
-
-var renderCell = function renderCell(cell, row) {
-  var props = _extends({}, cell.getCellProps(), {
+const renderCell = (cell, row) => {
+  const props = { ...cell.getCellProps(),
     className: cn('yt-table__cell flex-1 truncate p-2 align-middle', cell.column.className, {
       'justify-start text-left': cell.column.align === 'left',
       'justify-end text-right': cell.column.align === 'right',
       'text-center': !cell.column.align
     }),
-    style: _extends({}, cell.column.style, {
+    style: { ...cell.column.style,
       flex: typeof cell.column.flex === 'function' ? cell.column.flex(row) : cell.column.flex
-    })
-  });
-
+    }
+  };
   return React__default.createElement("div", Object.assign({}, props, {
     role: "gridcell",
     "data-taco": "table-cell"
   }), cell.render('Cell') || null);
 };
 
-var Row = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
-  var row = _ref.row,
-      index = _ref.index,
-      instance = _ref.instance,
-      rowProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-
-  var activeIndex = rowProps.activeIndex,
-      onRowClick = rowProps.onRowClick,
-      rowClassName = rowProps.rowClassName,
-      rowExpansionRenderer = rowProps.rowExpansionRenderer,
-      rowHeight = rowProps.rowHeight,
-      setActiveIndex = rowProps.setActiveIndex,
-      style = rowProps.style,
-      inlineEditingUniqueId = rowProps.inlineEditingUniqueId;
-  var sanitizedRow = sanitizeRowProps(row, rowExpansionRenderer);
-
-  var props = _extends({}, row.getRowProps(), {
-    style: _extends({}, style, {
-      minHeight: rowHeight ? rowHeight + "px" : undefined,
-      paddingLeft: row.depth ? row.depth * 2 + "rem" : undefined
-    }),
+const Row = /*#__PURE__*/React__default.forwardRef(({
+  row,
+  index,
+  instance,
+  headerGroups,
+  ...rowProps
+}, ref) => {
+  const {
+    activeIndex,
+    onRowClick,
+    rowClassName,
+    rowExpansionRenderer,
+    rowHeight,
+    setActiveIndex,
+    style,
+    inlineEditingUniqueId
+  } = rowProps;
+  const sanitizedRow = sanitizeRowProps(row, rowExpansionRenderer);
+  const props = { ...row.getRowProps(),
+    style: { ...style,
+      minHeight: rowHeight ? `${rowHeight}px` : undefined,
+      paddingLeft: row.depth ? `${row.depth * 2}rem` : undefined
+    },
     className: cn('yt-table__row border-grey-light flex border-b min-h-[2.5rem] hover:bg-grey-light', {
       'yt-table__row--active bg-grey-light hover:bg-grey-light': activeIndex === index,
       'yt-table__row--clickable': !!onRowClick,
       'yt-table__row--dragging': !!row.isDragging,
       'yt-table__row--editing': !!row.isEditing
     }, typeof rowClassName === 'function' ? rowClassName(sanitizedRow) : rowClassName),
-    onClick: onRowClick ? function (event) {
+    onClick: onRowClick ? event => {
       if (event.target === event.currentTarget || event.target.classList.contains('yt-table__cell')) {
         event.preventDefault();
         event.persist();
         setActiveIndex(index);
         onRowClick(sanitizedRow);
       }
-    } : function () {
+    } : () => {
       setActiveIndex(index);
     }
-  });
-
-  var cells = row.cells;
+  };
+  let cells = row.cells;
 
   if (row.depth > 0) {
-    cells = row.cells.filter(function (cell) {
-      return !cell.column.hiddenOnSubRows;
-    });
+    cells = row.cells.filter(cell => !cell.column.hiddenOnSubRows);
   }
 
-  var expandedRow = rowExpansionRenderer && row.isExpanded && React__default.createElement("div", null, rowExpansionRenderer(sanitizedRow, instance));
-  var rowContent = React__default.useMemo(function () {
+  const expandedRow = rowExpansionRenderer && row.isExpanded && React__default.createElement("div", null, rowExpansionRenderer(sanitizedRow, instance));
+  const rowContent = React__default.useMemo(() => {
     return React__default.createElement(React__default.Fragment, null, React__default.createElement(FocusScope, {
       key: row.original._createKey,
       contain: true,
@@ -89,9 +84,7 @@ var Row = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
       type: "hidden",
       name: "_inlineEditingUniqueId",
       value: row.original[inlineEditingUniqueId]
-    }), cells.map(function (cell) {
-      return renderCell(cell, sanitizedRow);
-    }))), expandedRow);
+    }), cells.map(cell => renderCell(cell, sanitizedRow)))), expandedRow);
   }, [row.original._createKey]);
 
   if (row.isEditing) {
@@ -101,9 +94,7 @@ var Row = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", Object.assign({}, props, {
     role: "row",
     ref: ref
-  }), cells.map(function (cell) {
-    return renderCell(cell, sanitizedRow);
-  })), expandedRow);
+  }), cells.map(cell => renderCell(cell, sanitizedRow))), expandedRow);
 });
 
 export { Row };

package/dist/esm/components/Table/util/renderRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderRow.js","sources":["../../../../../src/components/Table/util/renderRow.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { FocusScope } from '@react-aria/focus';\nimport { InternalTableCell, TableRow } from '../types';\nimport { sanitizeRowProps } from '../util';\n\nconst renderCell = (cell: InternalTableCell, row: TableRow<any>): JSX.Element => {\n    const props = {\n        ...cell.getCellProps(),\n        className: cn('yt-table__cell flex-1 truncate p-2 align-middle', cell.column.className, {\n            'justify-start text-left': cell.column.align === 'left',\n            'justify-end text-right': cell.column.align === 'right',\n            'text-center': !cell.column.align,\n        }),\n        style: {\n            ...cell.column.style,\n            flex: typeof cell.column.flex === 'function' ? cell.column.flex(row) : cell.column.flex,\n        },\n    };\n    return (\n        <div {...props} role=\"gridcell\" data-taco=\"table-cell\">\n            {cell.render('Cell') || null}\n        </div>\n    );\n};\n\nexport const Row = React.forwardRef(({ row, index, instance, headerGroups, ...rowProps }: any, ref: any): JSX.Element => {\n    const {\n        activeIndex,\n        onRowClick,\n        rowClassName,\n        rowExpansionRenderer,\n        rowHeight,\n        setActiveIndex,\n        style,\n        inlineEditingUniqueId,\n    } = rowProps;\n    const sanitizedRow = sanitizeRowProps(row, rowExpansionRenderer);\n\n    const props = {\n        ...row.getRowProps(),\n        style: {\n            ...style,\n            minHeight: rowHeight ? `${rowHeight}px` : undefined,\n            paddingLeft: row.depth ? `${row.depth * 2}rem` : undefined,\n        },\n        className: cn(\n            'yt-table__row border-grey-light flex border-b min-h-[2.5rem] hover:bg-grey-light',\n            {\n                'yt-table__row--active bg-grey-light hover:bg-grey-light': activeIndex === index,\n                'yt-table__row--clickable': !!onRowClick,\n                'yt-table__row--dragging': !!row.isDragging,\n                'yt-table__row--editing': !!row.isEditing,\n            },\n            typeof rowClassName === 'function' ? rowClassName(sanitizedRow) : rowClassName\n        ),\n        onClick: onRowClick\n            ? (event: React.MouseEvent<HTMLElement>) => {\n                  if (\n                      event.target === event.currentTarget ||\n                      (event.target as HTMLElement).classList.contains('yt-table__cell')\n                  ) {\n                      event.preventDefault();\n                      event.persist();\n                      setActiveIndex(index);\n                      onRowClick(sanitizedRow);\n                  }\n              }\n            : () => {\n                  setActiveIndex(index);\n              },\n    };\n\n    let cells = row.cells;\n\n    if (row.depth > 0) {\n        cells = row.cells.filter((cell: any) => !cell.column.hiddenOnSubRows);\n    }\n\n    const expandedRow = rowExpansionRenderer && row.isExpanded && <div>{rowExpansionRenderer(sanitizedRow, instance)}</div>;\n    const rowContent = React.useMemo(() => {\n        return (\n            <>\n                <FocusScope key={row.original._createKey} contain restoreFocus autoFocus>\n                    <div {...props} role=\"row\" ref={ref}>\n                        <input type=\"hidden\" name=\"_rowIndexPath\" value={row.id} />\n                        <input type=\"hidden\" name=\"_inlineEditingUniqueId\" value={row.original[inlineEditingUniqueId]} />\n                        {cells.map((cell: InternalTableCell) => renderCell(cell, sanitizedRow))}\n                    </div>\n                </FocusScope>\n                {expandedRow}\n            </>\n        );\n    }, [row.original._createKey]);\n\n    if (row.isEditing) {\n        return rowContent;\n    }\n\n    return (\n        <>\n            <div {...props} role=\"row\" ref={ref}>\n                {cells.map((cell: InternalTableCell) => renderCell(cell, sanitizedRow))}\n            </div>\n            {expandedRow}\n        </>\n    );\n});\n"],"names":["renderCell","cell","row","props","getCellProps","className","cn","column","align","style","flex","React","role","render","Row","forwardRef","ref","index","instance","rowProps","activeIndex","onRowClick","rowClassName","rowExpansionRenderer","rowHeight","setActiveIndex","inlineEditingUniqueId","sanitizedRow","sanitizeRowProps","getRowProps","minHeight","undefined","paddingLeft","depth","isDragging","isEditing","onClick","event","target","currentTarget","classList","contains","preventDefault","persist","cells","filter","hiddenOnSubRows","expandedRow","isExpanded","rowContent","useMemo","FocusScope","key","original","_createKey","contain","restoreFocus","autoFocus","type","name","value","id","map"],"mappings":"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"}
+{"version":3,"file":"renderRow.js","sources":["../../../../../src/components/Table/util/renderRow.tsx"],"sourcesContent":["import React from 'react';\r\nimport cn from 'classnames';\r\nimport { FocusScope } from '@react-aria/focus';\r\nimport { InternalTableCell, TableRow } from '../types';\r\nimport { sanitizeRowProps } from '../util';\r\n\r\nconst renderCell = (cell: InternalTableCell, row: TableRow<any>): JSX.Element => {\r\n    const props = {\r\n        ...cell.getCellProps(),\r\n        className: cn('yt-table__cell flex-1 truncate p-2 align-middle', cell.column.className, {\r\n            'justify-start text-left': cell.column.align === 'left',\r\n            'justify-end text-right': cell.column.align === 'right',\r\n            'text-center': !cell.column.align,\r\n        }),\r\n        style: {\r\n            ...cell.column.style,\r\n            flex: typeof cell.column.flex === 'function' ? cell.column.flex(row) : cell.column.flex,\r\n        },\r\n    };\r\n    return (\r\n        <div {...props} role=\"gridcell\" data-taco=\"table-cell\">\r\n            {cell.render('Cell') || null}\r\n        </div>\r\n    );\r\n};\r\n\r\nexport const Row = React.forwardRef(({ row, index, instance, headerGroups, ...rowProps }: any, ref: any): JSX.Element => {\r\n    const {\r\n        activeIndex,\r\n        onRowClick,\r\n        rowClassName,\r\n        rowExpansionRenderer,\r\n        rowHeight,\r\n        setActiveIndex,\r\n        style,\r\n        inlineEditingUniqueId,\r\n    } = rowProps;\r\n    const sanitizedRow = sanitizeRowProps(row, rowExpansionRenderer);\r\n\r\n    const props = {\r\n        ...row.getRowProps(),\r\n        style: {\r\n            ...style,\r\n            minHeight: rowHeight ? `${rowHeight}px` : undefined,\r\n            paddingLeft: row.depth ? `${row.depth * 2}rem` : undefined,\r\n        },\r\n        className: cn(\r\n            'yt-table__row border-grey-light flex border-b min-h-[2.5rem] hover:bg-grey-light',\r\n            {\r\n                'yt-table__row--active bg-grey-light hover:bg-grey-light': activeIndex === index,\r\n                'yt-table__row--clickable': !!onRowClick,\r\n                'yt-table__row--dragging': !!row.isDragging,\r\n                'yt-table__row--editing': !!row.isEditing,\r\n            },\r\n            typeof rowClassName === 'function' ? rowClassName(sanitizedRow) : rowClassName\r\n        ),\r\n        onClick: onRowClick\r\n            ? (event: React.MouseEvent<HTMLElement>) => {\r\n                  if (\r\n                      event.target === event.currentTarget ||\r\n                      (event.target as HTMLElement).classList.contains('yt-table__cell')\r\n                  ) {\r\n                      event.preventDefault();\r\n                      event.persist();\r\n                      setActiveIndex(index);\r\n                      onRowClick(sanitizedRow);\r\n                  }\r\n              }\r\n            : () => {\r\n                  setActiveIndex(index);\r\n              },\r\n    };\r\n\r\n    let cells = row.cells;\r\n\r\n    if (row.depth > 0) {\r\n        cells = row.cells.filter((cell: any) => !cell.column.hiddenOnSubRows);\r\n    }\r\n\r\n    const expandedRow = rowExpansionRenderer && row.isExpanded && <div>{rowExpansionRenderer(sanitizedRow, instance)}</div>;\r\n    const rowContent = React.useMemo(() => {\r\n        return (\r\n            <>\r\n                <FocusScope key={row.original._createKey} contain restoreFocus autoFocus>\r\n                    <div {...props} role=\"row\" ref={ref}>\r\n                        <input type=\"hidden\" name=\"_rowIndexPath\" value={row.id} />\r\n                        <input type=\"hidden\" name=\"_inlineEditingUniqueId\" value={row.original[inlineEditingUniqueId]} />\r\n                        {cells.map((cell: InternalTableCell) => renderCell(cell, sanitizedRow))}\r\n                    </div>\r\n                </FocusScope>\r\n                {expandedRow}\r\n            </>\r\n        );\r\n    }, [row.original._createKey]);\r\n\r\n    if (row.isEditing) {\r\n        return rowContent;\r\n    }\r\n\r\n    return (\r\n        <>\r\n            <div {...props} role=\"row\" ref={ref}>\r\n                {cells.map((cell: InternalTableCell) => renderCell(cell, sanitizedRow))}\r\n            </div>\r\n            {expandedRow}\r\n        </>\r\n    );\r\n});\r\n"],"names":["renderCell","cell","row","props","getCellProps","className","cn","column","align","style","flex","React","role","render","Row","forwardRef","index","instance","headerGroups","rowProps","ref","activeIndex","onRowClick","rowClassName","rowExpansionRenderer","rowHeight","setActiveIndex","inlineEditingUniqueId","sanitizedRow","sanitizeRowProps","getRowProps","minHeight","undefined","paddingLeft","depth","isDragging","isEditing","onClick","event","target","currentTarget","classList","contains","preventDefault","persist","cells","filter","hiddenOnSubRows","expandedRow","isExpanded","rowContent","useMemo","FocusScope","key","original","_createKey","contain","restoreFocus","autoFocus","type","name","value","id","map"],"mappings":"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"}

package/dist/esm/components/Table/util/rowIndexPath.js

@@ -1,21 +1,21 @@
 import set from 'lodash-es/set';
 
-var convertRowIndexPathToNumberArray = function convertRowIndexPathToNumberArray(rowIndexPath) {
+const convertRowIndexPathToNumberArray = rowIndexPath => {
   var _rowIndexPath$split$m;
 
   return (_rowIndexPath$split$m = rowIndexPath === null || rowIndexPath === void 0 ? void 0 : rowIndexPath.split('.').map(Number)) !== null && _rowIndexPath$split$m !== void 0 ? _rowIndexPath$split$m : [];
 };
-var getByRowIndexPath = function getByRowIndexPath(data, rowIndexPath) {
+const getByRowIndexPath = (data, rowIndexPath) => {
   if (!rowIndexPath) {
     return undefined;
   }
 
-  var currenTRow = [].concat(data);
-  var indexes = convertRowIndexPathToNumberArray(String(rowIndexPath));
+  const currenTRow = [...data];
+  const indexes = convertRowIndexPathToNumberArray(String(rowIndexPath));
 
   if (indexes.length) {
-    var startIndex = indexes.shift();
-    return indexes.reduce(function (value, index) {
+    const startIndex = indexes.shift();
+    return indexes.reduce((value, index) => {
       var _value$subRows;
 
       return value === null || value === void 0 ? void 0 : (_value$subRows = value.subRows) === null || _value$subRows === void 0 ? void 0 : _value$subRows[index];
@@ -24,15 +24,13 @@ var getByRowIndexPath = function getByRowIndexPath(data, rowIndexPath) {
 
   return undefined;
 };
-var setByRowIndexPath = function setByRowIndexPath(data, rowIndexPath, values) {
-  var nexTRow = [].concat(data);
-  var rowIndexes = convertRowIndexPathToNumberArray(rowIndexPath);
-  var rootIndex = rowIndexes.shift();
+const setByRowIndexPath = (data, rowIndexPath, values) => {
+  const nexTRow = [...data];
+  const rowIndexes = convertRowIndexPathToNumberArray(rowIndexPath);
+  const rootIndex = rowIndexes.shift();
 
   if (rowIndexes.length) {
-    var path = rowIndexes.map(function (index) {
-      return "subRows[" + index + "]";
-    }).join('.');
+    const path = rowIndexes.map(index => `subRows[${index}]`).join('.');
     set(nexTRow[rootIndex], path, values);
   } else {
     nexTRow[rootIndex] = values;
@@ -40,11 +38,11 @@ var setByRowIndexPath = function setByRowIndexPath(data, rowIndexPath, values) {
 
   return nexTRow;
 };
-var getParentRowIndexPath = function getParentRowIndexPath(rowIndexPath) {
-  var parentIndexPath;
+const getParentRowIndexPath = rowIndexPath => {
+  let parentIndexPath;
 
   if (rowIndexPath) {
-    var rowIndexes = convertRowIndexPathToNumberArray(rowIndexPath);
+    const rowIndexes = convertRowIndexPathToNumberArray(rowIndexPath);
     rowIndexes.pop();
 
     if (rowIndexes.length) {

package/dist/esm/components/Table/util/rowIndexPath.js.map

@@ -1 +1 @@
-{"version":3,"file":"rowIndexPath.js","sources":["../../../../../src/components/Table/util/rowIndexPath.ts"],"sourcesContent":["import set from 'lodash/set';\nimport { Row, RowIndexPath } from '../types';\n\nexport const convertRowIndexPathToNumberArray = (rowIndexPath: RowIndexPath): number[] =>\n    rowIndexPath?.split('.').map(Number) ?? [];\n\nexport const getByRowIndexPath = <TRow>(data: Row<TRow>[], rowIndexPath: RowIndexPath): Row<TRow> | undefined => {\n    if (!rowIndexPath) {\n        return undefined;\n    }\n\n    const currenTRow = [...data];\n    const indexes = convertRowIndexPathToNumberArray(String(rowIndexPath));\n\n    if (indexes.length) {\n        const startIndex = indexes.shift() as number;\n        return indexes.reduce((value, index) => value?.subRows?.[index], currenTRow[startIndex]);\n    }\n\n    return undefined;\n};\n\nexport const setByRowIndexPath = <TRow>(data: Row<TRow>[], rowIndexPath: RowIndexPath, values: any): Row<TRow>[] => {\n    const nexTRow = [...data];\n\n    const rowIndexes = convertRowIndexPathToNumberArray(rowIndexPath);\n    const rootIndex = rowIndexes.shift() as number;\n\n    if (rowIndexes.length) {\n        const path = rowIndexes.map(index => `subRows[${index}]`).join('.');\n        set(nexTRow[rootIndex], path, values);\n    } else {\n        nexTRow[rootIndex] = values;\n    }\n\n    return nexTRow;\n};\n\nexport const getParentRowIndexPath = (rowIndexPath: RowIndexPath): RowIndexPath => {\n    let parentIndexPath;\n\n    if (rowIndexPath) {\n        const rowIndexes = convertRowIndexPathToNumberArray(rowIndexPath);\n        rowIndexes.pop();\n\n        if (rowIndexes.length) {\n            parentIndexPath = rowIndexes.join('.');\n        }\n    }\n\n    return parentIndexPath;\n};\n"],"names":["convertRowIndexPathToNumberArray","rowIndexPath","split","map","Number","getByRowIndexPath","data","undefined","currenTRow","indexes","String","length","startIndex","shift","reduce","value","index","subRows","setByRowIndexPath","values","nexTRow","rowIndexes","rootIndex","path","join","set","getParentRowIndexPath","parentIndexPath","pop"],"mappings":";;IAGaA,gCAAgC,GAAG,SAAnCA,gCAAmC,CAACC,YAAD;AAAA;;AAAA,kCAC5CA,YAD4C,aAC5CA,YAD4C,uBAC5CA,YAAY,CAAEC,KAAd,CAAoB,GAApB,EAAyBC,GAAzB,CAA6BC,MAA7B,CAD4C,yEACJ,EADI;AAAA;IAGnCC,iBAAiB,GAAG,SAApBA,iBAAoB,CAAOC,IAAP,EAA0BL,YAA1B;AAC7B,MAAI,CAACA,YAAL,EAAmB;AACf,WAAOM,SAAP;AACH;;AAED,MAAMC,UAAU,aAAOF,IAAP,CAAhB;AACA,MAAMG,OAAO,GAAGT,gCAAgC,CAACU,MAAM,CAACT,YAAD,CAAP,CAAhD;;AAEA,MAAIQ,OAAO,CAACE,MAAZ,EAAoB;AAChB,QAAMC,UAAU,GAAGH,OAAO,CAACI,KAAR,EAAnB;AACA,WAAOJ,OAAO,CAACK,MAAR,CAAe,UAACC,KAAD,EAAQC,KAAR;AAAA;;AAAA,aAAkBD,KAAlB,aAAkBA,KAAlB,yCAAkBA,KAAK,CAAEE,OAAzB,mDAAkB,eAAiBD,KAAjB,CAAlB;AAAA,KAAf,EAA0DR,UAAU,CAACI,UAAD,CAApE,CAAP;AACH;;AAED,SAAOL,SAAP;AACH;IAEYW,iBAAiB,GAAG,SAApBA,iBAAoB,CAAOZ,IAAP,EAA0BL,YAA1B,EAAsDkB,MAAtD;AAC7B,MAAMC,OAAO,aAAOd,IAAP,CAAb;AAEA,MAAMe,UAAU,GAAGrB,gCAAgC,CAACC,YAAD,CAAnD;AACA,MAAMqB,SAAS,GAAGD,UAAU,CAACR,KAAX,EAAlB;;AAEA,MAAIQ,UAAU,CAACV,MAAf,EAAuB;AACnB,QAAMY,IAAI,GAAGF,UAAU,CAAClB,GAAX,CAAe,UAAAa,KAAK;AAAA,0BAAeA,KAAf;AAAA,KAApB,EAA6CQ,IAA7C,CAAkD,GAAlD,CAAb;AACAC,IAAAA,GAAG,CAACL,OAAO,CAACE,SAAD,CAAR,EAAqBC,IAArB,EAA2BJ,MAA3B,CAAH;AACH,GAHD,MAGO;AACHC,IAAAA,OAAO,CAACE,SAAD,CAAP,GAAqBH,MAArB;AACH;;AAED,SAAOC,OAAP;AACH;IAEYM,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACzB,YAAD;AACjC,MAAI0B,eAAJ;;AAEA,MAAI1B,YAAJ,EAAkB;AACd,QAAMoB,UAAU,GAAGrB,gCAAgC,CAACC,YAAD,CAAnD;AACAoB,IAAAA,UAAU,CAACO,GAAX;;AAEA,QAAIP,UAAU,CAACV,MAAf,EAAuB;AACnBgB,MAAAA,eAAe,GAAGN,UAAU,CAACG,IAAX,CAAgB,GAAhB,CAAlB;AACH;AACJ;;AAED,SAAOG,eAAP;AACH;;;;"}
+{"version":3,"file":"rowIndexPath.js","sources":["../../../../../src/components/Table/util/rowIndexPath.ts"],"sourcesContent":["import set from 'lodash/set';\r\nimport { Row, RowIndexPath } from '../types';\r\n\r\nexport const convertRowIndexPathToNumberArray = (rowIndexPath: RowIndexPath): number[] =>\r\n    rowIndexPath?.split('.').map(Number) ?? [];\r\n\r\nexport const getByRowIndexPath = <TRow>(data: Row<TRow>[], rowIndexPath: RowIndexPath): Row<TRow> | undefined => {\r\n    if (!rowIndexPath) {\r\n        return undefined;\r\n    }\r\n\r\n    const currenTRow = [...data];\r\n    const indexes = convertRowIndexPathToNumberArray(String(rowIndexPath));\r\n\r\n    if (indexes.length) {\r\n        const startIndex = indexes.shift() as number;\r\n        return indexes.reduce((value, index) => value?.subRows?.[index], currenTRow[startIndex]);\r\n    }\r\n\r\n    return undefined;\r\n};\r\n\r\nexport const setByRowIndexPath = <TRow>(data: Row<TRow>[], rowIndexPath: RowIndexPath, values: any): Row<TRow>[] => {\r\n    const nexTRow = [...data];\r\n\r\n    const rowIndexes = convertRowIndexPathToNumberArray(rowIndexPath);\r\n    const rootIndex = rowIndexes.shift() as number;\r\n\r\n    if (rowIndexes.length) {\r\n        const path = rowIndexes.map(index => `subRows[${index}]`).join('.');\r\n        set(nexTRow[rootIndex], path, values);\r\n    } else {\r\n        nexTRow[rootIndex] = values;\r\n    }\r\n\r\n    return nexTRow;\r\n};\r\n\r\nexport const getParentRowIndexPath = (rowIndexPath: RowIndexPath): RowIndexPath => {\r\n    let parentIndexPath;\r\n\r\n    if (rowIndexPath) {\r\n        const rowIndexes = convertRowIndexPathToNumberArray(rowIndexPath);\r\n        rowIndexes.pop();\r\n\r\n        if (rowIndexes.length) {\r\n            parentIndexPath = rowIndexes.join('.');\r\n        }\r\n    }\r\n\r\n    return parentIndexPath;\r\n};\r\n"],"names":["convertRowIndexPathToNumberArray","rowIndexPath","split","map","Number","getByRowIndexPath","data","undefined","currenTRow","indexes","String","length","startIndex","shift","reduce","value","index","subRows","setByRowIndexPath","values","nexTRow","rowIndexes","rootIndex","path","join","set","getParentRowIndexPath","parentIndexPath","pop"],"mappings":";;MAGaA,gCAAgC,GAAIC,YAAD;AAAA;;AAAA,kCAC5CA,YAD4C,aAC5CA,YAD4C,uBAC5CA,YAAY,CAAEC,KAAd,CAAoB,GAApB,EAAyBC,GAAzB,CAA6BC,MAA7B,CAD4C,yEACJ,EADI;AAAA;MAGnCC,iBAAiB,GAAG,CAAOC,IAAP,EAA0BL,YAA1B;AAC7B,MAAI,CAACA,YAAL,EAAmB;AACf,WAAOM,SAAP;AACH;;AAED,QAAMC,UAAU,GAAG,CAAC,GAAGF,IAAJ,CAAnB;AACA,QAAMG,OAAO,GAAGT,gCAAgC,CAACU,MAAM,CAACT,YAAD,CAAP,CAAhD;;AAEA,MAAIQ,OAAO,CAACE,MAAZ,EAAoB;AAChB,UAAMC,UAAU,GAAGH,OAAO,CAACI,KAAR,EAAnB;AACA,WAAOJ,OAAO,CAACK,MAAR,CAAe,CAACC,KAAD,EAAQC,KAAR;AAAA;;AAAA,aAAkBD,KAAlB,aAAkBA,KAAlB,yCAAkBA,KAAK,CAAEE,OAAzB,mDAAkB,eAAiBD,KAAjB,CAAlB;AAAA,KAAf,EAA0DR,UAAU,CAACI,UAAD,CAApE,CAAP;AACH;;AAED,SAAOL,SAAP;AACH;MAEYW,iBAAiB,GAAG,CAAOZ,IAAP,EAA0BL,YAA1B,EAAsDkB,MAAtD;AAC7B,QAAMC,OAAO,GAAG,CAAC,GAAGd,IAAJ,CAAhB;AAEA,QAAMe,UAAU,GAAGrB,gCAAgC,CAACC,YAAD,CAAnD;AACA,QAAMqB,SAAS,GAAGD,UAAU,CAACR,KAAX,EAAlB;;AAEA,MAAIQ,UAAU,CAACV,MAAf,EAAuB;AACnB,UAAMY,IAAI,GAAGF,UAAU,CAAClB,GAAX,CAAea,KAAK,eAAeA,QAAnC,EAA6CQ,IAA7C,CAAkD,GAAlD,CAAb;AACAC,IAAAA,GAAG,CAACL,OAAO,CAACE,SAAD,CAAR,EAAqBC,IAArB,EAA2BJ,MAA3B,CAAH;AACH,GAHD,MAGO;AACHC,IAAAA,OAAO,CAACE,SAAD,CAAP,GAAqBH,MAArB;AACH;;AAED,SAAOC,OAAP;AACH;MAEYM,qBAAqB,GAAIzB,YAAD;AACjC,MAAI0B,eAAJ;;AAEA,MAAI1B,YAAJ,EAAkB;AACd,UAAMoB,UAAU,GAAGrB,gCAAgC,CAACC,YAAD,CAAnD;AACAoB,IAAAA,UAAU,CAACO,GAAX;;AAEA,QAAIP,UAAU,CAACV,MAAf,EAAuB;AACnBgB,MAAAA,eAAe,GAAGN,UAAU,CAACG,IAAX,CAAgB,GAAhB,CAAlB;AACH;AACJ;;AAED,SAAOG,eAAP;AACH;;;;"}

package/dist/esm/components/Table/util/sortTypes.js

@@ -1,17 +1,9 @@
-var getTime = function getTime(value) {
-  var parsedValue = typeof value === 'string' ? new Date(value) : value;
+const getTime = value => {
+  const parsedValue = typeof value === 'string' ? new Date(value) : value;
   return parsedValue !== null && parsedValue !== void 0 && parsedValue.getTime ? parsedValue.getTime() : undefined;
 };
 
-var getNumber = function getNumber(amount, decimalSeparator) {
-  if (amount === void 0) {
-    amount = '';
-  }
-
-  if (decimalSeparator === void 0) {
-    decimalSeparator = ',';
-  }
-
+const getNumber = (amount = '', decimalSeparator = ',') => {
   if (typeof amount === 'number') {
     return amount;
   }
@@ -20,7 +12,7 @@ var getNumber = function getNumber(amount, decimalSeparator) {
     return undefined;
   }
 
-  var value;
+  let value;
 
   if (decimalSeparator === ',') {
     // replace digit seperator then replace decimal separator
@@ -33,7 +25,7 @@ var getNumber = function getNumber(amount, decimalSeparator) {
   return Number.isNaN(value) ? undefined : value;
 };
 
-var getString = function getString(value) {
+const getString = value => {
   if (value) {
     return String(value).toLowerCase();
   }
@@ -41,7 +33,7 @@ var getString = function getString(value) {
   return undefined;
 };
 
-var guess = function guess(value) {
+const guess = value => {
   if (typeof value === 'boolean') {
     return !!value;
   }
@@ -49,7 +41,7 @@ var guess = function guess(value) {
   return isNaN(value) ? getString(value) : Number(value);
 };
 
-var compareBasic = function compareBasic(a, b) {
+const compareBasic = (a, b) => {
   // places undefined values first in ascending order instead of descending
   if (a !== undefined && b === undefined) {
     return 1;
@@ -58,30 +50,30 @@ var compareBasic = function compareBasic(a, b) {
   return a === b ? 0 : a > b ? 1 : -1;
 };
 
-var sortTypes = {
-  datetime: function datetime(rowA, rowB, columnId) {
-    var a = getTime(rowA.values[columnId]);
-    var b = getTime(rowB.values[columnId]);
+const sortTypes = {
+  datetime: (rowA, rowB, columnId) => {
+    const a = getTime(rowA.values[columnId]);
+    const b = getTime(rowB.values[columnId]);
     return compareBasic(a, b);
   },
-  string: function string(rowA, rowB, columnId) {
-    var a = getString(rowA.values[columnId]);
-    var b = getString(rowB.values[columnId]);
+  string: (rowA, rowB, columnId) => {
+    const a = getString(rowA.values[columnId]);
+    const b = getString(rowB.values[columnId]);
     return compareBasic(a, b);
   },
-  number: function number(rowA, rowB, columnId) {
-    var a = getNumber(rowA.values[columnId]);
-    var b = getNumber(rowB.values[columnId]);
+  number: (rowA, rowB, columnId) => {
+    const a = getNumber(rowA.values[columnId]);
+    const b = getNumber(rowB.values[columnId]);
     return compareBasic(a, b);
   },
-  "boolean": function boolean(rowA, rowB, columnId) {
-    var a = !!rowA.values[columnId];
-    var b = !!rowB.values[columnId];
+  boolean: (rowA, rowB, columnId) => {
+    const a = !!rowA.values[columnId];
+    const b = !!rowB.values[columnId];
     return compareBasic(a, b);
   },
-  auto: function auto(rowA, rowB, columnId) {
-    var a = guess(rowA.values[columnId]);
-    var b = guess(rowB.values[columnId]);
+  auto: (rowA, rowB, columnId) => {
+    const a = guess(rowA.values[columnId]);
+    const b = guess(rowB.values[columnId]);
     return compareBasic(a, b);
   }
 };

package/dist/esm/components/Table/util/sortTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"sortTypes.js","sources":["../../../../../src/components/Table/util/sortTypes.ts"],"sourcesContent":["import { SortTypes, TableRow } from '../types';\n\nconst getTime = (value: any): number | undefined => {\n    const parsedValue: Date = typeof value === 'string' ? new Date(value) : value;\n    return parsedValue?.getTime ? parsedValue.getTime() : undefined;\n};\n\nconst getNumber = (amount = '', decimalSeparator = ','): number | undefined => {\n    if (typeof amount === 'number') {\n        return amount;\n    }\n\n    if (amount === null || !amount.length) {\n        return undefined;\n    }\n\n    let value;\n\n    if (decimalSeparator === ',') {\n        // replace digit seperator then replace decimal separator\n        value = Number(amount.replace(/\\./g, '').replace(',', '.'));\n    } else {\n        // replace digit seperator\n        value = Number(amount.replace(/,/g, ''));\n    }\n\n    return Number.isNaN(value) ? undefined : value;\n};\n\nconst getString = (value: any): string | undefined => {\n    if (value) {\n        return String(value).toLowerCase();\n    }\n\n    return undefined;\n};\n\nconst guess = (value: any): any => {\n    if (typeof value === 'boolean') {\n        return !!value;\n    }\n\n    return isNaN(value) ? getString(value) : Number(value);\n};\n\nconst compareBasic = (a: any, b: any) => {\n    // places undefined values first in ascending order instead of descending\n    if (a !== undefined && b === undefined) {\n        return 1;\n    }\n\n    return a === b ? 0 : a > b ? 1 : -1;\n};\n\ntype SortHandler<T> = (rowA: TableRow<T>, rowB: TableRow<T>, columnId: string) => 0 | 1 | -1;\n\nexport const sortTypes: Record<SortTypes, SortHandler<any>> = {\n    datetime: (rowA, rowB, columnId) => {\n        const a = getTime(rowA.values[columnId]);\n        const b = getTime(rowB.values[columnId]);\n        return compareBasic(a, b);\n    },\n    string: (rowA, rowB, columnId) => {\n        const a = getString(rowA.values[columnId]);\n        const b = getString(rowB.values[columnId]);\n        return compareBasic(a, b);\n    },\n    number: (rowA, rowB, columnId) => {\n        const a = getNumber(rowA.values[columnId]);\n        const b = getNumber(rowB.values[columnId]);\n        return compareBasic(a, b);\n    },\n    boolean: (rowA, rowB, columnId) => {\n        const a = !!rowA.values[columnId];\n        const b = !!rowB.values[columnId];\n        return compareBasic(a, b);\n    },\n    auto: (rowA, rowB, columnId) => {\n        const a = guess(rowA.values[columnId]);\n        const b = guess(rowB.values[columnId]);\n        return compareBasic(a, b);\n    },\n};\n"],"names":["getTime","value","parsedValue","Date","undefined","getNumber","amount","decimalSeparator","length","Number","replace","isNaN","getString","String","toLowerCase","guess","compareBasic","a","b","sortTypes","datetime","rowA","rowB","columnId","values","string","number","auto"],"mappings":"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"}
+{"version":3,"file":"sortTypes.js","sources":["../../../../../src/components/Table/util/sortTypes.ts"],"sourcesContent":["import { SortTypes, TableRow } from '../types';\r\n\r\nconst getTime = (value: any): number | undefined => {\r\n    const parsedValue: Date = typeof value === 'string' ? new Date(value) : value;\r\n    return parsedValue?.getTime ? parsedValue.getTime() : undefined;\r\n};\r\n\r\nconst getNumber = (amount = '', decimalSeparator = ','): number | undefined => {\r\n    if (typeof amount === 'number') {\r\n        return amount;\r\n    }\r\n\r\n    if (amount === null || !amount.length) {\r\n        return undefined;\r\n    }\r\n\r\n    let value;\r\n\r\n    if (decimalSeparator === ',') {\r\n        // replace digit seperator then replace decimal separator\r\n        value = Number(amount.replace(/\\./g, '').replace(',', '.'));\r\n    } else {\r\n        // replace digit seperator\r\n        value = Number(amount.replace(/,/g, ''));\r\n    }\r\n\r\n    return Number.isNaN(value) ? undefined : value;\r\n};\r\n\r\nconst getString = (value: any): string | undefined => {\r\n    if (value) {\r\n        return String(value).toLowerCase();\r\n    }\r\n\r\n    return undefined;\r\n};\r\n\r\nconst guess = (value: any): any => {\r\n    if (typeof value === 'boolean') {\r\n        return !!value;\r\n    }\r\n\r\n    return isNaN(value) ? getString(value) : Number(value);\r\n};\r\n\r\nconst compareBasic = (a: any, b: any) => {\r\n    // places undefined values first in ascending order instead of descending\r\n    if (a !== undefined && b === undefined) {\r\n        return 1;\r\n    }\r\n\r\n    return a === b ? 0 : a > b ? 1 : -1;\r\n};\r\n\r\ntype SortHandler<T> = (rowA: TableRow<T>, rowB: TableRow<T>, columnId: string) => 0 | 1 | -1;\r\n\r\nexport const sortTypes: Record<SortTypes, SortHandler<any>> = {\r\n    datetime: (rowA, rowB, columnId) => {\r\n        const a = getTime(rowA.values[columnId]);\r\n        const b = getTime(rowB.values[columnId]);\r\n        return compareBasic(a, b);\r\n    },\r\n    string: (rowA, rowB, columnId) => {\r\n        const a = getString(rowA.values[columnId]);\r\n        const b = getString(rowB.values[columnId]);\r\n        return compareBasic(a, b);\r\n    },\r\n    number: (rowA, rowB, columnId) => {\r\n        const a = getNumber(rowA.values[columnId]);\r\n        const b = getNumber(rowB.values[columnId]);\r\n        return compareBasic(a, b);\r\n    },\r\n    boolean: (rowA, rowB, columnId) => {\r\n        const a = !!rowA.values[columnId];\r\n        const b = !!rowB.values[columnId];\r\n        return compareBasic(a, b);\r\n    },\r\n    auto: (rowA, rowB, columnId) => {\r\n        const a = guess(rowA.values[columnId]);\r\n        const b = guess(rowB.values[columnId]);\r\n        return compareBasic(a, b);\r\n    },\r\n};\r\n"],"names":["getTime","value","parsedValue","Date","undefined","getNumber","amount","decimalSeparator","length","Number","replace","isNaN","getString","String","toLowerCase","guess","compareBasic","a","b","sortTypes","datetime","rowA","rowB","columnId","values","string","number","boolean","auto"],"mappings":"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"}

package/dist/esm/components/Table/util.js

@@ -1,11 +1,9 @@
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 
-var _excluded = ["children"];
-var sanitizeRowProps = function sanitizeRowProps(row, rowExpansionRenderer) {
+const sanitizeRowProps = (row, rowExpansionRenderer) => {
   var _row$subRows;
 
-  var props = {
+  const props = {
     index: row.index,
     indexPath: row.id,
     values: row.original
@@ -15,15 +13,11 @@ var sanitizeRowProps = function sanitizeRowProps(row, rowExpansionRenderer) {
     props.isExpanded = !!row.isExpanded;
     props.depth = row.depth;
 
-    props.toggleRowExpanded = function () {
-      return row.toggleRowExpanded(!props.isExpanded);
-    };
+    props.toggleRowExpanded = () => row.toggleRowExpanded(!props.isExpanded);
   } else if (rowExpansionRenderer) {
     props.isExpanded = !!row.isExpanded;
 
-    props.toggleRowExpanded = function () {
-      return row.toggleRowExpanded(!props.isExpanded);
-    };
+    props.toggleRowExpanded = () => row.toggleRowExpanded(!props.isExpanded);
   }
 
   if (row.toggleRowEditing) {
@@ -33,40 +27,36 @@ var sanitizeRowProps = function sanitizeRowProps(row, rowExpansionRenderer) {
 
   return props;
 };
-var getColumnsFromChildren = function getColumnsFromChildren(children, rowExpansionRenderer) {
-  var sortRules = [];
-  var columns = React__default.Children.toArray(children).filter(function (child) {
-    return !!child && !child.props.hidden;
-  }) // skip falsey or hidden columns
-  .map(function (_ref) {
-    var _ref$props = _ref.props,
-        groupChildren = _ref$props.children,
-        props = _objectWithoutPropertiesLoose(_ref$props, _excluded);
-
-    var column = _extends({}, props);
-
+const getColumnsFromChildren = (children, rowExpansionRenderer) => {
+  const sortRules = [];
+  const columns = React__default.Children.toArray(children).filter(child => !!child && !child.props.hidden) // skip falsey or hidden columns
+  .map(({
+    props: {
+      children: groupChildren,
+      ...props
+    }
+  }) => {
+    const column = { ...props
+    };
     column.sortType = column.sortType || 'auto';
     column.disableSortBy = column.disableSorting; // this is a Table.Group - TODO: Find a better way to determine the child type
 
     if (props.title && groupChildren) {
       column.Header = props.title;
-
-      var _getColumnsFromChildr = getColumnsFromChildren(groupChildren, rowExpansionRenderer),
-          groupColumns = _getColumnsFromChildr.columns,
-          groupSortRules = _getColumnsFromChildr.sortRules;
-
+      const {
+        columns: groupColumns,
+        sortRules: groupSortRules
+      } = getColumnsFromChildren(groupChildren, rowExpansionRenderer);
       column.columns = groupColumns;
-      groupSortRules.forEach(function (sort) {
-        return sortRules.push(sort);
-      });
+      groupSortRules.forEach(sort => sortRules.push(sort));
     } else {
       column.accessor = props.accessor;
       column.Header = props.headRenderer || '';
 
-      column.Cell = function (columnProps) {
+      column.Cell = columnProps => {
         var _props$cellRenderer, _cell$value;
 
-        var cell = {
+        const cell = {
           accessor: columnProps.cell.column.id,
           row: sanitizeRowProps(columnProps.cell.row, rowExpansionRenderer),
           value: columnProps.cell.value
@@ -94,17 +84,15 @@ var getColumnsFromChildren = function getColumnsFromChildren(children, rowExpans
     return column;
   });
   return {
-    columns: columns,
-    sortRules: sortRules
+    columns,
+    sortRules
   };
 };
-var getInternalSortRules = function getInternalSortRules(sortRules) {
-  return sortRules === null || sortRules === void 0 ? void 0 : sortRules.map(function (rule) {
-    return {
-      id: rule.accessor,
-      desc: rule.desc
-    };
-  });
+const getInternalSortRules = sortRules => {
+  return sortRules === null || sortRules === void 0 ? void 0 : sortRules.map(rule => ({
+    id: rule.accessor,
+    desc: rule.desc
+  }));
 };
 
 export { getColumnsFromChildren, getInternalSortRules, sanitizeRowProps };

package/dist/esm/components/Table/util.js.map

@@ -1 +1 @@
-{"version":3,"file":"util.js","sources":["../../../../src/components/Table/util.ts"],"sourcesContent":["import React from 'react';\nimport { TableRow, TableCell, TableChildren, InternalTableRow, InternalTableColumn, SortRule } from './types';\nimport { SortingRule } from 'react-table';\n\nexport const sanitizeRowProps = (row: InternalTableRow, rowExpansionRenderer: any): TableRow<any> => {\n    const props: TableRow<any> = {\n        index: row.index,\n        indexPath: row.id,\n        values: row.original,\n    };\n\n    if (row.subRows?.length > 0) {\n        props.isExpanded = !!row.isExpanded;\n        props.depth = row.depth;\n        props.toggleRowExpanded = () => row.toggleRowExpanded(!props.isExpanded);\n    } else if (rowExpansionRenderer) {\n        props.isExpanded = !!row.isExpanded;\n        props.toggleRowExpanded = () => row.toggleRowExpanded(!props.isExpanded);\n    }\n\n    if (row.toggleRowEditing) {\n        props.isEditing = !!row.isEditing;\n        props.toggleRowEditing = row.toggleRowEditing;\n    }\n\n    return props;\n};\n\nexport const getColumnsFromChildren = (children: TableChildren<any>, rowExpansionRenderer: any) => {\n    const sortRules: SortingRule<any>[] = [];\n\n    const columns = React.Children.toArray(children)\n        .filter((child: any) => !!child && !child.props.hidden) // skip falsey or hidden columns\n        .map(({ props: { children: groupChildren, ...props } }: any) => {\n            const column: InternalTableColumn & { disableSortBy: boolean | undefined } = { ...props };\n\n            column.sortType = column.sortType || 'auto';\n            column.disableSortBy = column.disableSorting;\n\n            // this is a Table.Group - TODO: Find a better way to determine the child type\n            if (props.title && groupChildren) {\n                column.Header = props.title;\n\n                const { columns: groupColumns, sortRules: groupSortRules } = getColumnsFromChildren(\n                    groupChildren,\n                    rowExpansionRenderer\n                );\n                column.columns = groupColumns;\n                groupSortRules.forEach(sort => sortRules.push(sort));\n            } else {\n                column.accessor = props.accessor;\n                column.Header = props.headRenderer || '';\n                column.Cell = (columnProps: any) => {\n                    const cell: TableCell<any> = {\n                        accessor: columnProps.cell.column.id,\n                        row: sanitizeRowProps(columnProps.cell.row, rowExpansionRenderer),\n                        value: columnProps.cell.value,\n                    };\n\n                    if (cell.row.isEditing && typeof props.editRenderer === 'function') {\n                        return props.editRenderer(cell);\n                    }\n\n                    return typeof props.cellRenderer === 'function' ? props.cellRenderer(cell) ?? null : cell.value ?? null;\n                };\n\n                // custom props\n                column.align = props.align;\n                column.flex = props.flex;\n\n                if (props.sort && !props.disableSorting) {\n                    sortRules.push({\n                        id: props.accessor,\n                        desc: props.sort === 'desc',\n                    });\n                }\n            }\n\n            return column;\n        });\n\n    return { columns, sortRules };\n};\n\nexport const getInternalSortRules = <T>(sortRules: SortRule<T>[] | undefined): SortingRule<T>[] | undefined => {\n    return sortRules?.map<SortingRule<T>>(rule => ({ id: rule.accessor, desc: rule.desc }));\n};\n"],"names":["sanitizeRowProps","row","rowExpansionRenderer","props","index","indexPath","id","values","original","subRows","length","isExpanded","depth","toggleRowExpanded","toggleRowEditing","isEditing","getColumnsFromChildren","children","sortRules","columns","React","Children","toArray","filter","child","hidden","map","groupChildren","column","sortType","disableSortBy","disableSorting","title","Header","groupColumns","groupSortRules","forEach","sort","push","accessor","headRenderer","Cell","columnProps","cell","value","editRenderer","cellRenderer","align","flex","desc","getInternalSortRules","rule"],"mappings":"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"}
+{"version":3,"file":"util.js","sources":["../../../../src/components/Table/util.ts"],"sourcesContent":["import React from 'react';\r\nimport { TableRow, TableCell, TableChildren, InternalTableRow, InternalTableColumn, SortRule } from './types';\r\nimport { SortingRule } from 'react-table';\r\n\r\nexport const sanitizeRowProps = (row: InternalTableRow, rowExpansionRenderer: any): TableRow<any> => {\r\n    const props: TableRow<any> = {\r\n        index: row.index,\r\n        indexPath: row.id,\r\n        values: row.original,\r\n    };\r\n\r\n    if (row.subRows?.length > 0) {\r\n        props.isExpanded = !!row.isExpanded;\r\n        props.depth = row.depth;\r\n        props.toggleRowExpanded = () => row.toggleRowExpanded(!props.isExpanded);\r\n    } else if (rowExpansionRenderer) {\r\n        props.isExpanded = !!row.isExpanded;\r\n        props.toggleRowExpanded = () => row.toggleRowExpanded(!props.isExpanded);\r\n    }\r\n\r\n    if (row.toggleRowEditing) {\r\n        props.isEditing = !!row.isEditing;\r\n        props.toggleRowEditing = row.toggleRowEditing;\r\n    }\r\n\r\n    return props;\r\n};\r\n\r\nexport const getColumnsFromChildren = (children: TableChildren<any>, rowExpansionRenderer: any) => {\r\n    const sortRules: SortingRule<any>[] = [];\r\n\r\n    const columns = React.Children.toArray(children)\r\n        .filter((child: any) => !!child && !child.props.hidden) // skip falsey or hidden columns\r\n        .map(({ props: { children: groupChildren, ...props } }: any) => {\r\n            const column: InternalTableColumn & { disableSortBy: boolean | undefined } = { ...props };\r\n\r\n            column.sortType = column.sortType || 'auto';\r\n            column.disableSortBy = column.disableSorting;\r\n\r\n            // this is a Table.Group - TODO: Find a better way to determine the child type\r\n            if (props.title && groupChildren) {\r\n                column.Header = props.title;\r\n\r\n                const { columns: groupColumns, sortRules: groupSortRules } = getColumnsFromChildren(\r\n                    groupChildren,\r\n                    rowExpansionRenderer\r\n                );\r\n                column.columns = groupColumns;\r\n                groupSortRules.forEach(sort => sortRules.push(sort));\r\n            } else {\r\n                column.accessor = props.accessor;\r\n                column.Header = props.headRenderer || '';\r\n                column.Cell = (columnProps: any) => {\r\n                    const cell: TableCell<any> = {\r\n                        accessor: columnProps.cell.column.id,\r\n                        row: sanitizeRowProps(columnProps.cell.row, rowExpansionRenderer),\r\n                        value: columnProps.cell.value,\r\n                    };\r\n\r\n                    if (cell.row.isEditing && typeof props.editRenderer === 'function') {\r\n                        return props.editRenderer(cell);\r\n                    }\r\n\r\n                    return typeof props.cellRenderer === 'function' ? props.cellRenderer(cell) ?? null : cell.value ?? null;\r\n                };\r\n\r\n                // custom props\r\n                column.align = props.align;\r\n                column.flex = props.flex;\r\n\r\n                if (props.sort && !props.disableSorting) {\r\n                    sortRules.push({\r\n                        id: props.accessor,\r\n                        desc: props.sort === 'desc',\r\n                    });\r\n                }\r\n            }\r\n\r\n            return column;\r\n        });\r\n\r\n    return { columns, sortRules };\r\n};\r\n\r\nexport const getInternalSortRules = <T>(sortRules: SortRule<T>[] | undefined): SortingRule<T>[] | undefined => {\r\n    return sortRules?.map<SortingRule<T>>(rule => ({ id: rule.accessor, desc: rule.desc }));\r\n};\r\n"],"names":["sanitizeRowProps","row","rowExpansionRenderer","props","index","indexPath","id","values","original","subRows","length","isExpanded","depth","toggleRowExpanded","toggleRowEditing","isEditing","getColumnsFromChildren","children","sortRules","columns","React","Children","toArray","filter","child","hidden","map","groupChildren","column","sortType","disableSortBy","disableSorting","title","Header","groupColumns","groupSortRules","forEach","sort","push","accessor","headRenderer","Cell","columnProps","cell","value","editRenderer","cellRenderer","align","flex","desc","getInternalSortRules","rule"],"mappings":";;MAIaA,gBAAgB,GAAG,CAACC,GAAD,EAAwBC,oBAAxB;;;AAC5B,QAAMC,KAAK,GAAkB;AACzBC,IAAAA,KAAK,EAAEH,GAAG,CAACG,KADc;AAEzBC,IAAAA,SAAS,EAAEJ,GAAG,CAACK,EAFU;AAGzBC,IAAAA,MAAM,EAAEN,GAAG,CAACO;AAHa,GAA7B;;AAMA,MAAI,iBAAAP,GAAG,CAACQ,OAAJ,8DAAaC,MAAb,IAAsB,CAA1B,EAA6B;AACzBP,IAAAA,KAAK,CAACQ,UAAN,GAAmB,CAAC,CAACV,GAAG,CAACU,UAAzB;AACAR,IAAAA,KAAK,CAACS,KAAN,GAAcX,GAAG,CAACW,KAAlB;;AACAT,IAAAA,KAAK,CAACU,iBAAN,GAA0B,MAAMZ,GAAG,CAACY,iBAAJ,CAAsB,CAACV,KAAK,CAACQ,UAA7B,CAAhC;AACH,GAJD,MAIO,IAAIT,oBAAJ,EAA0B;AAC7BC,IAAAA,KAAK,CAACQ,UAAN,GAAmB,CAAC,CAACV,GAAG,CAACU,UAAzB;;AACAR,IAAAA,KAAK,CAACU,iBAAN,GAA0B,MAAMZ,GAAG,CAACY,iBAAJ,CAAsB,CAACV,KAAK,CAACQ,UAA7B,CAAhC;AACH;;AAED,MAAIV,GAAG,CAACa,gBAAR,EAA0B;AACtBX,IAAAA,KAAK,CAACY,SAAN,GAAkB,CAAC,CAACd,GAAG,CAACc,SAAxB;AACAZ,IAAAA,KAAK,CAACW,gBAAN,GAAyBb,GAAG,CAACa,gBAA7B;AACH;;AAED,SAAOX,KAAP;AACH;MAEYa,sBAAsB,GAAG,CAACC,QAAD,EAA+Bf,oBAA/B;AAClC,QAAMgB,SAAS,GAAuB,EAAtC;AAEA,QAAMC,OAAO,GAAGC,cAAK,CAACC,QAAN,CAAeC,OAAf,CAAuBL,QAAvB,EACXM,MADW,CACHC,KAAD,IAAgB,CAAC,CAACA,KAAF,IAAW,CAACA,KAAK,CAACrB,KAAN,CAAYsB,MADpC;AAAA,GAEXC,GAFW,CAEP,CAAC;AAAEvB,IAAAA,KAAK,EAAE;AAAEc,MAAAA,QAAQ,EAAEU,aAAZ;AAA2B,SAAGxB;AAA9B;AAAT,GAAD;AACD,UAAMyB,MAAM,GAAiE,EAAE,GAAGzB;AAAL,KAA7E;AAEAyB,IAAAA,MAAM,CAACC,QAAP,GAAkBD,MAAM,CAACC,QAAP,IAAmB,MAArC;AACAD,IAAAA,MAAM,CAACE,aAAP,GAAuBF,MAAM,CAACG,cAA9B;;AAGA,QAAI5B,KAAK,CAAC6B,KAAN,IAAeL,aAAnB,EAAkC;AAC9BC,MAAAA,MAAM,CAACK,MAAP,GAAgB9B,KAAK,CAAC6B,KAAtB;AAEA,YAAM;AAAEb,QAAAA,OAAO,EAAEe,YAAX;AAAyBhB,QAAAA,SAAS,EAAEiB;AAApC,UAAuDnB,sBAAsB,CAC/EW,aAD+E,EAE/EzB,oBAF+E,CAAnF;AAIA0B,MAAAA,MAAM,CAACT,OAAP,GAAiBe,YAAjB;AACAC,MAAAA,cAAc,CAACC,OAAf,CAAuBC,IAAI,IAAInB,SAAS,CAACoB,IAAV,CAAeD,IAAf,CAA/B;AACH,KATD,MASO;AACHT,MAAAA,MAAM,CAACW,QAAP,GAAkBpC,KAAK,CAACoC,QAAxB;AACAX,MAAAA,MAAM,CAACK,MAAP,GAAgB9B,KAAK,CAACqC,YAAN,IAAsB,EAAtC;;AACAZ,MAAAA,MAAM,CAACa,IAAP,GAAeC,WAAD;;;AACV,cAAMC,IAAI,GAAmB;AACzBJ,UAAAA,QAAQ,EAAEG,WAAW,CAACC,IAAZ,CAAiBf,MAAjB,CAAwBtB,EADT;AAEzBL,UAAAA,GAAG,EAAED,gBAAgB,CAAC0C,WAAW,CAACC,IAAZ,CAAiB1C,GAAlB,EAAuBC,oBAAvB,CAFI;AAGzB0C,UAAAA,KAAK,EAAEF,WAAW,CAACC,IAAZ,CAAiBC;AAHC,SAA7B;;AAMA,YAAID,IAAI,CAAC1C,GAAL,CAASc,SAAT,IAAsB,OAAOZ,KAAK,CAAC0C,YAAb,KAA8B,UAAxD,EAAoE;AAChE,iBAAO1C,KAAK,CAAC0C,YAAN,CAAmBF,IAAnB,CAAP;AACH;;AAED,eAAO,OAAOxC,KAAK,CAAC2C,YAAb,KAA8B,UAA9B,0BAA2C3C,KAAK,CAAC2C,YAAN,CAAmBH,IAAnB,CAA3C,qEAAuE,IAAvE,kBAA8EA,IAAI,CAACC,KAAnF,qDAA4F,IAAnG;AACH,OAZD,CAHG;;;AAkBHhB,MAAAA,MAAM,CAACmB,KAAP,GAAe5C,KAAK,CAAC4C,KAArB;AACAnB,MAAAA,MAAM,CAACoB,IAAP,GAAc7C,KAAK,CAAC6C,IAApB;;AAEA,UAAI7C,KAAK,CAACkC,IAAN,IAAc,CAAClC,KAAK,CAAC4B,cAAzB,EAAyC;AACrCb,QAAAA,SAAS,CAACoB,IAAV,CAAe;AACXhC,UAAAA,EAAE,EAAEH,KAAK,CAACoC,QADC;AAEXU,UAAAA,IAAI,EAAE9C,KAAK,CAACkC,IAAN,KAAe;AAFV,SAAf;AAIH;AACJ;;AAED,WAAOT,MAAP;AACH,GAhDW,CAAhB;AAkDA,SAAO;AAAET,IAAAA,OAAF;AAAWD,IAAAA;AAAX,GAAP;AACH;MAEYgC,oBAAoB,GAAOhC,SAAJ;AAChC,SAAOA,SAAP,aAAOA,SAAP,uBAAOA,SAAS,CAAEQ,GAAX,CAA+ByB,IAAI,KAAK;AAAE7C,IAAAA,EAAE,EAAE6C,IAAI,CAACZ,QAAX;AAAqBU,IAAAA,IAAI,EAAEE,IAAI,CAACF;AAAhC,GAAL,CAAnC,CAAP;AACH;;;;"}

package/dist/esm/components/Tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sources":["../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'classnames';\nimport * as TabsPrimitive from '@radix-ui/react-tabs';\n\nimport { Orientation } from '../../types';\nimport './Tabs.css';\n\nexport type TabsProps = React.HTMLAttributes<HTMLDivElement> & {\n    /**\n     * The controlled value of the tab to activate. Should be used in conjunction with `onChange`.\n     */\n    id?: string;\n    /**\n     * Set which tab is selected on mount.\n     * This has to be one of the existing ids provided for tabs\n     */\n    defaultId?: string;\n    /**\n     * Content should be one or an array of `Tabs.Trigger` components inside `Tabs.List` and then\n     * followed by one or an array of `Tabs.Content`.\n     * *Note* that there can also be tabs that are rendered conditionally.\n     */\n    children: React.ReactNode;\n    /**\n     * Define orientation of tabs.\n     * @defaultValue horizontal\n     */\n    orientation?: Orientation;\n    /**\n     * Callback that is called when tab is changed.\n     */\n    onChange?: (id: string) => void;\n};\n\nexport type TabListProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport type TabTriggerProps = React.HTMLAttributes<HTMLButtonElement> & {\n    /**\n     * A unique value that associates the trigger with a content.\n     */\n    id: string;\n    /**\n     * When true, prevents the user from interacting with the tab.\n     */\n    disabled?: boolean;\n};\n\nexport type TabContentProps = React.HTMLAttributes<HTMLDivElement> & {\n    /**\n     * A unique value that associates the content with a trigger.\n     */\n    id: string;\n};\n\nexport type ForwardedTabsWithStatics = React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>> & {\n    /** Tab list component containing all tab triggers, rendered in a `Tabs` group component */\n    List: React.ForwardRefExoticComponent<TabListProps & React.RefAttributes<HTMLDivElement>>;\n    /** Tab trigger component rendered in a `Tabs.List` component */\n    Trigger: React.ForwardRefExoticComponent<TabTriggerProps & React.RefAttributes<HTMLButtonElement>>;\n    /** Tab content component rendered in a `Tabs` group component */\n    Content: React.ForwardRefExoticComponent<TabContentProps & React.RefAttributes<HTMLDivElement>>;\n};\n\nexport const Tabs = React.forwardRef(function Tabs(props: TabsProps, ref: React.Ref<HTMLDivElement>) {\n    const { id, defaultId, children, onChange, orientation = 'horizontal', ...otherProps } = props;\n    const className = cn(\n        'yt-tabs',\n        `yt-tabs--${orientation}`,\n        {\n            'flex w-full': orientation === 'vertical',\n        },\n        props.className\n    );\n\n    return (\n        <TabsPrimitive.Root\n            {...otherProps}\n            className={className}\n            data-taco=\"tabs\"\n            defaultValue={defaultId}\n            dir=\"ltr\"\n            onValueChange={onChange}\n            orientation={orientation}\n            ref={ref}\n            value={id}\n        >\n            {children}\n        </TabsPrimitive.Root>\n    );\n}) as ForwardedTabsWithStatics;\n\nconst TabList = React.forwardRef(function Tab(props: TabListProps, ref: React.Ref<HTMLDivElement>) {\n    const className = cn('yt-tab__list border-b border-grey-light flex flex-row m-0 mb-4', props.className);\n\n    return <TabsPrimitive.List {...props} className={className} ref={ref} />;\n});\n\nconst TabTrigger = React.forwardRef(function Tab(props: TabTriggerProps, ref: React.Ref<HTMLButtonElement>) {\n    const { id, disabled, ...otherProps } = props;\n    const className = cn(\n        'yt-tab bg-transparent border-b-2 border-transparent text-grey-darkest m-0 py-2 px-4',\n        disabled\n            ? 'cursor-not-allowed !text-grey'\n            : 'cursor-pointer rounded-t hover:border-grey-light hover:text-black active:yt-focus active:border-blue focus:yt-focus focus:border-blue',\n        props.className\n    );\n\n    return (\n        <TabsPrimitive.Trigger\n            {...otherProps}\n            className={className}\n            disabled={disabled}\n            ref={ref}\n            style={{\n                transition: 'border 0.2s ease-in',\n            }}\n            value={id}\n        />\n    );\n});\n\nconst TabContent = React.forwardRef(function Tab(props: TabContentProps, ref: React.Ref<HTMLDivElement>) {\n    const { id, ...otherProps } = props;\n    const className = cn('yt-tab__panel outline-none', props.className);\n\n    return <TabsPrimitive.Content {...otherProps} className={className} ref={ref} value={id} />;\n});\n\nTabs.List = TabList;\nTabs.Trigger = TabTrigger;\nTabs.Content = TabContent;\n"],"names":["Tabs","React","props","ref","id","defaultId","children","onChange","orientation","otherProps","className","cn","TabsPrimitive","defaultValue","dir","onValueChange","value","TabList","Tab","TabTrigger","disabled","style","transition","TabContent","List","Trigger","Content"],"mappings":";;;;;;;;IA+DaA,IAAI,gBAAGC,UAAA,CAAiB,SAASD,IAAT,CAAcE,KAAd,EAAgCC,GAAhC;AACjC,MAAQC,EAAR,GAAyFF,KAAzF,CAAQE,EAAR;AAAA,MAAYC,SAAZ,GAAyFH,KAAzF,CAAYG,SAAZ;AAAA,MAAuBC,QAAvB,GAAyFJ,KAAzF,CAAuBI,QAAvB;AAAA,MAAiCC,QAAjC,GAAyFL,KAAzF,CAAiCK,QAAjC;AAAA,2BAAyFL,KAAzF,CAA2CM,WAA3C;AAAA,MAA2CA,WAA3C,mCAAyD,YAAzD;AAAA,MAA0EC,UAA1E,iCAAyFP,KAAzF;;AACA,MAAMQ,SAAS,GAAGC,EAAE,CAChB,SADgB,gBAEJH,WAFI,EAGhB;AACI,mBAAeA,WAAW,KAAK;AADnC,GAHgB,EAMhBN,KAAK,CAACQ,SANU,CAApB;AASA,SACIT,aAAA,CAACW,IAAD,oBACQH;AACJC,IAAAA,SAAS,EAAEA;iBACD;AACVG,IAAAA,YAAY,EAAER;AACdS,IAAAA,GAAG,EAAC;AACJC,IAAAA,aAAa,EAAER;AACfC,IAAAA,WAAW,EAAEA;AACbL,IAAAA,GAAG,EAAEA;AACLa,IAAAA,KAAK,EAAEZ;IATX,EAWKE,QAXL,CADJ;AAeH,CA1BmB;AA4BpB,IAAMW,OAAO,gBAAGhB,UAAA,CAAiB,SAASiB,GAAT,CAAahB,KAAb,EAAkCC,GAAlC;AAC7B,MAAMO,SAAS,GAAGC,EAAE,CAAC,gEAAD,EAAmET,KAAK,CAACQ,SAAzE,CAApB;AAEA,SAAOT,aAAA,CAACW,IAAD,oBAAwBV;AAAOQ,IAAAA,SAAS,EAAEA;AAAWP,IAAAA,GAAG,EAAEA;IAA1D,CAAP;AACH,CAJe,CAAhB;AAMA,IAAMgB,UAAU,gBAAGlB,UAAA,CAAiB,SAASiB,GAAT,CAAahB,KAAb,EAAqCC,GAArC;AAChC,MAAQC,EAAR,GAAwCF,KAAxC,CAAQE,EAAR;AAAA,MAAYgB,QAAZ,GAAwClB,KAAxC,CAAYkB,QAAZ;AAAA,MAAyBX,UAAzB,iCAAwCP,KAAxC;;AACA,MAAMQ,SAAS,GAAGC,EAAE,CAChB,qFADgB,EAEhBS,QAAQ,GACF,+BADE,GAEF,uIAJU,EAKhBlB,KAAK,CAACQ,SALU,CAApB;AAQA,SACIT,aAAA,CAACW,OAAD,oBACQH;AACJC,IAAAA,SAAS,EAAEA;AACXU,IAAAA,QAAQ,EAAEA;AACVjB,IAAAA,GAAG,EAAEA;AACLkB,IAAAA,KAAK,EAAE;AACHC,MAAAA,UAAU,EAAE;AADT;AAGPN,IAAAA,KAAK,EAAEZ;IARX,CADJ;AAYH,CAtBkB,CAAnB;AAwBA,IAAMmB,UAAU,gBAAGtB,UAAA,CAAiB,SAASiB,GAAT,CAAahB,KAAb,EAAqCC,GAArC;AAChC,MAAQC,EAAR,GAA8BF,KAA9B,CAAQE,EAAR;AAAA,MAAeK,UAAf,iCAA8BP,KAA9B;;AACA,MAAMQ,SAAS,GAAGC,EAAE,CAAC,4BAAD,EAA+BT,KAAK,CAACQ,SAArC,CAApB;AAEA,SAAOT,aAAA,CAACW,OAAD,oBAA2BH;AAAYC,IAAAA,SAAS,EAAEA;AAAWP,IAAAA,GAAG,EAAEA;AAAKa,IAAAA,KAAK,EAAEZ;IAA9E,CAAP;AACH,CALkB,CAAnB;AAOAJ,IAAI,CAACwB,IAAL,GAAYP,OAAZ;AACAjB,IAAI,CAACyB,OAAL,GAAeN,UAAf;AACAnB,IAAI,CAAC0B,OAAL,GAAeH,UAAf;;;;"}
+{"version":3,"file":"Tabs.js","sources":["../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport cn from 'classnames';\r\nimport * as TabsPrimitive from '@radix-ui/react-tabs';\r\n\r\nimport { Orientation } from '../../types';\r\nimport './Tabs.css';\r\n\r\nexport type TabsProps = React.HTMLAttributes<HTMLDivElement> & {\r\n    /**\r\n     * The controlled value of the tab to activate. Should be used in conjunction with `onChange`.\r\n     */\r\n    id?: string;\r\n    /**\r\n     * Set which tab is selected on mount.\r\n     * This has to be one of the existing ids provided for tabs\r\n     */\r\n    defaultId?: string;\r\n    /**\r\n     * Content should be one or an array of `Tabs.Trigger` components inside `Tabs.List` and then\r\n     * followed by one or an array of `Tabs.Content`.\r\n     * *Note* that there can also be tabs that are rendered conditionally.\r\n     */\r\n    children: React.ReactNode;\r\n    /**\r\n     * Define orientation of tabs.\r\n     * @defaultValue horizontal\r\n     */\r\n    orientation?: Orientation;\r\n    /**\r\n     * Callback that is called when tab is changed.\r\n     */\r\n    onChange?: (id: string) => void;\r\n};\r\n\r\nexport type TabListProps = React.HTMLAttributes<HTMLDivElement>;\r\n\r\nexport type TabTriggerProps = React.HTMLAttributes<HTMLButtonElement> & {\r\n    /**\r\n     * A unique value that associates the trigger with a content.\r\n     */\r\n    id: string;\r\n    /**\r\n     * When true, prevents the user from interacting with the tab.\r\n     */\r\n    disabled?: boolean;\r\n};\r\n\r\nexport type TabContentProps = React.HTMLAttributes<HTMLDivElement> & {\r\n    /**\r\n     * A unique value that associates the content with a trigger.\r\n     */\r\n    id: string;\r\n};\r\n\r\nexport type ForwardedTabsWithStatics = React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>> & {\r\n    /** Tab list component containing all tab triggers, rendered in a `Tabs` group component */\r\n    List: React.ForwardRefExoticComponent<TabListProps & React.RefAttributes<HTMLDivElement>>;\r\n    /** Tab trigger component rendered in a `Tabs.List` component */\r\n    Trigger: React.ForwardRefExoticComponent<TabTriggerProps & React.RefAttributes<HTMLButtonElement>>;\r\n    /** Tab content component rendered in a `Tabs` group component */\r\n    Content: React.ForwardRefExoticComponent<TabContentProps & React.RefAttributes<HTMLDivElement>>;\r\n};\r\n\r\nexport const Tabs = React.forwardRef(function Tabs(props: TabsProps, ref: React.Ref<HTMLDivElement>) {\r\n    const { id, defaultId, children, onChange, orientation = 'horizontal', ...otherProps } = props;\r\n    const className = cn(\r\n        'yt-tabs',\r\n        `yt-tabs--${orientation}`,\r\n        {\r\n            'flex w-full': orientation === 'vertical',\r\n        },\r\n        props.className\r\n    );\r\n\r\n    return (\r\n        <TabsPrimitive.Root\r\n            {...otherProps}\r\n            className={className}\r\n            data-taco=\"tabs\"\r\n            defaultValue={defaultId}\r\n            dir=\"ltr\"\r\n            onValueChange={onChange}\r\n            orientation={orientation}\r\n            ref={ref}\r\n            value={id}\r\n        >\r\n            {children}\r\n        </TabsPrimitive.Root>\r\n    );\r\n}) as ForwardedTabsWithStatics;\r\n\r\nconst TabList = React.forwardRef(function Tab(props: TabListProps, ref: React.Ref<HTMLDivElement>) {\r\n    const className = cn('yt-tab__list border-b border-grey-light flex flex-row m-0 mb-4', props.className);\r\n\r\n    return <TabsPrimitive.List {...props} className={className} ref={ref} />;\r\n});\r\n\r\nconst TabTrigger = React.forwardRef(function Tab(props: TabTriggerProps, ref: React.Ref<HTMLButtonElement>) {\r\n    const { id, disabled, ...otherProps } = props;\r\n    const className = cn(\r\n        'yt-tab bg-transparent border-b-2 border-transparent text-grey-darkest m-0 py-2 px-4',\r\n        disabled\r\n            ? 'cursor-not-allowed !text-grey'\r\n            : 'cursor-pointer rounded-t hover:border-grey-light hover:text-black active:yt-focus active:border-blue focus:yt-focus focus:border-blue',\r\n        props.className\r\n    );\r\n\r\n    return (\r\n        <TabsPrimitive.Trigger\r\n            {...otherProps}\r\n            className={className}\r\n            disabled={disabled}\r\n            ref={ref}\r\n            style={{\r\n                transition: 'border 0.2s ease-in',\r\n            }}\r\n            value={id}\r\n        />\r\n    );\r\n});\r\n\r\nconst TabContent = React.forwardRef(function Tab(props: TabContentProps, ref: React.Ref<HTMLDivElement>) {\r\n    const { id, ...otherProps } = props;\r\n    const className = cn('yt-tab__panel outline-none', props.className);\r\n\r\n    return <TabsPrimitive.Content {...otherProps} className={className} ref={ref} value={id} />;\r\n});\r\n\r\nTabs.List = TabList;\r\nTabs.Trigger = TabTrigger;\r\nTabs.Content = TabContent;\r\n"],"names":["Tabs","React","props","ref","id","defaultId","children","onChange","orientation","otherProps","className","cn","TabsPrimitive","defaultValue","dir","onValueChange","value","TabList","Tab","TabTrigger","disabled","style","transition","TabContent","List","Trigger","Content"],"mappings":";;;;;;;;IA+DaA,IAAI,gBAAGC,UAAA,CAAiB,SAASD,IAAT,CAAcE,KAAd,EAAgCC,GAAhC;AACjC,MAAQC,EAAR,GAAyFF,KAAzF,CAAQE,EAAR;AAAA,MAAYC,SAAZ,GAAyFH,KAAzF,CAAYG,SAAZ;AAAA,MAAuBC,QAAvB,GAAyFJ,KAAzF,CAAuBI,QAAvB;AAAA,MAAiCC,QAAjC,GAAyFL,KAAzF,CAAiCK,QAAjC;AAAA,2BAAyFL,KAAzF,CAA2CM,WAA3C;AAAA,MAA2CA,WAA3C,mCAAyD,YAAzD;AAAA,MAA0EC,UAA1E,iCAAyFP,KAAzF;;AACA,MAAMQ,SAAS,GAAGC,EAAE,CAChB,SADgB,gBAEJH,WAFI,EAGhB;AACI,mBAAeA,WAAW,KAAK;AADnC,GAHgB,EAMhBN,KAAK,CAACQ,SANU,CAApB;AASA,SACIT,aAAA,CAACW,IAAD,oBACQH;AACJC,IAAAA,SAAS,EAAEA;iBACD;AACVG,IAAAA,YAAY,EAAER;AACdS,IAAAA,GAAG,EAAC;AACJC,IAAAA,aAAa,EAAER;AACfC,IAAAA,WAAW,EAAEA;AACbL,IAAAA,GAAG,EAAEA;AACLa,IAAAA,KAAK,EAAEZ;IATX,EAWKE,QAXL,CADJ;AAeH,CA1BmB;AA4BpB,IAAMW,OAAO,gBAAGhB,UAAA,CAAiB,SAASiB,GAAT,CAAahB,KAAb,EAAkCC,GAAlC;AAC7B,MAAMO,SAAS,GAAGC,EAAE,CAAC,gEAAD,EAAmET,KAAK,CAACQ,SAAzE,CAApB;AAEA,SAAOT,aAAA,CAACW,IAAD,oBAAwBV;AAAOQ,IAAAA,SAAS,EAAEA;AAAWP,IAAAA,GAAG,EAAEA;IAA1D,CAAP;AACH,CAJe,CAAhB;AAMA,IAAMgB,UAAU,gBAAGlB,UAAA,CAAiB,SAASiB,GAAT,CAAahB,KAAb,EAAqCC,GAArC;AAChC,MAAQC,EAAR,GAAwCF,KAAxC,CAAQE,EAAR;AAAA,MAAYgB,QAAZ,GAAwClB,KAAxC,CAAYkB,QAAZ;AAAA,MAAyBX,UAAzB,iCAAwCP,KAAxC;;AACA,MAAMQ,SAAS,GAAGC,EAAE,CAChB,qFADgB,EAEhBS,QAAQ,GACF,+BADE,GAEF,uIAJU,EAKhBlB,KAAK,CAACQ,SALU,CAApB;AAQA,SACIT,aAAA,CAACW,OAAD,oBACQH;AACJC,IAAAA,SAAS,EAAEA;AACXU,IAAAA,QAAQ,EAAEA;AACVjB,IAAAA,GAAG,EAAEA;AACLkB,IAAAA,KAAK,EAAE;AACHC,MAAAA,UAAU,EAAE;AADT;AAGPN,IAAAA,KAAK,EAAEZ;IARX,CADJ;AAYH,CAtBkB,CAAnB;AAwBA,IAAMmB,UAAU,gBAAGtB,UAAA,CAAiB,SAASiB,GAAT,CAAahB,KAAb,EAAqCC,GAArC;AAChC,MAAQC,EAAR,GAA8BF,KAA9B,CAAQE,EAAR;AAAA,MAAeK,UAAf,iCAA8BP,KAA9B;;AACA,MAAMQ,SAAS,GAAGC,EAAE,CAAC,4BAAD,EAA+BT,KAAK,CAACQ,SAArC,CAApB;AAEA,SAAOT,aAAA,CAACW,OAAD,oBAA2BH;AAAYC,IAAAA,SAAS,EAAEA;AAAWP,IAAAA,GAAG,EAAEA;AAAKa,IAAAA,KAAK,EAAEZ;IAA9E,CAAP;AACH,CALkB,CAAnB;AAOAJ,IAAI,CAACwB,IAAL,GAAYP,OAAZ;AACAjB,IAAI,CAACyB,OAAL,GAAeN,UAAf;AACAnB,IAAI,CAAC0B,OAAL,GAAeH,UAAf;;;;"}