@economic/taco 2.47.0-server.9 → 2.48.0

package/dist/esm/packages/taco/src/primitives/Table/Core/components/Toolbar/components/Print/PrintDialog.js

@@ -1,5 +1,4 @@
 import React__default from 'react';
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Alert } from '../../../../../../../components/Alert/Alert.js';
 import { useLocalization } from '../../../../../../../components/Provider/Localization.js';
 import { Button } from '../../../../../../../components/Button/Button.js';
@@ -10,82 +9,79 @@ import { Field } from '../../../../../../../components/Field/Field.js';
 import { RadioGroup } from '../../../../../../../components/RadioGroup/RadioGroup.js';
 import { Select2 } from '../../../../../../../components/Select2/Select2.js';
 
-var _excluded = ["onAccept", "table", "orientation", "setOrientation", "size", "setSize", "allRows", "setAllRows", "splitGroups", "setSplitGroups"];
-var SAFE_PRINT_CELL_COUNT = 10000;
+const SAFE_PRINT_CELL_COUNT = 10000;
 function PrintDialog(props) {
   var _columns$find, _columns$find$columnD;
-  var onAccept = props.onAccept,
-    table = props.table,
-    orientation = props.orientation,
-    setOrientation = props.setOrientation,
-    size = props.size,
-    setSize = props.setSize,
-    allRows = props.allRows,
-    setAllRows = props.setAllRows,
-    splitGroups = props.splitGroups,
-    setSplitGroups = props.setSplitGroups,
-    dialogProps = _objectWithoutPropertiesLoose(props, _excluded);
-  var _useLocalization = useLocalization(),
-    texts = _useLocalization.texts;
-  var columns = table.getVisibleFlatColumns();
-  var cellCount = table.getRowModel().rows.length * columns.length;
-  var rowGroupingColumnName = table.getState().grouping.length ? (_columns$find = columns.find(function (column) {
-    return column.id === table.getState().grouping[0];
-  })) === null || _columns$find === void 0 ? void 0 : (_columns$find$columnD = _columns$find.columnDef.meta) === null || _columns$find$columnD === void 0 ? void 0 : _columns$find$columnD.header : undefined;
+  const {
+    onAccept,
+    table,
+    orientation,
+    setOrientation,
+    size,
+    setSize,
+    allRows,
+    setAllRows,
+    splitGroups,
+    setSplitGroups,
+    ...dialogProps
+  } = props;
+  const {
+    texts
+  } = useLocalization();
+  const columns = table.getVisibleFlatColumns();
+  const cellCount = table.getRowModel().rows.length * columns.length;
+  const rowGroupingColumnName = table.getState().grouping.length ? (_columns$find = columns.find(column => column.id === table.getState().grouping[0])) === null || _columns$find === void 0 ? void 0 : (_columns$find$columnD = _columns$find.columnDef.meta) === null || _columns$find$columnD === void 0 ? void 0 : _columns$find$columnD.header : undefined;
   return /*#__PURE__*/React__default.createElement(Dialog, Object.assign({}, dialogProps, {
     size: "xs"
   }), /*#__PURE__*/React__default.createElement(Dialog.Content, {
     "aria-label": texts.table.print.warningDialog.title
-  }, function (_ref) {
-    var close = _ref.close;
-    return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Dialog.Title, null, texts.table.print.settingsDialog.title), /*#__PURE__*/React__default.createElement("div", {
-      className: "mt-4 flex flex-col gap-2"
-    }, /*#__PURE__*/React__default.createElement("div", {
-      className: "grid grid-cols-2 gap-4"
-    }, /*#__PURE__*/React__default.createElement(Field, null, texts.table.print.settingsDialog.size, /*#__PURE__*/React__default.createElement(Select2, {
-      onChange: setSize,
-      value: size
-    }, /*#__PURE__*/React__default.createElement(Select2.Option, {
-      value: "A5"
-    }, texts.table.print.settingsDialog.sizeA5), /*#__PURE__*/React__default.createElement(Select2.Option, {
-      value: "A4"
-    }, texts.table.print.settingsDialog.sizeA4), /*#__PURE__*/React__default.createElement(Select2.Option, {
-      value: "A3"
-    }, texts.table.print.settingsDialog.sizeA3), /*#__PURE__*/React__default.createElement(Select2.Option, {
-      value: "letter"
-    }, texts.table.print.settingsDialog.sizeLetter), /*#__PURE__*/React__default.createElement(Select2.Option, {
-      value: "legal"
-    }, texts.table.print.settingsDialog.sizeLegal))), /*#__PURE__*/React__default.createElement(Field, null, texts.table.print.settingsDialog.orientation, /*#__PURE__*/React__default.createElement(Select2, {
-      onChange: setOrientation,
-      value: orientation
-    }, /*#__PURE__*/React__default.createElement(Select2.Option, {
-      value: "landscape"
-    }, texts.table.print.settingsDialog.orientationLandscape), /*#__PURE__*/React__default.createElement(Select2.Option, {
-      value: "portrait"
-    }, texts.table.print.settingsDialog.orientationPortrait)))), table.options.enableRowSelection && table.getIsSomeRowsSelected() ? (/*#__PURE__*/React__default.createElement(Field, null, texts.table.print.settingsDialog.rows, /*#__PURE__*/React__default.createElement(RadioGroup, {
-      onChange: setAllRows,
-      value: allRows
-    }, /*#__PURE__*/React__default.createElement(RadioGroup.Item, {
-      value: true
-    }, texts.table.print.settingsDialog.rowsAll), /*#__PURE__*/React__default.createElement(RadioGroup.Item, {
-      value: false
-    }, texts.table.print.settingsDialog.rowsSelected)))) : undefined, rowGroupingColumnName ? (/*#__PURE__*/React__default.createElement(Field, null, texts.table.print.settingsDialog.layout, /*#__PURE__*/React__default.createElement(Checkbox, {
-      label: texts.table.print.settingsDialog.layoutSplitGroups.replace('[COLUMN]', rowGroupingColumnName),
-      checked: splitGroups,
-      onChange: setSplitGroups
-    }))) : null, cellCount > SAFE_PRINT_CELL_COUNT ? (/*#__PURE__*/React__default.createElement(Alert, {
-      state: "warning"
-    }, texts.table.print.warningDialog.description)) : null), /*#__PURE__*/React__default.createElement(Dialog.Footer, null, /*#__PURE__*/React__default.createElement(Group, null, /*#__PURE__*/React__default.createElement(Dialog.Close, null, /*#__PURE__*/React__default.createElement(Button, null, texts.table.print.warningDialog.cancelButtonText)), /*#__PURE__*/React__default.createElement(Button, {
-      appearance: "primary",
-      autoFocus: true,
-      onClick: function onClick() {
-        close();
-        setTimeout(function () {
-          return onAccept();
-        }, 1);
-      }
-    }, texts.table.print.warningDialog.printButtonText))));
-  }));
+  }, ({
+    close
+  }) => (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Dialog.Title, null, texts.table.print.settingsDialog.title), /*#__PURE__*/React__default.createElement("div", {
+    className: "mt-4 flex flex-col gap-2"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "grid grid-cols-2 gap-4"
+  }, /*#__PURE__*/React__default.createElement(Field, null, texts.table.print.settingsDialog.size, /*#__PURE__*/React__default.createElement(Select2, {
+    onChange: setSize,
+    value: size
+  }, /*#__PURE__*/React__default.createElement(Select2.Option, {
+    value: "A5"
+  }, texts.table.print.settingsDialog.sizeA5), /*#__PURE__*/React__default.createElement(Select2.Option, {
+    value: "A4"
+  }, texts.table.print.settingsDialog.sizeA4), /*#__PURE__*/React__default.createElement(Select2.Option, {
+    value: "A3"
+  }, texts.table.print.settingsDialog.sizeA3), /*#__PURE__*/React__default.createElement(Select2.Option, {
+    value: "letter"
+  }, texts.table.print.settingsDialog.sizeLetter), /*#__PURE__*/React__default.createElement(Select2.Option, {
+    value: "legal"
+  }, texts.table.print.settingsDialog.sizeLegal))), /*#__PURE__*/React__default.createElement(Field, null, texts.table.print.settingsDialog.orientation, /*#__PURE__*/React__default.createElement(Select2, {
+    onChange: setOrientation,
+    value: orientation
+  }, /*#__PURE__*/React__default.createElement(Select2.Option, {
+    value: "landscape"
+  }, texts.table.print.settingsDialog.orientationLandscape), /*#__PURE__*/React__default.createElement(Select2.Option, {
+    value: "portrait"
+  }, texts.table.print.settingsDialog.orientationPortrait)))), table.options.enableRowSelection && table.getIsSomeRowsSelected() ? (/*#__PURE__*/React__default.createElement(Field, null, texts.table.print.settingsDialog.rows, /*#__PURE__*/React__default.createElement(RadioGroup, {
+    onChange: setAllRows,
+    value: allRows
+  }, /*#__PURE__*/React__default.createElement(RadioGroup.Item, {
+    value: true
+  }, texts.table.print.settingsDialog.rowsAll), /*#__PURE__*/React__default.createElement(RadioGroup.Item, {
+    value: false
+  }, texts.table.print.settingsDialog.rowsSelected)))) : undefined, rowGroupingColumnName ? (/*#__PURE__*/React__default.createElement(Field, null, texts.table.print.settingsDialog.layout, /*#__PURE__*/React__default.createElement(Checkbox, {
+    label: texts.table.print.settingsDialog.layoutSplitGroups.replace('[COLUMN]', rowGroupingColumnName),
+    checked: splitGroups,
+    onChange: setSplitGroups
+  }))) : null, cellCount > SAFE_PRINT_CELL_COUNT ? (/*#__PURE__*/React__default.createElement(Alert, {
+    state: "warning"
+  }, texts.table.print.warningDialog.description)) : null), /*#__PURE__*/React__default.createElement(Dialog.Footer, null, /*#__PURE__*/React__default.createElement(Group, null, /*#__PURE__*/React__default.createElement(Dialog.Close, null, /*#__PURE__*/React__default.createElement(Button, null, texts.table.print.warningDialog.cancelButtonText)), /*#__PURE__*/React__default.createElement(Button, {
+    appearance: "primary",
+    autoFocus: true,
+    onClick: () => {
+      close();
+      setTimeout(() => onAccept(), 1);
+    }
+  }, texts.table.print.warningDialog.printButtonText)))))));
 }
 
 export { PrintDialog };

