@tecsinapse/react-web-kit 1.21.2 → 1.22.0-beta.11

package/dist/components/organisms/DataGrid/Footer/Footer.js

@@ -1,121 +1,109 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactWebKit = require("@tecsinapse/react-web-kit");
-
-var _Table = require("../../../atoms/Table");
-
-var _styled = require("./styled");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const Footer = _ref => {
-  let {
-    rowsPerPage,
-    onRowsPerPageChange,
-    rowsPerPageOptions,
-    rowsPerPageLabel,
-    exportFunction,
-    exportLabel,
-    rowsCount,
-    page,
-    onPageChange,
-    pagination,
-    exportComponent
-  } = _ref;
-
+'use strict';
+
+var React = require('react');
+var Button = require('../../../atoms/Button/Button.js');
+var reactCore = require('@tecsinapse/react-core');
+var Select = require('../../../molecules/Select/Select.js');
+require('../../../atoms/Table/Cell/styled.js');
+require('../../../atoms/Table/Container/styled.js');
+var TFoot = require('../../../atoms/Table/Footer/TFoot.js');
+require('../../../atoms/Table/Header/styled.js');
+var Tr = require('../../../atoms/Table/Row/Tr.js');
+require('../../../atoms/Table/Toolbar/styled.js');
+require('../../../atoms/Table/styled.js');
+var styled = require('./styled.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const Footer = ({
+  rowsPerPage,
+  onRowsPerPageChange,
+  rowsPerPageOptions,
+  rowsPerPageLabel,
+  exportFunction,
+  exportLabel,
+  rowsCount,
+  page,
+  onPageChange,
+  pagination,
+  exportComponent
+}) => {
   if (pagination && (!onPageChange || !onRowsPerPageChange)) {
-    throw new Error('[DataGrid] You should specify pagination handlers (onPageChange, onRowsPerPageChange)');
+    throw new Error(
+      "[DataGrid] You should specify pagination handlers (onPageChange, onRowsPerPageChange)"
+    );
   }
-
   const getPaginationSlice = () => {
     const totalPages = Math.ceil(rowsCount / rowsPerPage);
-
     if (totalPages < 4) {
-      return {
-        start: 0,
-        end: totalPages
-      };
+      return { start: 0, end: totalPages };
     }
-
     if (page === 0) {
-      return {
-        start: page,
-        end: page + 3
-      };
+      return { start: page, end: page + 3 };
     }
-
     if (page === totalPages - 1) {
-      return {
-        start: page - 2,
-        end: page + 1
-      };
+      return { start: page - 2, end: page + 1 };
     }
-
-    return {
-      start: page - 1,
-      end: page + 2
-    };
+    return { start: page - 1, end: page + 2 };
   };
-
-  const handleRowsPerPage = _react.default.useCallback(value => {
-    onRowsPerPageChange === null || onRowsPerPageChange === void 0 ? void 0 : onRowsPerPageChange(value);
-    onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange(0);
-  }, [onPageChange, onRowsPerPageChange]);
-
+  const handleRowsPerPage = React__default["default"].useCallback(
+    (value) => {
+      onRowsPerPageChange == null ? void 0 : onRowsPerPageChange(value);
+      onPageChange == null ? void 0 : onPageChange(0);
+    },
+    [onPageChange, onRowsPerPageChange]
+  );
   const currentInitItem = page * rowsPerPage + 1;
   const currentFinalItem = (page + 1) * rowsPerPage > rowsCount ? rowsCount : (page + 1) * rowsPerPage;
-  return _react.default.createElement(_Table.TFoot, null, _react.default.createElement(_Table.Tr, null, _react.default.createElement(_styled.TdFooterStyled, {
+  return /* @__PURE__ */ React__default["default"].createElement(TFoot, null, /* @__PURE__ */ React__default["default"].createElement(Tr, null, /* @__PURE__ */ React__default["default"].createElement(styled.TdFooterStyled, {
     colSpan: 99
-  }, _react.default.createElement(_styled.FooterContainer, null, _react.default.createElement(_styled.FooterContainerStart, null, pagination && _react.default.createElement(_styled.SelectContainer, null, _react.default.createElement(_reactWebKit.Select, {
+  }, /* @__PURE__ */ React__default["default"].createElement(styled.FooterContainer, null, /* @__PURE__ */ React__default["default"].createElement(styled.FooterContainerStart, null, pagination && /* @__PURE__ */ React__default["default"].createElement(styled.SelectContainer, null, /* @__PURE__ */ React__default["default"].createElement(Select, {
     options: rowsPerPageOptions,
     onSelect: handleRowsPerPage,
     value: rowsPerPage,
-    type: 'single',
-    keyExtractor: value => String(value),
+    type: "single",
+    keyExtractor: (value) => String(value),
     labelExtractor: rowsPerPageLabel,
     anchor: "top"
-  })), exportComponent && !exportFunction && _react.default.createElement(_react.default.Fragment, null, exportComponent), exportFunction && _react.default.createElement(_styled.HoveredText, null, _react.default.createElement(_reactWebKit.Button, {
+  })), exportComponent && !exportFunction && /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, exportComponent), exportFunction && /* @__PURE__ */ React__default["default"].createElement(styled.HoveredText, null, /* @__PURE__ */ React__default["default"].createElement(Button, {
     variant: "outlined",
     onPress: () => exportFunction()
-  }, _react.default.createElement(_reactWebKit.Text, {
+  }, /* @__PURE__ */ React__default["default"].createElement(reactCore.Text, {
     fontColor: "orange",
     fontWeight: "bold"
-  }, exportLabel)))), pagination && _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_styled.TextPagination, {
-    fontWeight: 'bold',
-    fontColor: 'medium'
-  }, "Exibindo ".concat(currentInitItem, " a ").concat(currentFinalItem, " de ").concat(rowsCount, " registros")), _react.default.createElement(_styled.FooterContainerEnd, null, _react.default.createElement(_styled.NavigationButton, {
-    onPress: () => onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange(page - 1),
+  }, exportLabel)))), pagination && /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement(styled.TextPagination, {
+    fontWeight: "bold",
+    fontColor: "medium"
+  }, `Exibindo ${currentInitItem} a ${currentFinalItem} de ${rowsCount} registros`), /* @__PURE__ */ React__default["default"].createElement(styled.FooterContainerEnd, null, /* @__PURE__ */ React__default["default"].createElement(styled.NavigationButton, {
+    onPress: () => onPageChange == null ? void 0 : onPageChange(page - 1),
     disabled: page === 0
-  }, _react.default.createElement(_reactWebKit.Icon, {
-    name: 'chevron-left',
-    type: 'material-community',
-    fontColor: 'light'
-  })), _react.default.createElement(_styled.PagesContainer, null, [...Array(Math.ceil(rowsCount / rowsPerPage)).keys()].slice(getPaginationSlice().start, getPaginationSlice().end).map(value => _react.default.createElement(_styled.HoveredText, {
-    key: "page-".concat(value)
-  }, _react.default.createElement(_styled.PageButton, {
-    variant: page === value ? 'outlined' : 'text',
-    onPress: () => onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange(value)
-  }, _react.default.createElement(_reactWebKit.Text, {
+  }, /* @__PURE__ */ React__default["default"].createElement(reactCore.Icon, {
+    name: "chevron-left",
+    type: "material-community",
+    fontColor: "light"
+  })), /* @__PURE__ */ React__default["default"].createElement(styled.PagesContainer, null, [...Array(Math.ceil(rowsCount / rowsPerPage)).keys()].slice(
+    getPaginationSlice().start,
+    getPaginationSlice().end
+  ).map((value) => /* @__PURE__ */ React__default["default"].createElement(styled.HoveredText, {
+    key: `page-${value}`
+  }, /* @__PURE__ */ React__default["default"].createElement(styled.PageButton, {
+    variant: page === value ? "outlined" : "text",
+    onPress: () => onPageChange == null ? void 0 : onPageChange(value)
+  }, /* @__PURE__ */ React__default["default"].createElement(reactCore.Text, {
     fontColor: "medium",
     fontWeight: "bold"
-  }, value + 1))))), _react.default.createElement(_styled.NavigationButton, {
-    onPress: () => onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange(page + 1),
+  }, value + 1))))), /* @__PURE__ */ React__default["default"].createElement(styled.NavigationButton, {
+    onPress: () => onPageChange == null ? void 0 : onPageChange(page + 1),
     disabled: page === Math.ceil(rowsCount / rowsPerPage) - 1
-  }, _react.default.createElement(_reactWebKit.Icon, {
-    name: 'chevron-right',
-    type: 'material-community',
-    fontColor: 'light'
+  }, /* @__PURE__ */ React__default["default"].createElement(reactCore.Icon, {
+    name: "chevron-right",
+    type: "material-community",
+    fontColor: "light"
   }))))))));
 };
+var Footer$1 = React__default["default"].memo(Footer);
 
-var _default = _react.default.memo(Footer);
-
-exports.default = _default;
-//# sourceMappingURL=Footer.js.map
+module.exports = Footer$1;
+//# sourceMappingURL=Footer.js.map

package/dist/components/organisms/DataGrid/Footer/Footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Footer.js","names":["Footer","rowsPerPage","onRowsPerPageChange","rowsPerPageOptions","rowsPerPageLabel","exportFunction","exportLabel","rowsCount","page","onPageChange","pagination","exportComponent","Error","getPaginationSlice","totalPages","Math","ceil","start","end","handleRowsPerPage","React","useCallback","value","currentInitItem","currentFinalItem","String","Array","keys","slice","map","memo"],"sources":["../../../../../src/components/organisms/DataGrid/Footer/Footer.tsx"],"sourcesContent":["import React from 'react';\nimport { Button, Icon, Select, Text } from '@tecsinapse/react-web-kit';\nimport { TFoot, Tr } from '../../../atoms/Table';\nimport {\n  FooterContainer,\n  FooterContainerEnd,\n  FooterContainerStart,\n  HoveredText,\n  NavigationButton,\n  PageButton,\n  PagesContainer,\n  SelectContainer,\n  TdFooterStyled,\n  TextPagination,\n} from './styled';\n\ninterface DataGridFooterProps {\n  rowsPerPage: number;\n  onRowsPerPageChange?: (value: number) => void;\n  rowsPerPageOptions: number[];\n  rowsPerPageLabel: (value: number) => string;\n  exportLabel?: string;\n  exportFunction?: () => void;\n  /** Total data elements */\n  rowsCount: number;\n  page: number;\n  onPageChange?: (page: number) => void;\n  pagination: boolean;\n  exportComponent?: React.ReactNode;\n}\n\nconst Footer: React.FC<DataGridFooterProps> = ({\n  rowsPerPage,\n  onRowsPerPageChange,\n  rowsPerPageOptions,\n  rowsPerPageLabel,\n  exportFunction,\n  exportLabel,\n  rowsCount,\n  page,\n  onPageChange,\n  pagination,\n  exportComponent,\n}) => {\n  if (pagination && (!onPageChange || !onRowsPerPageChange)) {\n    throw new Error(\n      '[DataGrid] You should specify pagination handlers (onPageChange, onRowsPerPageChange)'\n    );\n  }\n\n  const getPaginationSlice = (): { start: number; end: number } => {\n    const totalPages = Math.ceil(rowsCount / rowsPerPage);\n    if (totalPages < 4) {\n      return { start: 0, end: totalPages };\n    }\n    if (page === 0) {\n      return { start: page, end: page + 3 };\n    }\n    if (page === totalPages - 1) {\n      return { start: page - 2, end: page + 1 };\n    }\n    return { start: page - 1, end: page + 2 };\n  };\n\n  const handleRowsPerPage = React.useCallback(\n    value => {\n      onRowsPerPageChange?.(value as number);\n      onPageChange?.(0);\n    },\n    [onPageChange, onRowsPerPageChange]\n  );\n  const currentInitItem = page * rowsPerPage + 1;\n  const currentFinalItem =\n    (page + 1) * rowsPerPage > rowsCount ? rowsCount : (page + 1) * rowsPerPage;\n\n  return (\n    <TFoot>\n      <Tr>\n        <TdFooterStyled colSpan={99}>\n          <FooterContainer>\n            <FooterContainerStart>\n              {pagination && (\n                <SelectContainer>\n                  <Select\n                    options={rowsPerPageOptions}\n                    onSelect={handleRowsPerPage}\n                    value={rowsPerPage}\n                    type={'single'}\n                    keyExtractor={value => String(value)}\n                    labelExtractor={rowsPerPageLabel}\n                    anchor=\"top\"\n                  />\n                </SelectContainer>\n              )}\n              {exportComponent && !exportFunction && <>{exportComponent}</>}\n              {exportFunction && (\n                <HoveredText>\n                  <Button variant=\"outlined\" onPress={() => exportFunction()}>\n                    <Text fontColor=\"orange\" fontWeight=\"bold\">\n                      {exportLabel}\n                    </Text>\n                  </Button>\n                </HoveredText>\n              )}\n            </FooterContainerStart>\n            {pagination && (\n              <>\n                <TextPagination\n                  fontWeight={'bold'}\n                  fontColor={'medium'}\n                >{`Exibindo ${currentInitItem} a ${currentFinalItem} de ${rowsCount} registros`}</TextPagination>\n                <FooterContainerEnd>\n                  <NavigationButton\n                    onPress={() => onPageChange?.(page - 1)}\n                    disabled={page === 0}\n                  >\n                    <Icon\n                      name={'chevron-left'}\n                      type={'material-community'}\n                      fontColor={'light'}\n                    />\n                  </NavigationButton>\n                  <PagesContainer>\n                    {[...Array(Math.ceil(rowsCount / rowsPerPage)).keys()]\n                      .slice(\n                        getPaginationSlice().start,\n                        getPaginationSlice().end\n                      )\n                      .map(value => (\n                        <HoveredText key={`page-${value}`}>\n                          <PageButton\n                            variant={page === value ? 'outlined' : 'text'}\n                            onPress={() => onPageChange?.(value)}\n                          >\n                            <Text fontColor=\"medium\" fontWeight=\"bold\">\n                              {value + 1}\n                            </Text>\n                          </PageButton>\n                        </HoveredText>\n                      ))}\n                  </PagesContainer>\n                  <NavigationButton\n                    onPress={() => onPageChange?.(page + 1)}\n                    disabled={page === Math.ceil(rowsCount / rowsPerPage) - 1}\n                  >\n                    <Icon\n                      name={'chevron-right'}\n                      type={'material-community'}\n                      fontColor={'light'}\n                    />\n                  </NavigationButton>\n                </FooterContainerEnd>\n              </>\n            )}\n          </FooterContainer>\n        </TdFooterStyled>\n      </Tr>\n    </TFoot>\n  );\n};\n\nexport default React.memo(Footer);\n"],"mappings":"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"}
+{"version":3,"file":"Footer.js","sources":["../../../../../src/components/organisms/DataGrid/Footer/Footer.tsx"],"sourcesContent":["import React from 'react';\nimport { Button } from '../../../atoms/Button';\nimport { Icon, Text } from '@tecsinapse/react-core';\nimport { Select } from '../../../molecules/Select';\nimport { TFoot, Tr } from '../../../atoms/Table';\nimport {\n  FooterContainer,\n  FooterContainerEnd,\n  FooterContainerStart,\n  HoveredText,\n  NavigationButton,\n  PageButton,\n  PagesContainer,\n  SelectContainer,\n  TdFooterStyled,\n  TextPagination,\n} from './styled';\n\ninterface DataGridFooterProps {\n  rowsPerPage: number;\n  onRowsPerPageChange?: (value: number) => void;\n  rowsPerPageOptions: number[];\n  rowsPerPageLabel: (value: number) => string;\n  exportLabel?: string;\n  exportFunction?: () => void;\n  /** Total data elements */\n  rowsCount: number;\n  page: number;\n  onPageChange?: (page: number) => void;\n  pagination: boolean;\n  exportComponent?: React.ReactNode;\n}\n\nconst Footer: React.FC<DataGridFooterProps> = ({\n  rowsPerPage,\n  onRowsPerPageChange,\n  rowsPerPageOptions,\n  rowsPerPageLabel,\n  exportFunction,\n  exportLabel,\n  rowsCount,\n  page,\n  onPageChange,\n  pagination,\n  exportComponent,\n}) => {\n  if (pagination && (!onPageChange || !onRowsPerPageChange)) {\n    throw new Error(\n      '[DataGrid] You should specify pagination handlers (onPageChange, onRowsPerPageChange)'\n    );\n  }\n\n  const getPaginationSlice = (): { start: number; end: number } => {\n    const totalPages = Math.ceil(rowsCount / rowsPerPage);\n    if (totalPages < 4) {\n      return { start: 0, end: totalPages };\n    }\n    if (page === 0) {\n      return { start: page, end: page + 3 };\n    }\n    if (page === totalPages - 1) {\n      return { start: page - 2, end: page + 1 };\n    }\n    return { start: page - 1, end: page + 2 };\n  };\n\n  const handleRowsPerPage = React.useCallback(\n    value => {\n      onRowsPerPageChange?.(value as number);\n      onPageChange?.(0);\n    },\n    [onPageChange, onRowsPerPageChange]\n  );\n  const currentInitItem = page * rowsPerPage + 1;\n  const currentFinalItem =\n    (page + 1) * rowsPerPage > rowsCount ? rowsCount : (page + 1) * rowsPerPage;\n\n  return (\n    <TFoot>\n      <Tr>\n        <TdFooterStyled colSpan={99}>\n          <FooterContainer>\n            <FooterContainerStart>\n              {pagination && (\n                <SelectContainer>\n                  <Select\n                    options={rowsPerPageOptions}\n                    onSelect={handleRowsPerPage}\n                    value={rowsPerPage}\n                    type={'single'}\n                    keyExtractor={value => String(value)}\n                    labelExtractor={rowsPerPageLabel}\n                    anchor=\"top\"\n                  />\n                </SelectContainer>\n              )}\n              {exportComponent && !exportFunction && <>{exportComponent}</>}\n              {exportFunction && (\n                <HoveredText>\n                  <Button variant=\"outlined\" onPress={() => exportFunction()}>\n                    <Text fontColor=\"orange\" fontWeight=\"bold\">\n                      {exportLabel}\n                    </Text>\n                  </Button>\n                </HoveredText>\n              )}\n            </FooterContainerStart>\n            {pagination && (\n              <>\n                <TextPagination\n                  fontWeight={'bold'}\n                  fontColor={'medium'}\n                >{`Exibindo ${currentInitItem} a ${currentFinalItem} de ${rowsCount} registros`}</TextPagination>\n                <FooterContainerEnd>\n                  <NavigationButton\n                    onPress={() => onPageChange?.(page - 1)}\n                    disabled={page === 0}\n                  >\n                    <Icon\n                      name={'chevron-left'}\n                      type={'material-community'}\n                      fontColor={'light'}\n                    />\n                  </NavigationButton>\n                  <PagesContainer>\n                    {[...Array(Math.ceil(rowsCount / rowsPerPage)).keys()]\n                      .slice(\n                        getPaginationSlice().start,\n                        getPaginationSlice().end\n                      )\n                      .map(value => (\n                        <HoveredText key={`page-${value}`}>\n                          <PageButton\n                            variant={page === value ? 'outlined' : 'text'}\n                            onPress={() => onPageChange?.(value)}\n                          >\n                            <Text fontColor=\"medium\" fontWeight=\"bold\">\n                              {value + 1}\n                            </Text>\n                          </PageButton>\n                        </HoveredText>\n                      ))}\n                  </PagesContainer>\n                  <NavigationButton\n                    onPress={() => onPageChange?.(page + 1)}\n                    disabled={page === Math.ceil(rowsCount / rowsPerPage) - 1}\n                  >\n                    <Icon\n                      name={'chevron-right'}\n                      type={'material-community'}\n                      fontColor={'light'}\n                    />\n                  </NavigationButton>\n                </FooterContainerEnd>\n              </>\n            )}\n          </FooterContainer>\n        </TdFooterStyled>\n      </Tr>\n    </TFoot>\n  );\n};\n\nexport default React.memo(Footer);\n"],"names":["React","TdFooterStyled","FooterContainer","FooterContainerStart","SelectContainer","HoveredText","Text","TextPagination","FooterContainerEnd","NavigationButton","Icon","PagesContainer","PageButton"],"mappings":";;;;;;;;;;;;;;;;;;;AAiCA,MAAM,SAAwC,CAAC;AAAA,EAC7C,WAAA;AAAA,EACA,mBAAA;AAAA,EACA,kBAAA;AAAA,EACA,gBAAA;AAAA,EACA,cAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAA;AAAA,EACA,YAAA;AAAA,EACA,UAAA;AAAA,EACA,eAAA;AACF,CAAM,KAAA;AACJ,EAAA,IAAI,UAAe,KAAA,CAAC,YAAgB,IAAA,CAAC,mBAAsB,CAAA,EAAA;AACzD,IAAA,MAAM,IAAI,KAAA;AAAA,MACR,uFAAA;AAAA,KACF,CAAA;AAAA,GACF;AAEA,EAAA,MAAM,qBAAqB,MAAsC;AAC/D,IAAA,MAAM,UAAa,GAAA,IAAA,CAAK,IAAK,CAAA,SAAA,GAAY,WAAW,CAAA,CAAA;AACpD,IAAA,IAAI,aAAa,CAAG,EAAA;AAClB,MAAA,OAAO,EAAE,KAAA,EAAO,CAAG,EAAA,GAAA,EAAK,UAAW,EAAA,CAAA;AAAA,KACrC;AACA,IAAA,IAAI,SAAS,CAAG,EAAA;AACd,MAAA,OAAO,EAAE,KAAA,EAAO,IAAM,EAAA,GAAA,EAAK,OAAO,CAAE,EAAA,CAAA;AAAA,KACtC;AACA,IAAI,IAAA,IAAA,KAAS,aAAa,CAAG,EAAA;AAC3B,MAAA,OAAO,EAAE,KAAO,EAAA,IAAA,GAAO,CAAG,EAAA,GAAA,EAAK,OAAO,CAAE,EAAA,CAAA;AAAA,KAC1C;AACA,IAAA,OAAO,EAAE,KAAO,EAAA,IAAA,GAAO,CAAG,EAAA,GAAA,EAAK,OAAO,CAAE,EAAA,CAAA;AAAA,GAC1C,CAAA;AAEA,EAAA,MAAM,oBAAoBA,yBAAM,CAAA,WAAA;AAAA,IAC9B,CAAS,KAAA,KAAA;AACP,MAAsB,mBAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,mBAAA,CAAA,KAAA,CAAA,CAAA;AACtB,MAAe,YAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,YAAA,CAAA,CAAA,CAAA,CAAA;AAAA,KACjB;AAAA,IACA,CAAC,cAAc,mBAAmB,CAAA;AAAA,GACpC,CAAA;AACA,EAAM,MAAA,eAAA,GAAkB,OAAO,WAAc,GAAA,CAAA,CAAA;AAC7C,EAAA,MAAM,oBACH,IAAO,GAAA,CAAA,IAAK,cAAc,SAAY,GAAA,SAAA,GAAA,CAAa,OAAO,CAAK,IAAA,WAAA,CAAA;AAElE,EAAA,uBACGA,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA,kBACEA,yBAAA,CAAA,aAAA,CAAA,EAAA,EAAA,IAAA,kBACEA,yBAAA,CAAA,aAAA,CAAAC,qBAAA,EAAA;AAAA,IAAe,OAAS,EAAA,EAAA;AAAA,GAAA,0DACtBC,sBACC,EAAA,IAAA,kBAAAF,yBAAA,CAAA,aAAA,CAACG,mCACE,UACC,oBAAAH,yBAAA,CAAA,aAAA,CAACI,8CACEJ,yBAAA,CAAA,aAAA,CAAA,MAAA,EAAA;AAAA,IACC,OAAS,EAAA,kBAAA;AAAA,IACT,QAAU,EAAA,iBAAA;AAAA,IACV,KAAO,EAAA,WAAA;AAAA,IACP,IAAM,EAAA,QAAA;AAAA,IACN,YAAA,EAAc,CAAS,KAAA,KAAA,MAAA,CAAO,KAAK,CAAA;AAAA,IACnC,cAAgB,EAAA,gBAAA;AAAA,IAChB,MAAO,EAAA,KAAA;AAAA,GACT,CACF,CAED,EAAA,eAAA,IAAmB,CAAC,cAAA,oBAAqBA,yBAAA,CAAA,aAAA,CAAAA,yBAAA,CAAA,QAAA,EAAA,IAAA,EAAA,eAAgB,CACzD,EAAA,cAAA,oBACEA,yBAAA,CAAA,aAAA,CAAAK,kBAAA,EAAA,IAAA,kBACEL,yBAAA,CAAA,aAAA,CAAA,MAAA,EAAA;AAAA,IAAO,OAAQ,EAAA,UAAA;AAAA,IAAW,OAAA,EAAS,MAAM,cAAe,EAAA;AAAA,GAAA,kBACtDA,yBAAA,CAAA,aAAA,CAAAM,cAAA,EAAA;AAAA,IAAK,SAAU,EAAA,QAAA;AAAA,IAAS,UAAW,EAAA,MAAA;AAAA,GAAA,EACjC,WACH,CACF,CACF,CAEJ,CACC,EAAA,UAAA,sHAEIN,yBAAA,CAAA,aAAA,CAAAO,qBAAA,EAAA;AAAA,IACC,UAAY,EAAA,MAAA;AAAA,IACZ,SAAW,EAAA,QAAA;AAAA,GAAA,EACX,YAAY,eAAqB,CAAA,GAAA,EAAA,gBAAA,CAAA,IAAA,EAAuB,qBAAsB,CAChF,kBAAAP,yBAAA,CAAA,aAAA,CAACQ,iDACER,yBAAA,CAAA,aAAA,CAAAS,uBAAA,EAAA;AAAA,IACC,OAAA,EAAS,MAAM,YAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,YAAA,CAAe,IAAO,GAAA,CAAA,CAAA;AAAA,IACrC,UAAU,IAAS,KAAA,CAAA;AAAA,GAAA,kBAElBT,yBAAA,CAAA,aAAA,CAAAU,cAAA,EAAA;AAAA,IACC,IAAM,EAAA,cAAA;AAAA,IACN,IAAM,EAAA,oBAAA;AAAA,IACN,SAAW,EAAA,OAAA;AAAA,GACb,CACF,CAAA,kBACCV,yBAAA,CAAA,aAAA,CAAAW,qBAAA,EAAA,IAAA,EACE,CAAC,GAAG,KAAA,CAAM,IAAK,CAAA,IAAA,CAAK,YAAY,WAAW,CAAC,CAAE,CAAA,IAAA,EAAM,CAClD,CAAA,KAAA;AAAA,IACC,oBAAqB,CAAA,KAAA;AAAA,IACrB,oBAAqB,CAAA,GAAA;AAAA,GACvB,CACC,GAAI,CAAA,CAAA,KAAA,qBACFX,yBAAA,CAAA,aAAA,CAAAK,kBAAA,EAAA;AAAA,IAAY,KAAK,CAAQ,KAAA,EAAA,KAAA,CAAA,CAAA;AAAA,GAAA,kBACvBL,yBAAA,CAAA,aAAA,CAAAY,iBAAA,EAAA;AAAA,IACC,OAAA,EAAS,IAAS,KAAA,KAAA,GAAQ,UAAa,GAAA,MAAA;AAAA,IACvC,OAAA,EAAS,MAAM,YAAe,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,YAAA,CAAA,KAAA,CAAA;AAAA,GAAA,kBAE7BZ,yBAAA,CAAA,aAAA,CAAAM,cAAA,EAAA;AAAA,IAAK,SAAU,EAAA,QAAA;AAAA,IAAS,UAAW,EAAA,MAAA;AAAA,GAAA,EACjC,QAAQ,CACX,CACF,CACF,CACD,CACL,mBACCN,yBAAA,CAAA,aAAA,CAAAS,uBAAA,EAAA;AAAA,IACC,OAAA,EAAS,MAAM,YAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,YAAA,CAAe,IAAO,GAAA,CAAA,CAAA;AAAA,IACrC,UAAU,IAAS,KAAA,IAAA,CAAK,IAAK,CAAA,SAAA,GAAY,WAAW,CAAI,GAAA,CAAA;AAAA,GAAA,kBAEvDT,yBAAA,CAAA,aAAA,CAAAU,cAAA,EAAA;AAAA,IACC,IAAM,EAAA,eAAA;AAAA,IACN,IAAM,EAAA,oBAAA;AAAA,IACN,SAAW,EAAA,OAAA;AAAA,GACb,CACF,CACF,CACF,CAEJ,CACF,CACF,CACF,CAAA,CAAA;AAEJ,CAAA,CAAA;AAEA,eAAeV,yBAAA,CAAM,KAAK,MAAM,CAAA;;;;"}

package/dist/components/organisms/DataGrid/Footer/styled.js

@@ -1,106 +1,85 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TextPagination = exports.TdFooterStyled = exports.SelectContainer = exports.PagesContainer = exports.PageButton = exports.NavigationButton = exports.HoveredText = exports.FooterContainerStart = exports.FooterContainerEnd = exports.FooterContainer = exports.FlexContainer = void 0;
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var _styled = _interopRequireDefault(require("@emotion/styled"));
+var styled = require('@emotion/styled');
+var nativeStyled = require('@emotion/native');
+var reactCore = require('@tecsinapse/react-core');
+require('react');
+var Td = require('../../../atoms/Table/Cell/Td.js');
+require('../../../atoms/Table/Container/styled.js');
+require('../../../atoms/Table/Footer/styled.js');
+require('../../../atoms/Table/Header/styled.js');
+require('../../../atoms/Table/Row/styled.js');
+require('../../../atoms/Table/Toolbar/styled.js');
+require('../../../atoms/Table/styled.js');
+var Button = require('../../../atoms/Button/Button.js');
 
-var _native = _interopRequireDefault(require("@emotion/native"));
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _reactWebKit = require("@tecsinapse/react-web-kit");
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+var nativeStyled__default = /*#__PURE__*/_interopDefaultLegacy(nativeStyled);
 
-var _Table = require("../../../atoms/Table");
+const TdFooterStyled = styled__default["default"](Td)`
+  padding: ${({ theme }) => theme.spacing.centi} 0 0 0;
+`;
+const FlexContainer = styled__default["default"]("div")`
+  display: flex;
+  flex-grow: 1;
+`;
+const FooterContainer = styled__default["default"](FlexContainer)`
+  justify-content: space-between;
+  align-items: center;
+`;
+const FooterContainerStart = styled__default["default"](FlexContainer)`
+  justify-content: flex-start;
+`;
+const FooterContainerEnd = styled__default["default"](FlexContainer)`
+  justify-content: flex-end;
+`;
+const SelectContainer = styled__default["default"]("div")`
+  margin-right: ${({ theme }) => theme.spacing.deca};
+`;
+const NavigationButton = nativeStyled__default["default"](Button)`    
+    border-radius: ${({ theme }) => theme.borderRadius.mili};
+    height: 44px;
+    justify-content: center;
+    padding: ${({ theme }) => theme.spacing.centi};
+    width: 44px;  
+`;
+const PageButton = nativeStyled__default["default"](NavigationButton)`
+    padding-right: ${({ theme }) => theme.spacing.deca};
+    padding-left: ${({ theme }) => theme.spacing.deca};
+    border-radius: ${({ theme }) => theme.borderRadius.mili};
+    justify-content: center;
+    margin-left: ${({ theme }) => theme.spacing.micro};
+    margin-right: ${({ theme }) => theme.spacing.micro};
+`;
+const PagesContainer = styled__default["default"]("div")`
+  margin: 0 20px;
+  display: flex;
+`;
+const HoveredText = styled__default["default"]("div")`
+  user-select: none;
+  &:hover * {
+    color: ${({ theme }) => theme.font.color.light};
+  }
+`;
+const TextPagination = nativeStyled__default["default"](reactCore.Text)`
+  padding-right: ${({ theme }) => theme.spacing.deca};
+  padding-left: ${({ theme }) => theme.spacing.deca};
 
-var _Button = require("../../../atoms/Button");
+`;
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-const TdFooterStyled = (0, _styled.default)(_Table.Td)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: ", " 0 0 0;\n"])), _ref => {
-  let {
-    theme
-  } = _ref;
-  return theme.spacing.centi;
-});
-exports.TdFooterStyled = TdFooterStyled;
-const FlexContainer = (0, _styled.default)('div')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-grow: 1;\n"])));
 exports.FlexContainer = FlexContainer;
-const FooterContainer = (0, _styled.default)(FlexContainer)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  justify-content: space-between;\n  align-items: center;\n"])));
 exports.FooterContainer = FooterContainer;
-const FooterContainerStart = (0, _styled.default)(FlexContainer)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  justify-content: flex-start;\n"])));
-exports.FooterContainerStart = FooterContainerStart;
-const FooterContainerEnd = (0, _styled.default)(FlexContainer)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  justify-content: flex-end;\n"])));
 exports.FooterContainerEnd = FooterContainerEnd;
-const SelectContainer = (0, _styled.default)('div')(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  margin-right: ", ";\n"])), _ref2 => {
-  let {
-    theme
-  } = _ref2;
-  return theme.spacing.deca;
-});
-exports.SelectContainer = SelectContainer;
-const NavigationButton = (0, _native.default)(_Button.Button)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["    \n    border-radius: ", ";\n    height: 44px;\n    justify-content: center;\n    padding: ", ";\n    width: 44px;  \n"])), _ref3 => {
-  let {
-    theme
-  } = _ref3;
-  return theme.borderRadius.mili;
-}, _ref4 => {
-  let {
-    theme
-  } = _ref4;
-  return theme.spacing.centi;
-});
+exports.FooterContainerStart = FooterContainerStart;
+exports.HoveredText = HoveredText;
 exports.NavigationButton = NavigationButton;
-const PageButton = (0, _native.default)(NavigationButton)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    padding-right: ", ";\n    padding-left: ", ";\n    border-radius: ", ";\n    justify-content: center;\n    margin-left: ", ";\n    margin-right: ", ";\n"])), _ref5 => {
-  let {
-    theme
-  } = _ref5;
-  return theme.spacing.deca;
-}, _ref6 => {
-  let {
-    theme
-  } = _ref6;
-  return theme.spacing.deca;
-}, _ref7 => {
-  let {
-    theme
-  } = _ref7;
-  return theme.borderRadius.mili;
-}, _ref8 => {
-  let {
-    theme
-  } = _ref8;
-  return theme.spacing.micro;
-}, _ref9 => {
-  let {
-    theme
-  } = _ref9;
-  return theme.spacing.micro;
-});
 exports.PageButton = PageButton;
