@tecsinapse/react-web-kit 1.3.2 → 1.6.1

package/dist/components/organisms/DataGrid/Footer/index.d.ts

@@ -0,0 +1 @@
+export { default as Footer } from './Footer';

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

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Footer", {
+  enumerable: true,
+  get: function () {
+    return _Footer.default;
+  }
+});
+
+var _Footer = _interopRequireDefault(require("./Footer"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/organisms/DataGrid/Footer/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA","sourcesContent":["export { default as Footer } from './Footer';\n"],"file":"index.js"}

package/dist/components/organisms/DataGrid/Footer/styled.d.ts

@@ -0,0 +1,35 @@
+/// <reference types="react" />
+export declare const TdFooterStyled: import("@emotion/styled").StyledComponent<any, {}, {}>;
+export declare const FlexContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const FooterContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const FooterContainerStart: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const FooterContainerEnd: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const SelectContainer: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const NavigationButton: import("@emotion/native").StyledComponent<any, {}, {}>;
+export declare const PageButton: import("@emotion/native").StyledComponent<any, {}, {}>;
+export declare const PagesContainer: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const HoveredText: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -0,0 +1,91 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HoveredText = exports.PagesContainer = exports.PageButton = exports.NavigationButton = exports.SelectContainer = exports.FooterContainerEnd = exports.FooterContainerStart = exports.FooterContainer = exports.FlexContainer = exports.TdFooterStyled = void 0;
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _native = _interopRequireDefault(require("@emotion/native"));
+
+var _Table = require("../../../atoms/Table");
+
+var _Button = require("../../../atoms/Button");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const TdFooterStyled = (0, _styled.default)(_Table.Td)`
+  padding: ${({
+  theme
+}) => theme.spacing.centi} 0 0 0;
+`;
+exports.TdFooterStyled = TdFooterStyled;
+const FlexContainer = (0, _styled.default)('div')`
+  display: flex;
+  flex-grow: 1;
+`;
+exports.FlexContainer = FlexContainer;
+const FooterContainer = (0, _styled.default)(FlexContainer)`
+  justify-content: space-between;
+  align-items: center;
+`;
+exports.FooterContainer = FooterContainer;
+const FooterContainerStart = (0, _styled.default)(FlexContainer)`
+  justify-content: flex-start;
+`;
+exports.FooterContainerStart = FooterContainerStart;
+const FooterContainerEnd = (0, _styled.default)(FlexContainer)`
+  justify-content: flex-end;
+`;
+exports.FooterContainerEnd = FooterContainerEnd;
+const SelectContainer = (0, _styled.default)('div')`
+  margin-right: ${({
+  theme
+}) => theme.spacing.deca};
+`;
+exports.SelectContainer = SelectContainer;
+const NavigationButton = (0, _native.default)(_Button.Button)`
+    padding: ${({
+  theme
+}) => theme.spacing.centi};
+    border-radius: ${({
+  theme
+}) => theme.borderRadius.mili};
+    justify-content: center;
+`;
+exports.NavigationButton = NavigationButton;
+const PageButton = (0, _native.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};
+`;
+exports.PageButton = PageButton;
+const PagesContainer = (0, _styled.default)('div')`
+  margin: 0 20px;
+  display: flex;
+`;
+exports.PagesContainer = PagesContainer;
+const HoveredText = (0, _styled.default)('div')`
+  user-select: none;
+  &:hover * {
+    color: ${({
+  theme
+}) => theme.font.color.light};
+  }
+`;
+exports.HoveredText = HoveredText;
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/organisms/DataGrid/Footer/styled.ts"],"names":["TdFooterStyled","Td","theme","spacing","centi","FlexContainer","FooterContainer","FooterContainerStart","FooterContainerEnd","SelectContainer","deca","NavigationButton","Button","borderRadius","mili","PageButton","micro","PagesContainer","HoveredText","font","color","light"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;AAEO,MAAMA,cAAc,GAAG,qBAAOC,SAAP,CAAgC;AAC9D,aAAa,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,KAAM;AAChD,CAFO;;AAIA,MAAMC,aAAa,GAAG,qBAAO,KAAP,CAAc;AAC3C;AACA;AACA,CAHO;;AAKA,MAAMC,eAAe,GAAG,qBAAOD,aAAP,CAAsB;AACrD;AACA;AACA,CAHO;;AAKA,MAAME,oBAAoB,GAAG,qBAAOF,aAAP,CAAsB;AAC1D;AACA,CAFO;;AAIA,MAAMG,kBAAkB,GAAG,qBAAOH,aAAP,CAAsB;AACxD;AACA,CAFO;;AAIA,MAAMI,eAAe,GAAG,qBAAO,KAAP,CAAmC;AAClE,kBAAkB,CAAC;AAAEP,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcO,IAAK;AACpD,CAFO;;AAIA,MAAMC,gBAAgB,GAAG,qBAAaC,cAAb,CAA0C;AAC1E,eAAe,CAAC;AAAEV,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,KAAM;AAClD,qBAAqB,CAAC;AAAEF,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACW,YAAN,CAAmBC,IAAK;AAC5D;AACA,CAJO;;AAOA,MAAMC,UAAU,GAAG,qBAAaJ,gBAAb,CAAoD;AAC9E,qBAAqB,CAAC;AAAET,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcO,IAAK;AACvD,oBAAoB,CAAC;AAAER,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcO,IAAK;AACtD,qBAAqB,CAAC;AAAER,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACW,YAAN,CAAmBC,IAAK;AAC5D;AACA,mBAAmB,CAAC;AAAEZ,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAca,KAAM;AACtD,oBAAoB,CAAC;AAAEd,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAca,KAAM;AACvD,CAPO;;AASA,MAAMC,cAAc,GAAG,qBAAO,KAAP,CAAmC;AACjE;AACA;AACA,CAHO;;AAKA,MAAMC,WAAW,GAAG,qBAAO,KAAP,CAAmC;AAC9D;AACA;AACA,aAAa,CAAC;AAAEhB,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACiB,IAAN,CAAWC,KAAX,CAAiBC,KAAM;AACnD;AACA,CALO","sourcesContent":["import styled from '@emotion/styled';\nimport { default as nativeStyled } from '@emotion/native';\nimport { StyleProps } 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    padding: ${({ theme }) => theme.spacing.centi};\n    border-radius: ${({ theme }) => theme.borderRadius.mili};\n    justify-content: center;\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"],"file":"styled.js"}

package/dist/components/organisms/DataGrid/Header/Header.d.ts

@@ -0,0 +1,12 @@
+import { HeadersType } from '../types';
+export interface DataGridHeaderProps<Data> {
+    headers: HeadersType<Data>[];
+    data: Data[];
+    selectedRows: Data[];
+    onSelected?: (data: Data[]) => void;
+    rowKeyExtractor: (data: Data) => string;
+    rowsCount: number;
+    selectable?: boolean;
+}
+declare const Header: <Data extends unknown>({ selectable, rowsCount, headers, data, rowKeyExtractor, selectedRows, onSelected, }: DataGridHeaderProps<Data>) => JSX.Element;
+export default Header;

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

@@ -0,0 +1,88 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactCore = require("@tecsinapse/react-core");
+
+var _Table = require("../../../atoms/Table");
+
+var _styled = require("./styled");
+
+var _utils = require("./utils");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const Header = ({
+  selectable,
+  rowsCount,
+  headers,
+  data,
+  rowKeyExtractor,
+  selectedRows,
+  onSelected
+}) => {
+  const [sortDirection, setSortDirection] = _react.default.useState(_utils.NEXT_STATE.initial);
+
+  const handleSortDirection = sort => {
+    sort(_utils.NEXT_STATE[sortDirection]);
+    setSortDirection(_utils.NEXT_STATE[sortDirection]);
+  };
+
+  const handleSelectAll = checked => {
+    if (!checked) {
+      onSelected === null || onSelected === void 0 ? void 0 : onSelected([]);
+      return;
+    }
+
+    const currentItemsOnData = (0, _utils.findCurrentItemsOnData)(selectedRows, data, rowKeyExtractor);
+    const unselectedItemsOnData = (0, _utils.findUnselectedItemsOnData)(selectedRows, data, rowKeyExtractor);
+
+    if (checked && selectedRows.length < 1) {
+      onSelected === null || onSelected === void 0 ? void 0 : onSelected(data);
+      return;
+    }
+
+    if (checked && currentItemsOnData.length < 1) {
+      onSelected === null || onSelected === void 0 ? void 0 : onSelected(unselectedItemsOnData.concat(selectedRows));
+      return;
+    }
+
+    onSelected === null || onSelected === void 0 ? void 0 : onSelected(selectedRows.concat(unselectedItemsOnData));
+  };
+
+  return _react.default.createElement(_Table.THead, null, _react.default.createElement(_Table.Tr, null, selectable && _react.default.createElement(_styled.CheckboxHeader, null, _react.default.createElement(_reactCore.Checkbox, {
+    checked: rowsCount === (selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.length),
+    onChange: handleSelectAll
+  })), headers.map(({
+    label,
+    sort,
+    justifyContent = 'flex-start'
+  }) => _react.default.createElement(_Table.Th, {
+    key: label
+  }, _react.default.createElement("div", {
+    style: {
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent
+    }
+  }, label, sort && _react.default.createElement("div", {
+    style: {
+      marginLeft: 8
+    }
+  }, _react.default.createElement(_reactCore.PressableSurface, {
+    onPress: () => handleSortDirection(sort)
+  }, _react.default.createElement(_reactCore.Icon, {
+    name: `sort-alphabetical-${(0, _utils.getIconSuffix)(sortDirection)}`,
+    type: 'material-community',
+    fontColor: (0, _utils.getIconColor)(sortDirection)
+  }))))))));
+};
+
+var _default = Header;
+exports.default = _default;
+//# sourceMappingURL=Header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/organisms/DataGrid/Header/Header.tsx"],"names":["Header","selectable","rowsCount","headers","data","rowKeyExtractor","selectedRows","onSelected","sortDirection","setSortDirection","React","useState","NEXT_STATE","initial","handleSortDirection","sort","handleSelectAll","checked","currentItemsOnData","unselectedItemsOnData","length","concat","map","label","justifyContent","display","alignItems","marginLeft"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;;;AAkBA,MAAMA,MAAM,GAAG,CAAuB;AACpCC,EAAAA,UADoC;AAEpCC,EAAAA,SAFoC;AAGpCC,EAAAA,OAHoC;AAIpCC,EAAAA,IAJoC;AAKpCC,EAAAA,eALoC;AAMpCC,EAAAA,YANoC;AAOpCC,EAAAA;AAPoC,CAAvB,KAQ+B;AAC5C,QAAM,CAACC,aAAD,EAAgBC,gBAAhB,IAAoCC,eAAMC,QAAN,CACxCC,kBAAWC,OAD6B,CAA1C;;AAIA,QAAMC,mBAAmB,GAAGC,IAAI,IAAI;AAClCA,IAAAA,IAAI,CAACH,kBAAWJ,aAAX,CAAD,CAAJ;AACAC,IAAAA,gBAAgB,CAACG,kBAAWJ,aAAX,CAAD,CAAhB;AACD,GAHD;;AAKA,QAAMQ,eAAe,GAAGC,OAAO,IAAI;AACjC,QAAI,CAACA,OAAL,EAAc;AACZV,MAAAA,UAAU,SAAV,IAAAA,UAAU,WAAV,YAAAA,UAAU,CAAG,EAAH,CAAV;AACA;AACD;;AAED,UAAMW,kBAAkB,GAAG,mCACzBZ,YADyB,EAEzBF,IAFyB,EAGzBC,eAHyB,CAA3B;AAMA,UAAMc,qBAAqB,GAAG,sCAC5Bb,YAD4B,EAE5BF,IAF4B,EAG5BC,eAH4B,CAA9B;;AAMA,QAAIY,OAAO,IAAIX,YAAY,CAACc,MAAb,GAAsB,CAArC,EAAwC;AACtCb,MAAAA,UAAU,SAAV,IAAAA,UAAU,WAAV,YAAAA,UAAU,CAAGH,IAAH,CAAV;AACA;AACD;;AACD,QAAIa,OAAO,IAAIC,kBAAkB,CAACE,MAAnB,GAA4B,CAA3C,EAA8C;AAC5Cb,MAAAA,UAAU,SAAV,IAAAA,UAAU,WAAV,YAAAA,UAAU,CAAGY,qBAAqB,CAACE,MAAtB,CAA6Bf,YAA7B,CAAH,CAAV;AACA;AACD;;AACDC,IAAAA,UAAU,SAAV,IAAAA,UAAU,WAAV,YAAAA,UAAU,CAAGD,YAAY,CAACe,MAAb,CAAoBF,qBAApB,CAAH,CAAV;AACD,GA3BD;;AA6BA,SACE,6BAAC,YAAD,QACE,6BAAC,SAAD,QACGlB,UAAU,IACT,6BAAC,sBAAD,QACE,6BAAC,mBAAD;AACE,IAAA,OAAO,EAAEC,SAAS,MAAKI,YAAL,aAAKA,YAAL,uBAAKA,YAAY,CAAEc,MAAnB,CADpB;AAEE,IAAA,QAAQ,EAAEJ;AAFZ,IADF,CAFJ,EASGb,OAAO,CAACmB,GAAR,CAAY,CAAC;AAAEC,IAAAA,KAAF;AAASR,IAAAA,IAAT;AAAeS,IAAAA,cAAc,GAAG;AAAhC,GAAD,KACX,6BAAC,SAAD;AAAI,IAAA,GAAG,EAAED;AAAT,KACE;AACE,IAAA,KAAK,EAAE;AACLE,MAAAA,OAAO,EAAE,MADJ;AAELC,MAAAA,UAAU,EAAE,QAFP;AAGLF,MAAAA;AAHK;AADT,KAOGD,KAPH,EAQGR,IAAI,IACH;AAAK,IAAA,KAAK,EAAE;AAAEY,MAAAA,UAAU,EAAE;AAAd;AAAZ,KACE,6BAAC,2BAAD;AAAkB,IAAA,OAAO,EAAE,MAAMb,mBAAmB,CAACC,IAAD;AAApD,KACE,6BAAC,eAAD;AACE,IAAA,IAAI,EAAG,qBAAoB,0BAAcP,aAAd,CAA6B,EAD1D;AAEE,IAAA,IAAI,EAAE,oBAFR;AAGE,IAAA,SAAS,EAAE,yBAAaA,aAAb;AAHb,IADF,CADF,CATJ,CADF,CADD,CATH,CADF,CADF;AAsCD,CArFD;;eAuFeR,M","sourcesContent":["import React from 'react';\nimport { Checkbox, Icon, PressableSurface } from '@tecsinapse/react-core';\nimport { Th, THead, Tr } from '../../../atoms/Table';\nimport { CheckboxHeader } from './styled';\nimport { HeadersType } from '../types';\nimport {\n  findCurrentItemsOnData,\n  findUnselectedItemsOnData,\n  getIconColor,\n  getIconSuffix,\n  NEXT_STATE,\n} from './utils';\n\nexport interface DataGridHeaderProps<Data> {\n  headers: HeadersType<Data>[];\n  data: Data[];\n  selectedRows: Data[];\n  onSelected?: (data: Data[]) => void;\n  rowKeyExtractor: (data: Data) => string;\n  rowsCount: number;\n  selectable?: boolean;\n}\n\nconst Header = <Data extends unknown>({\n  selectable,\n  rowsCount,\n  headers,\n  data,\n  rowKeyExtractor,\n  selectedRows,\n  onSelected,\n}: DataGridHeaderProps<Data>): JSX.Element => {\n  const [sortDirection, setSortDirection] = React.useState<string>(\n    NEXT_STATE.initial\n  );\n\n  const handleSortDirection = sort => {\n    sort(NEXT_STATE[sortDirection]);\n    setSortDirection(NEXT_STATE[sortDirection]);\n  };\n\n  const handleSelectAll = checked => {\n    if (!checked) {\n      onSelected?.([]);\n      return;\n    }\n\n    const currentItemsOnData = findCurrentItemsOnData(\n      selectedRows,\n      data,\n      rowKeyExtractor\n    );\n\n    const unselectedItemsOnData = findUnselectedItemsOnData(\n      selectedRows,\n      data,\n      rowKeyExtractor\n    );\n\n    if (checked && selectedRows.length < 1) {\n      onSelected?.(data);\n      return;\n    }\n    if (checked && currentItemsOnData.length < 1) {\n      onSelected?.(unselectedItemsOnData.concat(selectedRows));\n      return;\n    }\n    onSelected?.(selectedRows.concat(unselectedItemsOnData));\n  };\n\n  return (\n    <THead>\n      <Tr>\n        {selectable && (\n          <CheckboxHeader>\n            <Checkbox\n              checked={rowsCount === selectedRows?.length}\n              onChange={handleSelectAll}\n            />\n          </CheckboxHeader>\n        )}\n        {headers.map(({ label, sort, justifyContent = 'flex-start' }) => (\n          <Th key={label}>\n            <div\n              style={{\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent,\n              }}\n            >\n              {label}\n              {sort && (\n                <div style={{ marginLeft: 8 }}>\n                  <PressableSurface onPress={() => handleSortDirection(sort)}>\n                    <Icon\n                      name={`sort-alphabetical-${getIconSuffix(sortDirection)}`}\n                      type={'material-community'}\n                      fontColor={getIconColor(sortDirection)}\n                    />\n                  </PressableSurface>\n                </div>\n              )}\n            </div>\n          </Th>\n        ))}\n      </Tr>\n    </THead>\n  );\n};\n\nexport default Header;\n"],"file":"Header.js"}

package/dist/components/organisms/DataGrid/Header/index.d.ts

@@ -0,0 +1 @@
+export { default as Header } from './Header';

package/dist/components/organisms/DataGrid/Header/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Header", {
+  enumerable: true,
+  get: function () {
+    return _Header.default;
+  }
+});
+
+var _Header = _interopRequireDefault(require("./Header"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//# sourceMappingURL=index.js.map

package/dist/components/organisms/DataGrid/Header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/organisms/DataGrid/Header/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA","sourcesContent":["export { default as Header } from './Header';\n"],"file":"index.js"}

package/dist/components/organisms/DataGrid/Header/styled.d.ts

@@ -0,0 +1 @@
+export declare const CheckboxHeader: import("@emotion/styled").StyledComponent<any, {}, {}>;

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

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CheckboxHeader = void 0;
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _Table = require("../../../atoms/Table");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const CheckboxHeader = (0, _styled.default)(_Table.Th)`
+  padding: 0 0 0 ${({
+  theme
+}) => theme.spacing.mili};
+  & * {
+    user-select: none;
+  }
+`;
+exports.CheckboxHeader = CheckboxHeader;
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/organisms/DataGrid/Header/styled.ts"],"names":["CheckboxHeader","Th","theme","spacing","mili"],"mappings":";;;;;;;AAAA;;AAEA;;;;AAEO,MAAMA,cAAc,GAAG,qBAAOC,SAAP,CAAgC;AAC9D,mBAAmB,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,IAAK;AACrD;AACA;AACA;AACA,CALO","sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { Th } from '../../../atoms/Table';\n\nexport const CheckboxHeader = styled(Th)<Partial<StyleProps>>`\n  padding: 0 0 0 ${({ theme }) => theme.spacing.mili};\n  & * {\n    user-select: none;\n  }\n`;\n"],"file":"styled.js"}

package/dist/components/organisms/DataGrid/Header/utils.d.ts

@@ -0,0 +1,10 @@
+export declare const NEXT_STATE: {
+    unsorted: string;
+    ascending: string;
+    descending: string;
+    initial: string;
+};
+export declare const getIconSuffix: (state: any) => any;
+export declare const getIconColor: (state: any) => "medium" | "orange";
+export declare const findUnselectedItemsOnData: (selected: any, data: any, rowKeyExtractor: any) => any;
+export declare const findCurrentItemsOnData: (selected: any, data: any, rowKeyExtractor: any) => any;

package/dist/components/organisms/DataGrid/Header/utils.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.findCurrentItemsOnData = exports.findUnselectedItemsOnData = exports.getIconColor = exports.getIconSuffix = exports.NEXT_STATE = void 0;
+const NEXT_STATE = {
+  unsorted: 'ascending',
+  ascending: 'descending',
+  descending: 'unsorted',
+  initial: 'unsorted'
+};
+exports.NEXT_STATE = NEXT_STATE;
+
+const getIconSuffix = state => state === 'unsorted' ? 'ascending' : state;
+
+exports.getIconSuffix = getIconSuffix;
+
+const getIconColor = state => state === 'unsorted' ? 'medium' : 'orange';
+
+exports.getIconColor = getIconColor;
+
+const findUnselectedItemsOnData = (selected, data, rowKeyExtractor) => selected.length > 0 ? data.filter(item => selected.every(rowData => rowKeyExtractor(rowData) !== rowKeyExtractor(item))) : [];
+
+exports.findUnselectedItemsOnData = findUnselectedItemsOnData;
+
+const findCurrentItemsOnData = (selected, data, rowKeyExtractor) => selected.length > 0 ? selected.filter(item => data.some(rowData => rowKeyExtractor(rowData) === rowKeyExtractor(item))) : [];
+
+exports.findCurrentItemsOnData = findCurrentItemsOnData;
+//# sourceMappingURL=utils.js.map

package/dist/components/organisms/DataGrid/Header/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/organisms/DataGrid/Header/utils.ts"],"names":["NEXT_STATE","unsorted","ascending","descending","initial","getIconSuffix","state","getIconColor","findUnselectedItemsOnData","selected","data","rowKeyExtractor","length","filter","item","every","rowData","findCurrentItemsOnData","some"],"mappings":";;;;;;AAAO,MAAMA,UAAU,GAAG;AACxBC,EAAAA,QAAQ,EAAE,WADc;AAExBC,EAAAA,SAAS,EAAE,YAFa;AAGxBC,EAAAA,UAAU,EAAE,UAHY;AAIxBC,EAAAA,OAAO,EAAE;AAJe,CAAnB;;;AAOA,MAAMC,aAAa,GAAGC,KAAK,IAChCA,KAAK,KAAK,UAAV,GAAuB,WAAvB,GAAqCA,KADhC;;;;AAGA,MAAMC,YAAY,GAAGD,KAAK,IAC/BA,KAAK,KAAK,UAAV,GAAuB,QAAvB,GAAkC,QAD7B;;;;AAGA,MAAME,yBAAyB,GAAG,CAACC,QAAD,EAAWC,IAAX,EAAiBC,eAAjB,KACvCF,QAAQ,CAACG,MAAT,GAAkB,CAAlB,GACIF,IAAI,CAACG,MAAL,CAAYC,IAAI,IACdL,QAAQ,CAACM,KAAT,CACEC,OAAO,IAAIL,eAAe,CAACK,OAAD,CAAf,KAA6BL,eAAe,CAACG,IAAD,CADzD,CADF,CADJ,GAMI,EAPC;;;;AASA,MAAMG,sBAAsB,GAAG,CAACR,QAAD,EAAWC,IAAX,EAAiBC,eAAjB,KACpCF,QAAQ,CAACG,MAAT,GAAkB,CAAlB,GACIH,QAAQ,CAACI,MAAT,CAAgBC,IAAI,IAClBJ,IAAI,CAACQ,IAAL,CAAUF,OAAO,IAAIL,eAAe,CAACK,OAAD,CAAf,KAA6BL,eAAe,CAACG,IAAD,CAAjE,CADF,CADJ,GAII,EALC","sourcesContent":["export const NEXT_STATE = {\n  unsorted: 'ascending',\n  ascending: 'descending',\n  descending: 'unsorted',\n  initial: 'unsorted',\n};\n\nexport const getIconSuffix = state =>\n  state === 'unsorted' ? 'ascending' : state;\n\nexport const getIconColor = state =>\n  state === 'unsorted' ? 'medium' : 'orange';\n\nexport const findUnselectedItemsOnData = (selected, data, rowKeyExtractor) =>\n  selected.length > 0\n    ? data.filter(item =>\n        selected.every(\n          rowData => rowKeyExtractor(rowData) !== rowKeyExtractor(item)\n        )\n      )\n    : [];\n\nexport const findCurrentItemsOnData = (selected, data, rowKeyExtractor) =>\n  selected.length > 0\n    ? selected.filter(item =>\n        data.some(rowData => rowKeyExtractor(rowData) === rowKeyExtractor(item))\n      )\n    : [];\n"],"file":"utils.js"}

package/dist/components/organisms/DataGrid/Row/Row.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<({ rowKeyExtractor, data, checked: _checked, handleSelect, selectable, headers, }: {
+    rowKeyExtractor: any;
+    data: any;
+    checked: any;
+    handleSelect: any;
+    selectable: any;
+    headers: any;
+}) => JSX.Element>;
+export default _default;

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

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactCore = require("@tecsinapse/react-core");
+
+var _styled = require("../styled");
+
+var _Table = require("../../../atoms/Table");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const Row = ({
+  rowKeyExtractor,
+  data,
+  checked: _checked,
+  handleSelect,
+  selectable,
+  headers
+}) => {
+  return _react.default.createElement(_Table.Tr, {
+    key: rowKeyExtractor(data)
+  }, selectable && _react.default.createElement(_styled.CheckboxCell, null, _react.default.createElement(_reactCore.Checkbox, {
+    checked: _checked,
+    onChange: checked => handleSelect(data, checked)
+  })), headers.map(({
+    label,
+    render
+  }) => _react.default.createElement(_Table.Td, {
+    key: `row-${rowKeyExtractor(data)}-column-${label}`
+  }, render(data))));
+};
+
+var _default = _react.default.memo(Row);
+
+exports.default = _default;
+//# sourceMappingURL=Row.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/organisms/DataGrid/Row/Row.tsx"],"names":["Row","rowKeyExtractor","data","checked","_checked","handleSelect","selectable","headers","map","label","render","React","memo"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,GAAG,GAAG,CAAC;AACXC,EAAAA,eADW;AAEXC,EAAAA,IAFW;AAGXC,EAAAA,OAAO,EAAEC,QAHE;AAIXC,EAAAA,YAJW;AAKXC,EAAAA,UALW;AAMXC,EAAAA;AANW,CAAD,KAON;AACJ,SACE,6BAAC,SAAD;AAAI,IAAA,GAAG,EAAEN,eAAe,CAACC,IAAD;AAAxB,KACGI,UAAU,IACT,6BAAC,oBAAD,QACE,6BAAC,mBAAD;AACE,IAAA,OAAO,EAAEF,QADX;AAEE,IAAA,QAAQ,EAAED,OAAO,IAAIE,YAAY,CAACH,IAAD,EAAOC,OAAP;AAFnC,IADF,CAFJ,EASGI,OAAO,CAACC,GAAR,CAAY,CAAC;AAAEC,IAAAA,KAAF;AAASC,IAAAA;AAAT,GAAD,KACX,6BAAC,SAAD;AAAI,IAAA,GAAG,EAAG,OAAMT,eAAe,CAACC,IAAD,CAAO,WAAUO,KAAM;AAAtD,KACGC,MAAM,CAACR,IAAD,CADT,CADD,CATH,CADF;AAiBD,CAzBD;;eA2BeS,eAAMC,IAAN,CAAWZ,GAAX,C","sourcesContent":["import React from 'react';\nimport { Checkbox } from '@tecsinapse/react-core';\nimport { CheckboxCell } from '../styled';\nimport { Td, Tr } from '../../../atoms/Table';\n\nconst Row = ({\n  rowKeyExtractor,\n  data,\n  checked: _checked,\n  handleSelect,\n  selectable,\n  headers,\n}) => {\n  return (\n    <Tr key={rowKeyExtractor(data)}>\n      {selectable && (\n        <CheckboxCell>\n          <Checkbox\n            checked={_checked}\n            onChange={checked => handleSelect(data, checked)}\n          />\n        </CheckboxCell>\n      )}\n      {headers.map(({ label, render }) => (\n        <Td key={`row-${rowKeyExtractor(data)}-column-${label}`}>\n          {render(data)}\n        </Td>\n      ))}\n    </Tr>\n  );\n};\n\nexport default React.memo(Row);\n"],"file":"Row.js"}

package/dist/components/organisms/DataGrid/Row/index.d.ts

@@ -0,0 +1 @@
+export { default as Row } from './Row';

package/dist/components/organisms/DataGrid/Row/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Row", {
+  enumerable: true,
+  get: function () {
+    return _Row.default;
+  }
+});
+
+var _Row = _interopRequireDefault(require("./Row"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//# sourceMappingURL=index.js.map