package/dist/esm/packages/taco/src/primitives/Table/Core/components/Toolbar/components/Print/PrintDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"PrintDialog.js","sources":["../../../../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Print/PrintDialog.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable } from '@tanstack/react-table';\nimport { Dialog } from '../../../../../../../components/Dialog/Dialog';\nimport { useLocalization } from '../../../../../../../components/Provider/Localization';\nimport { Checkbox } from '../../../../../../../components/Checkbox/Checkbox';\nimport { Group } from '../../../../../../../components/Group/Group';\nimport { Button } from '../../../../../../../components/Button/Button';\nimport { Field } from '../../../../../../../components/Field/Field';\nimport { Select2, Select2Value } from '../../../../../../../components/Select2/Select2';\nimport { RadioGroup, RadioGroupItemValue } from '../../../../../../../components/RadioGroup/RadioGroup';\nimport { Alert } from '../../../../../../../components/Alert/Alert';\n\nconst SAFE_PRINT_CELL_COUNT = 10000;\n\nexport type PrintDialogProps<TType = unknown> = {\n    table: ReactTable<TType>;\n    onAccept: () => void;\n    orientation: Select2Value;\n    setOrientation: (orientation: Select2Value) => void;\n    size: Select2Value;\n    setSize: (size: Select2Value) => void;\n    allRows: RadioGroupItemValue;\n    setAllRows: (allRows: RadioGroupItemValue) => void;\n    splitGroups: boolean;\n    setSplitGroups: (splitGroups: boolean) => void;\n};\n\nexport function PrintDialog<TType = unknown>(props: PrintDialogProps<TType>) {\n    const {\n        onAccept,\n        table,\n        orientation,\n        setOrientation,\n        size,\n        setSize,\n        allRows,\n        setAllRows,\n        splitGroups,\n        setSplitGroups,\n        ...dialogProps\n    } = props;\n    const { texts } = useLocalization();\n\n    const columns = table.getVisibleFlatColumns();\n    const cellCount = table.getRowModel().rows.length * columns.length;\n    const rowGroupingColumnName = table.getState().grouping.length\n        ? columns.find(column => column.id === table.getState().grouping[0])?.columnDef.meta?.header\n        : undefined;\n\n    return (\n        <Dialog {...dialogProps} size=\"xs\">\n            <Dialog.Content aria-label={texts.table.print.warningDialog.title}>\n                {({ close }) => (\n                    <>\n                        <Dialog.Title>{texts.table.print.settingsDialog.title}</Dialog.Title>\n                        <div className=\"mt-4 flex flex-col gap-2\">\n                            <div className=\"grid grid-cols-2 gap-4\">\n                                <Field>\n                                    {texts.table.print.settingsDialog.size}\n                                    <Select2 onChange={setSize} value={size}>\n                                        <Select2.Option value=\"A5\">{texts.table.print.settingsDialog.sizeA5}</Select2.Option>\n                                        <Select2.Option value=\"A4\">{texts.table.print.settingsDialog.sizeA4}</Select2.Option>\n                                        <Select2.Option value=\"A3\">{texts.table.print.settingsDialog.sizeA3}</Select2.Option>\n                                        <Select2.Option value=\"letter\">\n                                            {texts.table.print.settingsDialog.sizeLetter}\n                                        </Select2.Option>\n                                        <Select2.Option value=\"legal\">\n                                            {texts.table.print.settingsDialog.sizeLegal}\n                                        </Select2.Option>\n                                    </Select2>\n                                </Field>\n                                <Field>\n                                    {texts.table.print.settingsDialog.orientation}\n                                    <Select2 onChange={setOrientation} value={orientation}>\n                                        <Select2.Option value=\"landscape\">\n                                            {texts.table.print.settingsDialog.orientationLandscape}\n                                        </Select2.Option>\n                                        <Select2.Option value=\"portrait\">\n                                            {texts.table.print.settingsDialog.orientationPortrait}\n                                        </Select2.Option>\n                                    </Select2>\n                                </Field>\n                            </div>\n                            {table.options.enableRowSelection && table.getIsSomeRowsSelected() ? (\n                                <Field>\n                                    {texts.table.print.settingsDialog.rows}\n                                    <RadioGroup onChange={setAllRows} value={allRows}>\n                                        <RadioGroup.Item value={true}>{texts.table.print.settingsDialog.rowsAll}</RadioGroup.Item>\n                                        <RadioGroup.Item value={false}>\n                                            {texts.table.print.settingsDialog.rowsSelected}\n                                        </RadioGroup.Item>\n                                    </RadioGroup>\n                                </Field>\n                            ) : undefined}\n                            {rowGroupingColumnName ? (\n                                <Field>\n                                    {texts.table.print.settingsDialog.layout}\n                                    <Checkbox\n                                        label={texts.table.print.settingsDialog.layoutSplitGroups.replace(\n                                            '[COLUMN]',\n                                            rowGroupingColumnName\n                                        )}\n                                        checked={splitGroups}\n                                        onChange={setSplitGroups}\n                                    />\n                                </Field>\n                            ) : null}\n\n                            {cellCount > SAFE_PRINT_CELL_COUNT ? (\n                                <Alert state=\"warning\">{texts.table.print.warningDialog.description}</Alert>\n                            ) : null}\n                        </div>\n                        <Dialog.Footer>\n                            <Group>\n                                <Dialog.Close>\n                                    <Button>{texts.table.print.warningDialog.cancelButtonText}</Button>\n                                </Dialog.Close>\n                                <Button\n                                    appearance=\"primary\"\n                                    autoFocus\n                                    onClick={() => {\n                                        close();\n                                        setTimeout(() => onAccept(), 1);\n                                    }}>\n                                    {texts.table.print.warningDialog.printButtonText}\n                                </Button>\n                            </Group>\n                        </Dialog.Footer>\n                    </>\n                )}\n            </Dialog.Content>\n        </Dialog>\n    );\n}\n"],"names":["SAFE_PRINT_CELL_COUNT","PrintDialog","props","onAccept","table","orientation","setOrientation","size","setSize","allRows","setAllRows","splitGroups","setSplitGroups","dialogProps","_objectWithoutPropertiesLoose","_excluded","_useLocalization","useLocalization","texts","columns","getVisibleFlatColumns","cellCount","getRowModel","rows","length","rowGroupingColumnName","getState","grouping","_columns$find","find","column","id","_columns$find$columnD","columnDef","meta","header","undefined","React","Dialog","Content","print","warningDialog","title","_ref","close","Title","settingsDialog","className","Field","Select2","onChange","value","Option","sizeA5","sizeA4","sizeA3","sizeLetter","sizeLegal","orientationLandscape","orientationPortrait","options","enableRowSelection","getIsSomeRowsSelected","RadioGroup","Item","rowsAll","rowsSelected","layout","Checkbox","label","layoutSplitGroups","replace","checked","Alert","state","description","Footer","Group","Close","Button","cancelButtonText","appearance","autoFocus","onClick","setTimeout","printButtonText"],"mappings":"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"}
+{"version":3,"file":"PrintDialog.js","sources":["../../../../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Print/PrintDialog.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable } from '@tanstack/react-table';\nimport { Dialog } from '../../../../../../../components/Dialog/Dialog';\nimport { useLocalization } from '../../../../../../../components/Provider/Localization';\nimport { Checkbox } from '../../../../../../../components/Checkbox/Checkbox';\nimport { Group } from '../../../../../../../components/Group/Group';\nimport { Button } from '../../../../../../../components/Button/Button';\nimport { Field } from '../../../../../../../components/Field/Field';\nimport { Select2, Select2Value } from '../../../../../../../components/Select2/Select2';\nimport { RadioGroup, RadioGroupItemValue } from '../../../../../../../components/RadioGroup/RadioGroup';\nimport { Alert } from '../../../../../../../components/Alert/Alert';\n\nconst SAFE_PRINT_CELL_COUNT = 10000;\n\nexport type PrintDialogProps<TType = unknown> = {\n    table: ReactTable<TType>;\n    onAccept: () => void;\n    orientation: Select2Value;\n    setOrientation: (orientation: Select2Value) => void;\n    size: Select2Value;\n    setSize: (size: Select2Value) => void;\n    allRows: RadioGroupItemValue;\n    setAllRows: (allRows: RadioGroupItemValue) => void;\n    splitGroups: boolean;\n    setSplitGroups: (splitGroups: boolean) => void;\n};\n\nexport function PrintDialog<TType = unknown>(props: PrintDialogProps<TType>) {\n    const {\n        onAccept,\n        table,\n        orientation,\n        setOrientation,\n        size,\n        setSize,\n        allRows,\n        setAllRows,\n        splitGroups,\n        setSplitGroups,\n        ...dialogProps\n    } = props;\n    const { texts } = useLocalization();\n\n    const columns = table.getVisibleFlatColumns();\n    const cellCount = table.getRowModel().rows.length * columns.length;\n    const rowGroupingColumnName = table.getState().grouping.length\n        ? columns.find(column => column.id === table.getState().grouping[0])?.columnDef.meta?.header\n        : undefined;\n\n    return (\n        <Dialog {...dialogProps} size=\"xs\">\n            <Dialog.Content aria-label={texts.table.print.warningDialog.title}>\n                {({ close }) => (\n                    <>\n                        <Dialog.Title>{texts.table.print.settingsDialog.title}</Dialog.Title>\n                        <div className=\"mt-4 flex flex-col gap-2\">\n                            <div className=\"grid grid-cols-2 gap-4\">\n                                <Field>\n                                    {texts.table.print.settingsDialog.size}\n                                    <Select2 onChange={setSize} value={size}>\n                                        <Select2.Option value=\"A5\">{texts.table.print.settingsDialog.sizeA5}</Select2.Option>\n                                        <Select2.Option value=\"A4\">{texts.table.print.settingsDialog.sizeA4}</Select2.Option>\n                                        <Select2.Option value=\"A3\">{texts.table.print.settingsDialog.sizeA3}</Select2.Option>\n                                        <Select2.Option value=\"letter\">\n                                            {texts.table.print.settingsDialog.sizeLetter}\n                                        </Select2.Option>\n                                        <Select2.Option value=\"legal\">\n                                            {texts.table.print.settingsDialog.sizeLegal}\n                                        </Select2.Option>\n                                    </Select2>\n                                </Field>\n                                <Field>\n                                    {texts.table.print.settingsDialog.orientation}\n                                    <Select2 onChange={setOrientation} value={orientation}>\n                                        <Select2.Option value=\"landscape\">\n                                            {texts.table.print.settingsDialog.orientationLandscape}\n                                        </Select2.Option>\n                                        <Select2.Option value=\"portrait\">\n                                            {texts.table.print.settingsDialog.orientationPortrait}\n                                        </Select2.Option>\n                                    </Select2>\n                                </Field>\n                            </div>\n                            {table.options.enableRowSelection && table.getIsSomeRowsSelected() ? (\n                                <Field>\n                                    {texts.table.print.settingsDialog.rows}\n                                    <RadioGroup onChange={setAllRows} value={allRows}>\n                                        <RadioGroup.Item value={true}>{texts.table.print.settingsDialog.rowsAll}</RadioGroup.Item>\n                                        <RadioGroup.Item value={false}>\n                                            {texts.table.print.settingsDialog.rowsSelected}\n                                        </RadioGroup.Item>\n                                    </RadioGroup>\n                                </Field>\n                            ) : undefined}\n                            {rowGroupingColumnName ? (\n                                <Field>\n                                    {texts.table.print.settingsDialog.layout}\n                                    <Checkbox\n                                        label={texts.table.print.settingsDialog.layoutSplitGroups.replace(\n                                            '[COLUMN]',\n                                            rowGroupingColumnName\n                                        )}\n                                        checked={splitGroups}\n                                        onChange={setSplitGroups}\n                                    />\n                                </Field>\n                            ) : null}\n\n                            {cellCount > SAFE_PRINT_CELL_COUNT ? (\n                                <Alert state=\"warning\">{texts.table.print.warningDialog.description}</Alert>\n                            ) : null}\n                        </div>\n                        <Dialog.Footer>\n                            <Group>\n                                <Dialog.Close>\n                                    <Button>{texts.table.print.warningDialog.cancelButtonText}</Button>\n                                </Dialog.Close>\n                                <Button\n                                    appearance=\"primary\"\n                                    autoFocus\n                                    onClick={() => {\n                                        close();\n                                        setTimeout(() => onAccept(), 1);\n                                    }}>\n                                    {texts.table.print.warningDialog.printButtonText}\n                                </Button>\n                            </Group>\n                        </Dialog.Footer>\n                    </>\n                )}\n            </Dialog.Content>\n        </Dialog>\n    );\n}\n"],"names":["SAFE_PRINT_CELL_COUNT","PrintDialog","props","onAccept","table","orientation","setOrientation","size","setSize","allRows","setAllRows","splitGroups","setSplitGroups","dialogProps","texts","useLocalization","columns","getVisibleFlatColumns","cellCount","getRowModel","rows","length","rowGroupingColumnName","getState","grouping","_columns$find","find","column","id","_columns$find$columnD","columnDef","meta","header","undefined","React","Dialog","Content","print","warningDialog","title","close","Title","settingsDialog","className","Field","Select2","onChange","value","Option","sizeA5","sizeA4","sizeA3","sizeLetter","sizeLegal","orientationLandscape","orientationPortrait","options","enableRowSelection","getIsSomeRowsSelected","RadioGroup","Item","rowsAll","rowsSelected","layout","Checkbox","label","layoutSplitGroups","replace","checked","Alert","state","description","Footer","Group","Close","Button","cancelButtonText","appearance","autoFocus","onClick","setTimeout","printButtonText"],"mappings":"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"}