-const PagesContainer = (0, _styled.default)('div')(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  margin: 0 20px;\n  display: flex;\n"])));
 exports.PagesContainer = PagesContainer;
-const HoveredText = (0, _styled.default)('div')(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  user-select: none;\n  &:hover * {\n    color: ", ";\n  }\n"])), _ref10 => {
-  let {
-    theme
-  } = _ref10;
-  return theme.font.color.light;
-});
-exports.HoveredText = HoveredText;
-const TextPagination = (0, _native.default)(_reactWebKit.Text)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  padding-right: ", ";\n  padding-left: ", ";\n\n"])), _ref11 => {
-  let {
-    theme
-  } = _ref11;
-  return theme.spacing.deca;
-}, _ref12 => {
-  let {
-    theme
-  } = _ref12;
-  return theme.spacing.deca;
-});
+exports.SelectContainer = SelectContainer;
+exports.TdFooterStyled = TdFooterStyled;
 exports.TextPagination = TextPagination;
-//# sourceMappingURL=styled.js.map
+//# sourceMappingURL=styled.js.map

package/dist/components/organisms/DataGrid/Footer/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["TdFooterStyled","styled","Td","theme","spacing","centi","FlexContainer","FooterContainer","FooterContainerStart","FooterContainerEnd","SelectContainer","deca","NavigationButton","nativeStyled","Button","borderRadius","mili","PageButton","micro","PagesContainer","HoveredText","font","color","light","TextPagination","Text"],"sources":["../../../../../src/components/organisms/DataGrid/Footer/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { default as nativeStyled } from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { Text } from '@tecsinapse/react-web-kit';\nimport { Td } from '../../../atoms/Table';\nimport { Button } from '../../../atoms/Button';\n\nexport const TdFooterStyled = styled(Td)<Partial<StyleProps>>`\n  padding: ${({ theme }) => theme.spacing.centi} 0 0 0;\n`;\n\nexport const FlexContainer = styled('div')`\n  display: flex;\n  flex-grow: 1;\n`;\n\nexport const FooterContainer = styled(FlexContainer)`\n  justify-content: space-between;\n  align-items: center;\n`;\n\nexport const FooterContainerStart = styled(FlexContainer)`\n  justify-content: flex-start;\n`;\n\nexport const FooterContainerEnd = styled(FlexContainer)`\n  justify-content: flex-end;\n`;\n\nexport const SelectContainer = styled('div')<Partial<StyleProps>>`\n  margin-right: ${({ theme }) => theme.spacing.deca};\n`;\n\nexport const NavigationButton = nativeStyled(Button)<Partial<StyleProps>>`    \n    border-radius: ${({ theme }) => theme.borderRadius.mili};\n    height: 44px;\n    justify-content: center;\n    padding: ${({ theme }) => theme.spacing.centi};\n    width: 44px;  \n`;\n\n// Se o botão estiver ativo, renderizar outlined, caso contrario o botão é text\nexport const PageButton = nativeStyled(NavigationButton)<Partial<StyleProps>>`\n    padding-right: ${({ theme }) => theme.spacing.deca};\n    padding-left: ${({ theme }) => theme.spacing.deca};\n    border-radius: ${({ theme }) => theme.borderRadius.mili};\n    justify-content: center;\n    margin-left: ${({ theme }) => theme.spacing.micro};\n    margin-right: ${({ theme }) => theme.spacing.micro};\n`;\n\nexport const PagesContainer = styled('div')<Partial<StyleProps>>`\n  margin: 0 20px;\n  display: flex;\n`;\n\nexport const HoveredText = styled('div')<Partial<StyleProps>>`\n  user-select: none;\n  &:hover * {\n    color: ${({ theme }) => theme.font.color.light};\n  }\n`;\n\nexport const TextPagination = nativeStyled(Text)<Partial<StyleProps>>`\n  padding-right: ${({ theme }) => theme.spacing.deca};\n  padding-left: ${({ theme }) => theme.spacing.deca};\n\n`;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;AAEO,MAAMA,cAAc,GAAG,IAAAC,eAAA,EAAOC,SAAP,CAAH,gGACd;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,KAA7B;AAAA,CADc,CAApB;;AAIA,MAAMC,aAAa,GAAG,IAAAL,eAAA,EAAO,KAAP,CAAH,4GAAnB;;AAKA,MAAMM,eAAe,GAAG,IAAAN,eAAA,EAAOK,aAAP,CAAH,oIAArB;;AAKA,MAAME,oBAAoB,GAAG,IAAAP,eAAA,EAAOK,aAAP,CAAH,yGAA1B;;AAIA,MAAMG,kBAAkB,GAAG,IAAAR,eAAA,EAAOK,aAAP,CAAH,uGAAxB;;AAIA,MAAMI,eAAe,GAAG,IAAAT,eAAA,EAAO,KAAP,CAAH,iGACV;EAAA,IAAC;IAAEE;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcO,IAA7B;AAAA,CADU,CAArB;;AAIA,MAAMC,gBAAgB,GAAG,IAAAC,eAAA,EAAaC,cAAb,CAAH,iMACR;EAAA,IAAC;IAAEX;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACY,YAAN,CAAmBC,IAAlC;AAAA,CADQ,EAId;EAAA,IAAC;IAAEb;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,KAA7B;AAAA,CAJc,CAAtB;;AASA,MAAMY,UAAU,GAAG,IAAAJ,eAAA,EAAaD,gBAAb,CAAH,sOACF;EAAA,IAAC;IAAET;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcO,IAA7B;AAAA,CADE,EAEH;EAAA,IAAC;IAAER;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcO,IAA7B;AAAA,CAFG,EAGF;EAAA,IAAC;IAAER;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACY,YAAN,CAAmBC,IAAlC;AAAA,CAHE,EAKJ;EAAA,IAAC;IAAEb;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcc,KAA7B;AAAA,CALI,EAMH;EAAA,IAAC;IAAEf;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcc,KAA7B;AAAA,CANG,CAAhB;;AASA,MAAMC,cAAc,GAAG,IAAAlB,eAAA,EAAO,KAAP,CAAH,8GAApB;;AAKA,MAAMmB,WAAW,GAAG,IAAAnB,eAAA,EAAO,KAAP,CAAH,wIAGX;EAAA,IAAC;IAAEE;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACkB,IAAN,CAAWC,KAAX,CAAiBC,KAAhC;AAAA,CAHW,CAAjB;;AAOA,MAAMC,cAAc,GAAG,IAAAX,eAAA,EAAaY,iBAAb,CAAH,6HACR;EAAA,IAAC;IAAEtB;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcO,IAA7B;AAAA,CADQ,EAET;EAAA,IAAC;IAAER;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcO,IAA7B;AAAA,CAFS,CAApB"}
+{"version":3,"file":"styled.js","sources":["../../../../../src/components/organisms/DataGrid/Footer/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { default as nativeStyled } from '@emotion/native';\nimport { StyleProps, Text } from '@tecsinapse/react-core';\nimport { Td } from '../../../atoms/Table';\nimport { Button } from '../../../atoms/Button';\n\nexport const TdFooterStyled = styled(Td)<Partial<StyleProps>>`\n  padding: ${({ theme }) => theme.spacing.centi} 0 0 0;\n`;\n\nexport const FlexContainer = styled('div')`\n  display: flex;\n  flex-grow: 1;\n`;\n\nexport const FooterContainer = styled(FlexContainer)`\n  justify-content: space-between;\n  align-items: center;\n`;\n\nexport const FooterContainerStart = styled(FlexContainer)`\n  justify-content: flex-start;\n`;\n\nexport const FooterContainerEnd = styled(FlexContainer)`\n  justify-content: flex-end;\n`;\n\nexport const SelectContainer = styled('div')<Partial<StyleProps>>`\n  margin-right: ${({ theme }) => theme.spacing.deca};\n`;\n\nexport const NavigationButton = nativeStyled(Button)<Partial<StyleProps>>`    \n    border-radius: ${({ theme }) => theme.borderRadius.mili};\n    height: 44px;\n    justify-content: center;\n    padding: ${({ theme }) => theme.spacing.centi};\n    width: 44px;  \n`;\n\n// Se o botão estiver ativo, renderizar outlined, caso contrario o botão é text\nexport const PageButton = nativeStyled(NavigationButton)<Partial<StyleProps>>`\n    padding-right: ${({ theme }) => theme.spacing.deca};\n    padding-left: ${({ theme }) => theme.spacing.deca};\n    border-radius: ${({ theme }) => theme.borderRadius.mili};\n    justify-content: center;\n    margin-left: ${({ theme }) => theme.spacing.micro};\n    margin-right: ${({ theme }) => theme.spacing.micro};\n`;\n\nexport const PagesContainer = styled('div')<Partial<StyleProps>>`\n  margin: 0 20px;\n  display: flex;\n`;\n\nexport const HoveredText = styled('div')<Partial<StyleProps>>`\n  user-select: none;\n  &:hover * {\n    color: ${({ theme }) => theme.font.color.light};\n  }\n`;\n\nexport const TextPagination = nativeStyled(Text)<Partial<StyleProps>>`\n  padding-right: ${({ theme }) => theme.spacing.deca};\n  padding-left: ${({ theme }) => theme.spacing.deca};\n\n`;\n"],"names":["styled","nativeStyled","Text"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAMa,MAAA,cAAA,GAAiBA,2BAAO,EAAE,CAAA,CAAA;AAAA,WAAA,EAC1B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,KAAA,CAAA;AAAA,EAAA;AAG7B,MAAA,aAAA,GAAgBA,2BAAO,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA,EAAA;AAK5B,MAAA,eAAA,GAAkBA,2BAAO,aAAa,CAAA,CAAA;AAAA;AAAA;AAAA,EAAA;AAKtC,MAAA,oBAAA,GAAuBA,2BAAO,aAAa,CAAA,CAAA;AAAA;AAAA,EAAA;AAI3C,MAAA,kBAAA,GAAqBA,2BAAO,aAAa,CAAA,CAAA;AAAA;AAAA,EAAA;AAIzC,MAAA,eAAA,GAAkBA,2BAAO,KAAK,CAAA,CAAA;AAAA,gBAAA,EACzB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,EAAA;AAGlC,MAAA,gBAAA,GAAmBC,iCAAa,MAAM,CAAA,CAAA;AAAA,mBAAA,EAC9B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA,aAAA,EAGxC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,KAAA,CAAA;AAAA;AAAA,EAAA;AAK/B,MAAA,UAAA,GAAaA,iCAAa,gBAAgB,CAAA,CAAA;AAAA,mBAAA,EAClC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,kBAAA,EAC9B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,mBAAA,EAC5B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA;AAAA,iBAAA,EAEpC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,KAAA,CAAA;AAAA,kBAAA,EAC5B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,KAAA,CAAA;AAAA,EAAA;AAGpC,MAAA,cAAA,GAAiBD,2BAAO,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA,EAAA;AAK7B,MAAA,WAAA,GAAcA,2BAAO,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA,WAAA,EAG1B,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,KAAK,KAAM,CAAA,KAAA,CAAA;AAAA;AAAA,EAAA;AAIhC,MAAA,cAAA,GAAiBC,iCAAaC,cAAI,CAAA,CAAA;AAAA,iBAAA,EAC5B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,gBAAA,EAC9B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA;AAAA;;;;;;;;;;;;;;"}