@activecollab/components 1.0.254 → 1.0.256
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/Tables/Table.js +2 -1
- package/dist/cjs/components/Tables/Table.js.map +1 -1
- package/dist/esm/components/Tables/Table.d.ts +2 -0
- package/dist/esm/components/Tables/Table.d.ts.map +1 -1
- package/dist/esm/components/Tables/Table.js +2 -1
- package/dist/esm/components/Tables/Table.js.map +1 -1
- package/dist/index.js +2 -1
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +1 -1
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
|
@@ -11,11 +11,12 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
|
11
11
|
var Table = function Table(_ref) {
|
|
12
12
|
var children = _ref.children,
|
|
13
13
|
className = _ref.className,
|
|
14
|
+
wrapperClassName = _ref.wrapperClassName,
|
|
14
15
|
_ref$striped = _ref.striped,
|
|
15
16
|
striped = _ref$striped === void 0 ? false : _ref$striped,
|
|
16
17
|
innerRef = _ref.innerRef;
|
|
17
18
|
return /*#__PURE__*/_react.default.createElement(_Styles.StyledTableWrapper, {
|
|
18
|
-
className: "c-table__wrap"
|
|
19
|
+
className: (0, _classnames.default)("c-table__wrap", wrapperClassName)
|
|
19
20
|
}, /*#__PURE__*/_react.default.createElement(_Styles.StyledTable, {
|
|
20
21
|
ref: innerRef,
|
|
21
22
|
className: (0, _classnames.default)("c-table", className),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.js","names":["Table","children","className","striped","innerRef","classNames","displayName","Thead","headerVariant","Tbody"],"sources":["../../../../src/components/Tables/Table.tsx"],"sourcesContent":["import React, { ReactNode, FC, RefObject } from \"react\";\nimport classNames from \"classnames\";\nimport {\n StyledTableWrapper,\n StyledTable,\n StyledTableBody,\n StyledTableHead,\n} from \"./Styles\";\n\nexport interface ITableWithChildren {\n /** Children prop can be ReactNode. */\n children: ReactNode;\n /** Classname prop for custom styling. */\n className?: string;\n}\n\nexport interface ITableProps {\n /** Darker color on odd column. */\n striped?: boolean;\n /** CSS classes. */\n className?: string;\n /** Ref object for table. */\n innerRef?: RefObject<HTMLTableElement>;\n}\n\nexport const Table: FC<ITableProps & ITableWithChildren> = ({\n children,\n className,\n striped = false,\n innerRef,\n}) => {\n return (\n <StyledTableWrapper
|
|
1
|
+
{"version":3,"file":"Table.js","names":["Table","children","className","wrapperClassName","striped","innerRef","classNames","displayName","Thead","headerVariant","Tbody"],"sources":["../../../../src/components/Tables/Table.tsx"],"sourcesContent":["import React, { ReactNode, FC, RefObject } from \"react\";\nimport classNames from \"classnames\";\nimport {\n StyledTableWrapper,\n StyledTable,\n StyledTableBody,\n StyledTableHead,\n} from \"./Styles\";\n\nexport interface ITableWithChildren {\n /** Children prop can be ReactNode. */\n children: ReactNode;\n /** Classname prop for custom styling. */\n className?: string;\n}\n\nexport interface ITableProps {\n /** Darker color on odd column. */\n striped?: boolean;\n /** CSS classes. */\n className?: string;\n /** CSS classes for wrapper */\n wrapperClassName?: string;\n /** Ref object for table. */\n innerRef?: RefObject<HTMLTableElement>;\n}\n\nexport const Table: FC<ITableProps & ITableWithChildren> = ({\n children,\n className,\n wrapperClassName,\n striped = false,\n innerRef,\n}) => {\n return (\n <StyledTableWrapper\n className={classNames(\"c-table__wrap\", wrapperClassName)}\n >\n <StyledTable\n ref={innerRef}\n className={classNames(\"c-table\", className)}\n $striped={striped}\n >\n {children}\n </StyledTable>\n </StyledTableWrapper>\n );\n};\n\nTable.displayName = \"Table\";\n\nexport const Thead: FC<\n ITableWithChildren & { headerVariant?: \"primary\" | \"secondary\" }\n> = ({ children, className, headerVariant = \"primary\" }) => (\n <StyledTableHead\n $headerVariant={headerVariant}\n className={classNames(\"c-table__head\", className)}\n >\n {children}\n </StyledTableHead>\n);\n\nThead.displayName = \"Thead\";\n\nexport const Tbody: FC<ITableWithChildren> = ({ children, className }) => (\n <StyledTableBody className={classNames(\"c-table__body\", className)}>\n {children}\n </StyledTableBody>\n);\n\nTbody.displayName = \"Tbody\";\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAKkB;AAoBX,IAAMA,KAA2C,GAAG,SAA9CA,KAA2C,OAMlD;EAAA,IALJC,QAAQ,QAARA,QAAQ;IACRC,SAAS,QAATA,SAAS;IACTC,gBAAgB,QAAhBA,gBAAgB;IAAA,oBAChBC,OAAO;IAAPA,OAAO,6BAAG,KAAK;IACfC,QAAQ,QAARA,QAAQ;EAER,oBACE,6BAAC,0BAAkB;IACjB,SAAS,EAAE,IAAAC,mBAAU,EAAC,eAAe,EAAEH,gBAAgB;EAAE,gBAEzD,6BAAC,mBAAW;IACV,GAAG,EAAEE,QAAS;IACd,SAAS,EAAE,IAAAC,mBAAU,EAAC,SAAS,EAAEJ,SAAS,CAAE;IAC5C,QAAQ,EAAEE;EAAQ,GAEjBH,QAAQ,CACG,CACK;AAEzB,CAAC;AAAC;AAEFD,KAAK,CAACO,WAAW,GAAG,OAAO;AAEpB,IAAMC,KAEZ,GAAG,SAFSA,KAEZ;EAAA,IAAMP,QAAQ,SAARA,QAAQ;IAAEC,SAAS,SAATA,SAAS;IAAA,4BAAEO,aAAa;IAAbA,aAAa,oCAAG,SAAS;EAAA,oBACnD,6BAAC,uBAAe;IACd,cAAc,EAAEA,aAAc;IAC9B,SAAS,EAAE,IAAAH,mBAAU,EAAC,eAAe,EAAEJ,SAAS;EAAE,GAEjDD,QAAQ,CACO;AAAA,CACnB;AAAC;AAEFO,KAAK,CAACD,WAAW,GAAG,OAAO;AAEpB,IAAMG,KAA6B,GAAG,SAAhCA,KAA6B;EAAA,IAAMT,QAAQ,SAARA,QAAQ;IAAEC,SAAS,SAATA,SAAS;EAAA,oBACjE,6BAAC,uBAAe;IAAC,SAAS,EAAE,IAAAI,mBAAU,EAAC,eAAe,EAAEJ,SAAS;EAAE,GAChED,QAAQ,CACO;AAAA,CACnB;AAAC;AAEFS,KAAK,CAACH,WAAW,GAAG,OAAO"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/Tables/Table.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASxD,MAAM,WAAW,kBAAkB;IACjC,sCAAsC;IACtC,QAAQ,EAAE,SAAS,CAAC;IACpB,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,WAAW;IAC1B,kCAAkC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mBAAmB;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;CACxC;AAED,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,WAAW,GAAG,kBAAkB,
|
|
1
|
+
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/Tables/Table.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASxD,MAAM,WAAW,kBAAkB;IACjC,sCAAsC;IACtC,QAAQ,EAAE,SAAS,CAAC;IACpB,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,WAAW;IAC1B,kCAAkC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mBAAmB;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8BAA8B;IAC9B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;CACxC;AAED,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,WAAW,GAAG,kBAAkB,CAoBtD,CAAC;AAIF,eAAO,MAAM,KAAK,EAAE,EAAE,CACpB,kBAAkB,GAAG;IAAE,aAAa,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;CAAE,CAQjE,CAAC;AAIF,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,kBAAkB,CAIxC,CAAC"}
|
|
@@ -4,11 +4,12 @@ import { StyledTableWrapper, StyledTable, StyledTableBody, StyledTableHead } fro
|
|
|
4
4
|
export var Table = function Table(_ref) {
|
|
5
5
|
var children = _ref.children,
|
|
6
6
|
className = _ref.className,
|
|
7
|
+
wrapperClassName = _ref.wrapperClassName,
|
|
7
8
|
_ref$striped = _ref.striped,
|
|
8
9
|
striped = _ref$striped === void 0 ? false : _ref$striped,
|
|
9
10
|
innerRef = _ref.innerRef;
|
|
10
11
|
return /*#__PURE__*/React.createElement(StyledTableWrapper, {
|
|
11
|
-
className: "c-table__wrap"
|
|
12
|
+
className: classNames("c-table__wrap", wrapperClassName)
|
|
12
13
|
}, /*#__PURE__*/React.createElement(StyledTable, {
|
|
13
14
|
ref: innerRef,
|
|
14
15
|
className: classNames("c-table", className),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.js","names":["React","classNames","StyledTableWrapper","StyledTable","StyledTableBody","StyledTableHead","Table","children","className","striped","innerRef","displayName","Thead","headerVariant","Tbody"],"sources":["../../../../src/components/Tables/Table.tsx"],"sourcesContent":["import React, { ReactNode, FC, RefObject } from \"react\";\nimport classNames from \"classnames\";\nimport {\n StyledTableWrapper,\n StyledTable,\n StyledTableBody,\n StyledTableHead,\n} from \"./Styles\";\n\nexport interface ITableWithChildren {\n /** Children prop can be ReactNode. */\n children: ReactNode;\n /** Classname prop for custom styling. */\n className?: string;\n}\n\nexport interface ITableProps {\n /** Darker color on odd column. */\n striped?: boolean;\n /** CSS classes. */\n className?: string;\n /** Ref object for table. */\n innerRef?: RefObject<HTMLTableElement>;\n}\n\nexport const Table: FC<ITableProps & ITableWithChildren> = ({\n children,\n className,\n striped = false,\n innerRef,\n}) => {\n return (\n <StyledTableWrapper
|
|
1
|
+
{"version":3,"file":"Table.js","names":["React","classNames","StyledTableWrapper","StyledTable","StyledTableBody","StyledTableHead","Table","children","className","wrapperClassName","striped","innerRef","displayName","Thead","headerVariant","Tbody"],"sources":["../../../../src/components/Tables/Table.tsx"],"sourcesContent":["import React, { ReactNode, FC, RefObject } from \"react\";\nimport classNames from \"classnames\";\nimport {\n StyledTableWrapper,\n StyledTable,\n StyledTableBody,\n StyledTableHead,\n} from \"./Styles\";\n\nexport interface ITableWithChildren {\n /** Children prop can be ReactNode. */\n children: ReactNode;\n /** Classname prop for custom styling. */\n className?: string;\n}\n\nexport interface ITableProps {\n /** Darker color on odd column. */\n striped?: boolean;\n /** CSS classes. */\n className?: string;\n /** CSS classes for wrapper */\n wrapperClassName?: string;\n /** Ref object for table. */\n innerRef?: RefObject<HTMLTableElement>;\n}\n\nexport const Table: FC<ITableProps & ITableWithChildren> = ({\n children,\n className,\n wrapperClassName,\n striped = false,\n innerRef,\n}) => {\n return (\n <StyledTableWrapper\n className={classNames(\"c-table__wrap\", wrapperClassName)}\n >\n <StyledTable\n ref={innerRef}\n className={classNames(\"c-table\", className)}\n $striped={striped}\n >\n {children}\n </StyledTable>\n </StyledTableWrapper>\n );\n};\n\nTable.displayName = \"Table\";\n\nexport const Thead: FC<\n ITableWithChildren & { headerVariant?: \"primary\" | \"secondary\" }\n> = ({ children, className, headerVariant = \"primary\" }) => (\n <StyledTableHead\n $headerVariant={headerVariant}\n className={classNames(\"c-table__head\", className)}\n >\n {children}\n </StyledTableHead>\n);\n\nThead.displayName = \"Thead\";\n\nexport const Tbody: FC<ITableWithChildren> = ({ children, className }) => (\n <StyledTableBody className={classNames(\"c-table__body\", className)}>\n {children}\n </StyledTableBody>\n);\n\nTbody.displayName = \"Tbody\";\n"],"mappings":"AAAA,OAAOA,KAAK,MAAoC,OAAO;AACvD,OAAOC,UAAU,MAAM,YAAY;AACnC,SACEC,kBAAkB,EAClBC,WAAW,EACXC,eAAe,EACfC,eAAe,QACV,UAAU;AAoBjB,OAAO,IAAMC,KAA2C,GAAG,SAA9CA,KAA2C,OAMlD;EAAA,IALJC,QAAQ,QAARA,QAAQ;IACRC,SAAS,QAATA,SAAS;IACTC,gBAAgB,QAAhBA,gBAAgB;IAAA,oBAChBC,OAAO;IAAPA,OAAO,6BAAG,KAAK;IACfC,QAAQ,QAARA,QAAQ;EAER,oBACE,oBAAC,kBAAkB;IACjB,SAAS,EAAEV,UAAU,CAAC,eAAe,EAAEQ,gBAAgB;EAAE,gBAEzD,oBAAC,WAAW;IACV,GAAG,EAAEE,QAAS;IACd,SAAS,EAAEV,UAAU,CAAC,SAAS,EAAEO,SAAS,CAAE;IAC5C,QAAQ,EAAEE;EAAQ,GAEjBH,QAAQ,CACG,CACK;AAEzB,CAAC;AAEDD,KAAK,CAACM,WAAW,GAAG,OAAO;AAE3B,OAAO,IAAMC,KAEZ,GAAG,SAFSA,KAEZ;EAAA,IAAMN,QAAQ,SAARA,QAAQ;IAAEC,SAAS,SAATA,SAAS;IAAA,4BAAEM,aAAa;IAAbA,aAAa,oCAAG,SAAS;EAAA,oBACnD,oBAAC,eAAe;IACd,cAAc,EAAEA,aAAc;IAC9B,SAAS,EAAEb,UAAU,CAAC,eAAe,EAAEO,SAAS;EAAE,GAEjDD,QAAQ,CACO;AAAA,CACnB;AAEDM,KAAK,CAACD,WAAW,GAAG,OAAO;AAE3B,OAAO,IAAMG,KAA6B,GAAG,SAAhCA,KAA6B;EAAA,IAAMR,QAAQ,SAARA,QAAQ;IAAEC,SAAS,SAATA,SAAS;EAAA,oBACjE,oBAAC,eAAe;IAAC,SAAS,EAAEP,UAAU,CAAC,eAAe,EAAEO,SAAS;EAAE,GAChED,QAAQ,CACO;AAAA,CACnB;AAEDQ,KAAK,CAACH,WAAW,GAAG,OAAO"}
|
package/dist/index.js
CHANGED
|
@@ -8355,11 +8355,12 @@
|
|
|
8355
8355
|
var Table = function Table(_ref) {
|
|
8356
8356
|
var children = _ref.children,
|
|
8357
8357
|
className = _ref.className,
|
|
8358
|
+
wrapperClassName = _ref.wrapperClassName,
|
|
8358
8359
|
_ref$striped = _ref.striped,
|
|
8359
8360
|
striped = _ref$striped === void 0 ? false : _ref$striped,
|
|
8360
8361
|
innerRef = _ref.innerRef;
|
|
8361
8362
|
return /*#__PURE__*/React__default["default"].createElement(StyledTableWrapper, {
|
|
8362
|
-
className: "c-table__wrap"
|
|
8363
|
+
className: classNames__default["default"]("c-table__wrap", wrapperClassName)
|
|
8363
8364
|
}, /*#__PURE__*/React__default["default"].createElement(StyledTable, {
|
|
8364
8365
|
ref: innerRef,
|
|
8365
8366
|
className: classNames__default["default"]("c-table", className),
|