package/dist/esm/packages/taco/src/primitives/Table/Core/components/Toolbar/components/Search/Search.js

@@ -2,38 +2,35 @@ import React__default from 'react';
 import { useLocalization } from '../../../../../../../components/Provider/Localization.js';
 import { Switch } from '../../../../../../../components/Switch/Switch.js';
 import { TableServerLoadAllState } from '../../../../../types.js';
-import { getHiddenColumns } from '../../../../../useTableManager/util/columns.js';
 import { SearchInput2 } from '../../../../../../../components/SearchInput2/SearchInput2.js';
 
 function Search(props) {
-  var _tableMeta$search$hig2, _tableMeta$search$hig3;
-  var scrollToIndex = props.scrollToIndex,
-    table = props.table,
-    tableRef = props.tableRef;
-  var _useLocalization = useLocalization(),
-    texts = _useLocalization.texts;
-  var ref = React__default.useRef(null);
-  var tableMeta = table.options.meta;
-  var query = table.getState().globalFilter;
-  var scrollTo = function scrollTo(rowIndex) {
-    return scrollToIndex(rowIndex, {
-      align: 'center'
-    });
-  };
-  var hiddenColumns = getHiddenColumns(table.getState().columnVisibility);
-  React__default.useEffect(function () {
+  var _tableMeta$search$hig, _tableMeta$search$hig2;
+  const {
+    scrollToIndex,
+    table,
+    tableRef
+  } = props;
+  const {
+    texts
+  } = useLocalization();
+  const ref = React__default.useRef(null);
+  const tableMeta = table.options.meta;
+  const query = table.getState().globalFilter;
+  const scrollTo = rowIndex => scrollToIndex(rowIndex, {
+    align: 'center'
+  });
+  React__default.useEffect(() => {
     if (tableMeta.search.highlightedColumnIndexes.length) {
       scrollTo(tableMeta.search.highlightedColumnIndexes[0][0]);
     }
   }, [tableMeta.search.highlightedColumnIndexes.length]);
-  var handleFocus = function handleFocus() {
+  const handleFocus = function () {
     try {
-      var _temp = function () {
-        if (tableMeta.server.loadAllIfNeeded && !tableMeta.server._experimentalDataLoader2) {
+      const _temp = function () {
+        if (tableMeta.server.loadAllIfNeeded) {
           // don't pass the search query because we need all data - not filtered data
-          return Promise.resolve(tableMeta.server.loadAllIfNeeded(table.getState().sorting, table.getState().columnFilters,
-          // the old data loader doesn't have server side search
-          undefined, hiddenColumns)).then(function () {});
+          return Promise.resolve(tableMeta.server.loadAllIfNeeded(table.getState().sorting, table.getState().columnFilters)).then(function () {});
         }
       }();
       // load all data if that is possible
@@ -42,69 +39,47 @@ function Search(props) {
       return Promise.reject(e);
     }
   };
-  var _React$useState = React__default.useState(false),
-    loading = _React$useState[0],
-    setLoading = _React$useState[1];
-  var searchTimeoutRef = React__default.useRef();
-  var handleChange = function handleChange(query) {
+  const handleChange = query => {
     table.setGlobalFilter(String(query !== null && query !== void 0 ? query : ''));
-    if (tableMeta.search.enableGlobalFilter && tableMeta.search.handleSearch) {
-      clearTimeout(searchTimeoutRef.current);
-      searchTimeoutRef.current = setTimeout(function () {
-        var _tableMeta$search$han, _tableMeta$search;
-        setLoading(true);
-        (_tableMeta$search$han = (_tableMeta$search = tableMeta.search).handleSearch) === null || _tableMeta$search$han === void 0 ? void 0 : _tableMeta$search$han.call(_tableMeta$search, query, hiddenColumns).then(function () {
-          setLoading(false);
-        });
-      }, 150);
-    }
   };
-  var handleToggleExcludeUnmatchedResults = function handleToggleExcludeUnmatchedResults(enabled) {
+  const handleToggleExcludeUnmatchedResults = enabled => {
     tableMeta.search.setEnableGlobalFilter(enabled, table);
-    requestAnimationFrame(function () {
+    requestAnimationFrame(() => {
       var _ref$current;
       return (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.focus();
     });
-    if (tableMeta.search.handleSearch) {
-      setLoading(true);
-      tableMeta.search.handleSearch(enabled ? query : undefined, hiddenColumns).then(function () {
-        setLoading(false);
-      });
-    }
   };
-  var handleNextResult = function handleNextResult() {
+  const handleNextResult = () => {
     if (!tableMeta.search.highlightedColumnIndexes.length) {
       return;
     }
-    var nextIndex = tableMeta.search.currentHighlightColumnIndex === undefined || tableMeta.search.currentHighlightColumnIndex === tableMeta.search.highlightedColumnIndexes.length - 1 ? 0 : tableMeta.search.currentHighlightColumnIndex + 1;
+    const nextIndex = tableMeta.search.currentHighlightColumnIndex === undefined || tableMeta.search.currentHighlightColumnIndex === tableMeta.search.highlightedColumnIndexes.length - 1 ? 0 : tableMeta.search.currentHighlightColumnIndex + 1;
     tableMeta.search.setCurrentHighlightColumnIndex(nextIndex);
     // we scroll to the row here, the cell scrolls itself into view
     scrollTo(tableMeta.search.highlightedColumnIndexes[nextIndex][0]);
   };
-  var handlePreviousResult = function handlePreviousResult() {
+  const handlePreviousResult = () => {
     if (!tableMeta.search.highlightedColumnIndexes.length) {
       return;
     }
-    var nextIndex = tableMeta.search.currentHighlightColumnIndex === undefined ? 0 : tableMeta.search.currentHighlightColumnIndex === 0 ? tableMeta.search.highlightedColumnIndexes.length - 1 : tableMeta.search.currentHighlightColumnIndex - 1;
+    const nextIndex = tableMeta.search.currentHighlightColumnIndex === undefined ? 0 : tableMeta.search.currentHighlightColumnIndex === 0 ? tableMeta.search.highlightedColumnIndexes.length - 1 : tableMeta.search.currentHighlightColumnIndex - 1;
     tableMeta.search.setCurrentHighlightColumnIndex(nextIndex);
     // we scroll to the row here, the cell scrolls itself into view
     scrollTo(tableMeta.search.highlightedColumnIndexes[nextIndex][0]);
   };
-  var settings = /*#__PURE__*/React__default.createElement(Switch, {
+  const settings = /*#__PURE__*/React__default.createElement(Switch, {
     label: texts.table.search.excludeUnmatchedResults,
     checked: !!table.options.enableGlobalFilter,
     onChange: handleToggleExcludeUnmatchedResults
   });
-  var handleKeyDown = function handleKeyDown(event) {
+  const handleKeyDown = event => {
     if (event.key === 'Escape' && tableMeta.search.currentHighlightColumnIndex !== undefined) {
-      var _tableMeta$search$hig = tableMeta.search.highlightedColumnIndexes[tableMeta.search.currentHighlightColumnIndex],
-        rowIndex = _tableMeta$search$hig[0],
-        cellIndex = _tableMeta$search$hig[1];
+      const [rowIndex, cellIndex] = tableMeta.search.highlightedColumnIndexes[tableMeta.search.currentHighlightColumnIndex];
       if (rowIndex !== undefined && cellIndex !== undefined) {
         tableMeta.rowActive.setRowActiveIndex(rowIndex);
-        requestAnimationFrame(function () {
+        requestAnimationFrame(() => {
           var _tableRef$current;
-          var cell = (_tableRef$current = tableRef.current) === null || _tableRef$current === void 0 ? void 0 : _tableRef$current.querySelector("tbody > tr[data-row-index=\"" + rowIndex + "\"] > td[data-cell-index=\"" + cellIndex + "\"]");
+          const cell = (_tableRef$current = tableRef.current) === null || _tableRef$current === void 0 ? void 0 : _tableRef$current.querySelector(`tbody > tr[data-row-index="${rowIndex}"] > td[data-cell-index="${cellIndex}"]`);
           if (cell) {
             var _cell$focus;
             (_cell$focus = cell.focus) === null || _cell$focus === void 0 ? void 0 : _cell$focus.call(cell);
@@ -115,8 +90,8 @@ function Search(props) {
   };
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(SearchInput2, {
     findCurrent: tableMeta.search.currentHighlightColumnIndex !== undefined ? tableMeta.search.currentHighlightColumnIndex + 1 : null,
-    findTotal: (_tableMeta$search$hig2 = (_tableMeta$search$hig3 = tableMeta.search.highlightedColumnIndexes) === null || _tableMeta$search$hig3 === void 0 ? void 0 : _tableMeta$search$hig3.length) !== null && _tableMeta$search$hig2 !== void 0 ? _tableMeta$search$hig2 : null,
-    loading: tableMeta.server._experimentalDataLoader2 ? loading : tableMeta.server.loadAllStatus === TableServerLoadAllState.Loading,
+    findTotal: (_tableMeta$search$hig = (_tableMeta$search$hig2 = tableMeta.search.highlightedColumnIndexes) === null || _tableMeta$search$hig2 === void 0 ? void 0 : _tableMeta$search$hig2.length) !== null && _tableMeta$search$hig !== void 0 ? _tableMeta$search$hig : null,
+    loading: tableMeta.server.loadAllStatus === TableServerLoadAllState.Loading,
     name: "table-search",
     onClickFindPrevious: handlePreviousResult,
     onClickFindNext: handleNextResult,
@@ -131,7 +106,6 @@ function Search(props) {
       meta: true,
       shift: false
     },
-    showTotal: !tableMeta.server._experimentalDataLoader2,
     value: query
   }));
 }

package/dist/esm/packages/taco/src/primitives/Table/Core/components/Toolbar/components/Search/Search.js.map

@@ -1 +1 @@
-{"version":3,"file":"Search.js","sources":["../../../../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Search/Search.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { useLocalization } from '../../../../../../../components/Provider/Localization';\nimport { SearchInput2 } from '../../../../../../../components/SearchInput2/SearchInput2';\nimport { Switch } from '../../../../../../../components/Switch/Switch';\nimport { TableRef, TableServerLoadAllState } from '../../../../../types';\nimport { getHiddenColumns } from '../../../../../useTableManager/util/columns';\n\ntype SearchProps<TType = unknown> = {\n    scrollToIndex: any;\n    table: ReactTable<TType>;\n    tableRef: React.RefObject<TableRef>;\n};\n\nexport function Search<TType = unknown>(props: SearchProps<TType>) {\n    const { scrollToIndex, table, tableRef } = props;\n    const { texts } = useLocalization();\n    const ref = React.useRef<HTMLInputElement>(null);\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const query = table.getState().globalFilter;\n    const scrollTo = (rowIndex: number) => scrollToIndex(rowIndex, { align: 'center' });\n    const hiddenColumns = getHiddenColumns(table.getState().columnVisibility);\n\n    React.useEffect(() => {\n        if (tableMeta.search.highlightedColumnIndexes.length) {\n            scrollTo(tableMeta.search.highlightedColumnIndexes[0][0]);\n        }\n    }, [tableMeta.search.highlightedColumnIndexes.length]);\n\n    const handleFocus = async () => {\n        // load all data if that is possible\n        if (tableMeta.server.loadAllIfNeeded && !tableMeta.server._experimentalDataLoader2) {\n            // don't pass the search query because we need all data - not filtered data\n            await tableMeta.server.loadAllIfNeeded(\n                table.getState().sorting,\n                table.getState().columnFilters,\n                // the old data loader doesn't have server side search\n                undefined,\n                hiddenColumns\n            );\n        }\n    };\n\n    const [loading, setLoading] = React.useState(false);\n\n    const searchTimeoutRef = React.useRef<NodeJS.Timeout>();\n\n    const handleChange = (query: any) => {\n        table.setGlobalFilter(String(query ?? ''));\n\n        if (tableMeta.search.enableGlobalFilter && tableMeta.search.handleSearch) {\n            clearTimeout(searchTimeoutRef.current);\n            searchTimeoutRef.current = setTimeout(() => {\n                setLoading(true);\n                tableMeta.search.handleSearch?.(query, hiddenColumns).then(() => {\n                    setLoading(false);\n                });\n            }, 150);\n        }\n    };\n\n    const handleToggleExcludeUnmatchedResults = (enabled: boolean) => {\n        tableMeta.search.setEnableGlobalFilter(enabled, table);\n        requestAnimationFrame(() => ref.current?.focus());\n\n        if (tableMeta.search.handleSearch) {\n            setLoading(true);\n            tableMeta.search.handleSearch(enabled ? query : undefined, hiddenColumns).then(() => {\n                setLoading(false);\n            });\n        }\n    };\n\n    const handleNextResult = () => {\n        if (!tableMeta.search.highlightedColumnIndexes.length) {\n            return;\n        }\n\n        const nextIndex =\n            tableMeta.search.currentHighlightColumnIndex === undefined ||\n            tableMeta.search.currentHighlightColumnIndex === tableMeta.search.highlightedColumnIndexes.length - 1\n                ? 0\n                : tableMeta.search.currentHighlightColumnIndex + 1;\n\n        tableMeta.search.setCurrentHighlightColumnIndex(nextIndex);\n        // we scroll to the row here, the cell scrolls itself into view\n        scrollTo(tableMeta.search.highlightedColumnIndexes[nextIndex][0]);\n    };\n\n    const handlePreviousResult = () => {\n        if (!tableMeta.search.highlightedColumnIndexes.length) {\n            return;\n        }\n\n        const nextIndex =\n            tableMeta.search.currentHighlightColumnIndex === undefined\n                ? 0\n                : tableMeta.search.currentHighlightColumnIndex === 0\n                ? tableMeta.search.highlightedColumnIndexes.length - 1\n                : tableMeta.search.currentHighlightColumnIndex - 1;\n\n        tableMeta.search.setCurrentHighlightColumnIndex(nextIndex);\n        // we scroll to the row here, the cell scrolls itself into view\n        scrollTo(tableMeta.search.highlightedColumnIndexes[nextIndex][0]);\n    };\n\n    const settings = (\n        <Switch\n            label={texts.table.search.excludeUnmatchedResults}\n            checked={!!table.options.enableGlobalFilter}\n            onChange={handleToggleExcludeUnmatchedResults}\n        />\n    );\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n        if (event.key === 'Escape' && tableMeta.search.currentHighlightColumnIndex !== undefined) {\n            const [rowIndex, cellIndex] = tableMeta.search.highlightedColumnIndexes[tableMeta.search.currentHighlightColumnIndex];\n\n            if (rowIndex !== undefined && cellIndex !== undefined) {\n                tableMeta.rowActive.setRowActiveIndex(rowIndex);\n\n                requestAnimationFrame(() => {\n                    const cell = tableRef.current?.querySelector(\n                        `tbody > tr[data-row-index=\"${rowIndex}\"] > td[data-cell-index=\"${cellIndex}\"]`\n                    );\n\n                    if (cell) {\n                        (cell as HTMLElement).focus?.();\n                    }\n                });\n            }\n        }\n    };\n\n    return (\n        <>\n            <SearchInput2\n                findCurrent={\n                    tableMeta.search.currentHighlightColumnIndex !== undefined\n                        ? tableMeta.search.currentHighlightColumnIndex + 1\n                        : null\n                }\n                findTotal={tableMeta.search.highlightedColumnIndexes?.length ?? null}\n                loading={\n                    tableMeta.server._experimentalDataLoader2\n                        ? loading\n                        : tableMeta.server.loadAllStatus === TableServerLoadAllState.Loading\n                }\n                name=\"table-search\"\n                onClickFindPrevious={handlePreviousResult}\n                onClickFindNext={handleNextResult}\n                onChange={handleChange}\n                onFocus={handleFocus}\n                onKeyDown={handleKeyDown}\n                placeholder={texts.table.search.placeholder}\n                settingsContent={settings}\n                ref={ref}\n                shortcut={{ key: 'f', meta: true, shift: false }}\n                showTotal={!tableMeta.server._experimentalDataLoader2}\n                value={query}\n            />\n        </>\n    );\n}\n"],"names":["Search","props","scrollToIndex","table","tableRef","_useLocalization","useLocalization","texts","ref","React","useRef","tableMeta","options","meta","query","getState","globalFilter","scrollTo","rowIndex","align","hiddenColumns","getHiddenColumns","columnVisibility","useEffect","search","highlightedColumnIndexes","length","handleFocus","server","loadAllIfNeeded","_experimentalDataLoader2","Promise","resolve","sorting","columnFilters","undefined","then","_temp","e","reject","_React$useState","useState","loading","setLoading","searchTimeoutRef","handleChange","setGlobalFilter","String","enableGlobalFilter","handleSearch","clearTimeout","current","setTimeout","_tableMeta$search$han","_tableMeta$search","call","handleToggleExcludeUnmatchedResults","enabled","setEnableGlobalFilter","requestAnimationFrame","_ref$current","focus","handleNextResult","nextIndex","currentHighlightColumnIndex","setCurrentHighlightColumnIndex","handlePreviousResult","settings","Switch","label","excludeUnmatchedResults","checked","onChange","handleKeyDown","event","key","_tableMeta$search$hig","cellIndex","rowActive","setRowActiveIndex","cell","_tableRef$current","querySelector","_cell$focus","SearchInput2","findCurrent","findTotal","_tableMeta$search$hig2","_tableMeta$search$hig3","loadAllStatus","TableServerLoadAllState","Loading","name","onClickFindPrevious","onClickFindNext","onFocus","onKeyDown","placeholder","settingsContent","shortcut","shift","showTotal","value"],"mappings":"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"}
+{"version":3,"file":"Search.js","sources":["../../../../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Search/Search.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { useLocalization } from '../../../../../../../components/Provider/Localization';\nimport { SearchInput2 } from '../../../../../../../components/SearchInput2/SearchInput2';\nimport { Switch } from '../../../../../../../components/Switch/Switch';\nimport { TableRef, TableServerLoadAllState } from '../../../../../types';\n\ntype SearchProps<TType = unknown> = {\n    scrollToIndex: any;\n    table: ReactTable<TType>;\n    tableRef: React.RefObject<TableRef>;\n};\n\nexport function Search<TType = unknown>(props: SearchProps<TType>) {\n    const { scrollToIndex, table, tableRef } = props;\n    const { texts } = useLocalization();\n    const ref = React.useRef<HTMLInputElement>(null);\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const query = table.getState().globalFilter;\n    const scrollTo = (rowIndex: number) => scrollToIndex(rowIndex, { align: 'center' });\n\n    React.useEffect(() => {\n        if (tableMeta.search.highlightedColumnIndexes.length) {\n            scrollTo(tableMeta.search.highlightedColumnIndexes[0][0]);\n        }\n    }, [tableMeta.search.highlightedColumnIndexes.length]);\n\n    const handleFocus = async () => {\n        // load all data if that is possible\n        if (tableMeta.server.loadAllIfNeeded) {\n            // don't pass the search query because we need all data - not filtered data\n            await tableMeta.server.loadAllIfNeeded(table.getState().sorting, table.getState().columnFilters);\n        }\n    };\n\n    const handleChange = (query: any) => {\n        table.setGlobalFilter(String(query ?? ''));\n    };\n\n    const handleToggleExcludeUnmatchedResults = (enabled: boolean) => {\n        tableMeta.search.setEnableGlobalFilter(enabled, table);\n        requestAnimationFrame(() => ref.current?.focus());\n    };\n\n    const handleNextResult = () => {\n        if (!tableMeta.search.highlightedColumnIndexes.length) {\n            return;\n        }\n\n        const nextIndex =\n            tableMeta.search.currentHighlightColumnIndex === undefined ||\n            tableMeta.search.currentHighlightColumnIndex === tableMeta.search.highlightedColumnIndexes.length - 1\n                ? 0\n                : tableMeta.search.currentHighlightColumnIndex + 1;\n\n        tableMeta.search.setCurrentHighlightColumnIndex(nextIndex);\n        // we scroll to the row here, the cell scrolls itself into view\n        scrollTo(tableMeta.search.highlightedColumnIndexes[nextIndex][0]);\n    };\n\n    const handlePreviousResult = () => {\n        if (!tableMeta.search.highlightedColumnIndexes.length) {\n            return;\n        }\n\n        const nextIndex =\n            tableMeta.search.currentHighlightColumnIndex === undefined\n                ? 0\n                : tableMeta.search.currentHighlightColumnIndex === 0\n                ? tableMeta.search.highlightedColumnIndexes.length - 1\n                : tableMeta.search.currentHighlightColumnIndex - 1;\n\n        tableMeta.search.setCurrentHighlightColumnIndex(nextIndex);\n        // we scroll to the row here, the cell scrolls itself into view\n        scrollTo(tableMeta.search.highlightedColumnIndexes[nextIndex][0]);\n    };\n\n    const settings = (\n        <Switch\n            label={texts.table.search.excludeUnmatchedResults}\n            checked={!!table.options.enableGlobalFilter}\n            onChange={handleToggleExcludeUnmatchedResults}\n        />\n    );\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n        if (event.key === 'Escape' && tableMeta.search.currentHighlightColumnIndex !== undefined) {\n            const [rowIndex, cellIndex] = tableMeta.search.highlightedColumnIndexes[tableMeta.search.currentHighlightColumnIndex];\n\n            if (rowIndex !== undefined && cellIndex !== undefined) {\n                tableMeta.rowActive.setRowActiveIndex(rowIndex);\n\n                requestAnimationFrame(() => {\n                    const cell = tableRef.current?.querySelector(\n                        `tbody > tr[data-row-index=\"${rowIndex}\"] > td[data-cell-index=\"${cellIndex}\"]`\n                    );\n\n                    if (cell) {\n                        (cell as HTMLElement).focus?.();\n                    }\n                });\n            }\n        }\n    };\n\n    return (\n        <>\n            <SearchInput2\n                findCurrent={\n                    tableMeta.search.currentHighlightColumnIndex !== undefined\n                        ? tableMeta.search.currentHighlightColumnIndex + 1\n                        : null\n                }\n                findTotal={tableMeta.search.highlightedColumnIndexes?.length ?? null}\n                loading={tableMeta.server.loadAllStatus === TableServerLoadAllState.Loading}\n                name=\"table-search\"\n                onClickFindPrevious={handlePreviousResult}\n                onClickFindNext={handleNextResult}\n                onChange={handleChange}\n                onFocus={handleFocus}\n                onKeyDown={handleKeyDown}\n                placeholder={texts.table.search.placeholder}\n                settingsContent={settings}\n                ref={ref}\n                shortcut={{ key: 'f', meta: true, shift: false }}\n                value={query}\n            />\n        </>\n    );\n}\n"],"names":["Search","props","scrollToIndex","table","tableRef","texts","useLocalization","ref","React","useRef","tableMeta","options","meta","query","getState","globalFilter","scrollTo","rowIndex","align","useEffect","search","highlightedColumnIndexes","length","handleFocus","server","loadAllIfNeeded","Promise","resolve","sorting","columnFilters","then","_temp","e","reject","handleChange","setGlobalFilter","String","handleToggleExcludeUnmatchedResults","enabled","setEnableGlobalFilter","requestAnimationFrame","_ref$current","current","focus","handleNextResult","nextIndex","currentHighlightColumnIndex","undefined","setCurrentHighlightColumnIndex","handlePreviousResult","settings","Switch","label","excludeUnmatchedResults","checked","enableGlobalFilter","onChange","handleKeyDown","event","key","cellIndex","rowActive","setRowActiveIndex","cell","_tableRef$current","querySelector","_cell$focus","call","SearchInput2","findCurrent","findTotal","_tableMeta$search$hig","_tableMeta$search$hig2","loading","loadAllStatus","TableServerLoadAllState","Loading","name","onClickFindPrevious","onClickFindNext","onFocus","onKeyDown","placeholder","settingsContent","shortcut","shift","value"],"mappings":"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"}