@muraldevkit/ui-toolkit 4.68.0-dev-NFbt.1 → 4.68.0-dev-5W5E.1

package/dist/cjs/components/table/MrlSmartTable/components/DefaultCellContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultCellContent.js","sources":["../../../../../../src/components/table/MrlSmartTable/components/DefaultCellContent.tsx"],"sourcesContent":["import * as React from 'react';\nimport { MrlSmartCellRendererProps } from '../MrlSmartTable';\nimport { MrlTableCell } from '../../MrlTableCell';\nimport { keyFor } from '../../utils';\n\n// eslint-disable-next-line jsdoc/require-jsdoc -- TODO: add jsdoc comment\nexport const DefaultCellContent = ({\n\titem,\n\tcolumn,\n\tdataQaPrefix,\n\ttableElementId,\n\thasScrollShadowLeft,\n\thasScrollShadowRight\n}: MrlSmartCellRendererProps) => {\n\treturn (\n\t\t<MrlTableCell\n\t\t\tid={keyFor(tableElementId, 'row-cell', item.id, column.id)}\n\t\t\tdata-qa={keyFor(dataQaPrefix, 'row-cell', item.id, column.id)}\n\t\t\tkey={keyFor(tableElementId, 'row-cell', item.id, column.id)}\n\t\t\tsticky={column.sticky}\n\t\t\thasScrollShadowLeft={hasScrollShadowLeft}\n\t\t\thasScrollShadowRight={hasScrollShadowRight}\n\t\t\thorizontalAlign={column.horizontalAlign}\n\t\t>\n\t\t\t{item[column.id] as React.ReactNode}\n\t\t</MrlTableCell>\n\t);\n};\n\nexport const MemoizedDefaultCellContent = React.memo(DefaultCellContent, (prev, next) => {\n\treturn (\n\t\tprev.item === next.item &&\n\t\tprev.column === next.column &&\n\t\tprev.dataQaPrefix === next.dataQaPrefix &&\n\t\tprev.tableElementId === next.tableElementId &&\n\t\tprev.hasScrollShadowLeft === next.hasScrollShadowLeft &&\n\t\tprev.hasScrollShadowRight === next.hasScrollShadowRight\n\t);\n});\n"],"names":["DefaultCellContent","_ref","item","column","dataQaPrefix","tableElementId","hasScrollShadowLeft","hasScrollShadowRight","React","createElement","MrlTableCell","id","keyFor","key","sticky","horizontalAlign","MemoizedDefaultCellContent","memo","prev","next"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAKA;IACaA,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAOE;AAAA,EAAA,IANhCC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,MAAM,GAAAF,IAAA,CAANE,MAAM;IACNC,YAAY,GAAAH,IAAA,CAAZG,YAAY;IACZC,cAAc,GAAAJ,IAAA,CAAdI,cAAc;IACdC,mBAAmB,GAAAL,IAAA,CAAnBK,mBAAmB;IACnBC,oBAAoB,GAAAN,IAAA,CAApBM,oBAAoB;AAEpB,EAAA,oBACCC,gBAAA,CAAAC,aAAA,CAACC,yBAAY,EAAA;AACZC,IAAAA,EAAE,EAAEC,YAAM,CAACP,cAAc,EAAE,UAAU,EAAEH,IAAI,CAACS,EAAE,EAAER,MAAM,CAACQ,EAAE,CAAE;AAC3D,IAAA,SAAA,EAASC,YAAM,CAACR,YAAY,EAAE,UAAU,EAAEF,IAAI,CAACS,EAAE,EAAER,MAAM,CAACQ,EAAE,CAAE;AAC9DE,IAAAA,GAAG,EAAED,YAAM,CAACP,cAAc,EAAE,UAAU,EAAEH,IAAI,CAACS,EAAE,EAAER,MAAM,CAACQ,EAAE,CAAE;IAC5DG,MAAM,EAAEX,MAAM,CAACW,MAAO;AACtBR,IAAAA,mBAAmB,EAAEA,mBAAoB;AACzCC,IAAAA,oBAAoB,EAAEA,oBAAqB;IAC3CQ,eAAe,EAAEZ,MAAM,CAACY;AAAgB,GAAA,EAEvCb,IAAI,CAACC,MAAM,CAACQ,EAAE,CACF,CAAC;AAEjB;AAEO,IAAMK,0BAA0B,gBAAGR,gBAAK,CAACS,IAAI,CAACjB,kBAAkB,EAAE,UAACkB,IAAI,EAAEC,IAAI,EAAK;EACxF,OACCD,IAAI,CAAChB,IAAI,KAAKiB,IAAI,CAACjB,IAAI,IACvBgB,IAAI,CAACf,MAAM,KAAKgB,IAAI,CAAChB,MAAM,IAC3Be,IAAI,CAACd,YAAY,KAAKe,IAAI,CAACf,YAAY,IACvCc,IAAI,CAACb,cAAc,KAAKc,IAAI,CAACd,cAAc,IAC3Ca,IAAI,CAACZ,mBAAmB,KAAKa,IAAI,CAACb,mBAAmB,IACrDY,IAAI,CAACX,oBAAoB,KAAKY,IAAI,CAACZ,oBAAoB;AAEzD,CAAC;;;;;"}
+{"version":3,"file":"DefaultCellContent.js","sources":["../../../../../../src/components/table/MrlSmartTable/components/DefaultCellContent.tsx"],"sourcesContent":["import * as React from 'react';\nimport { MrlSmartCellRendererProps } from '../MrlSmartTable';\nimport { MrlTableCell } from '../../MrlTableCell';\nimport { keyFor } from '../../utils';\n\n// eslint-disable-next-line jsdoc/require-jsdoc -- TODO: add jsdoc comment\nexport const DefaultCellContent = ({\n\titem,\n\tcolumn,\n\tdataQaPrefix,\n\ttableElementId,\n\thasScrollShadowLeft,\n\thasScrollShadowRight\n}: MrlSmartCellRendererProps) => {\n\treturn (\n\t\t<MrlTableCell\n\t\t\tid={keyFor(tableElementId, 'row-cell', item.id, column.id)}\n\t\t\tdata-qa={keyFor(dataQaPrefix, 'row-cell', item.id, column.id)}\n\t\t\tkey={keyFor(tableElementId, 'row-cell', item.id, column.id)}\n\t\t\tsticky={column.sticky}\n\t\t\thasScrollShadowLeft={hasScrollShadowLeft}\n\t\t\thasScrollShadowRight={hasScrollShadowRight}\n\t\t\thorizontalAlign={column.horizontalAlign}\n\t\t>\n\t\t\t{item[column.id] as React.ReactNode}\n\t\t</MrlTableCell>\n\t);\n};\n\nexport const MemoizedDefaultCellContent = React.memo(DefaultCellContent, (prev, next) => {\n\treturn (\n\t\tprev.item === next.item &&\n\t\tprev.column === next.column &&\n\t\tprev.dataQaPrefix === next.dataQaPrefix &&\n\t\tprev.tableElementId === next.tableElementId &&\n\t\tprev.hasScrollShadowLeft === next.hasScrollShadowLeft &&\n\t\tprev.hasScrollShadowRight === next.hasScrollShadowRight\n\t);\n});\n"],"names":["DefaultCellContent","_ref","item","column","dataQaPrefix","tableElementId","hasScrollShadowLeft","hasScrollShadowRight","React","createElement","MrlTableCell","id","keyFor","key","sticky","horizontalAlign","MemoizedDefaultCellContent","memo","prev","next"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAKA;AACO,IAAMA,kBAAkB,GAAGC,IAAA,IAOD;AAAA,EAAA,IANhCC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,MAAM,GAAAF,IAAA,CAANE,MAAM;IACNC,YAAY,GAAAH,IAAA,CAAZG,YAAY;IACZC,cAAc,GAAAJ,IAAA,CAAdI,cAAc;IACdC,mBAAmB,GAAAL,IAAA,CAAnBK,mBAAmB;IACnBC,oBAAoB,GAAAN,IAAA,CAApBM,oBAAoB;AAEpB,EAAA,oBACCC,gBAAA,CAAAC,aAAA,CAACC,yBAAY,EAAA;AACZC,IAAAA,EAAE,EAAEC,YAAM,CAACP,cAAc,EAAE,UAAU,EAAEH,IAAI,CAACS,EAAE,EAAER,MAAM,CAACQ,EAAE,CAAE;AAC3D,IAAA,SAAA,EAASC,YAAM,CAACR,YAAY,EAAE,UAAU,EAAEF,IAAI,CAACS,EAAE,EAAER,MAAM,CAACQ,EAAE,CAAE;AAC9DE,IAAAA,GAAG,EAAED,YAAM,CAACP,cAAc,EAAE,UAAU,EAAEH,IAAI,CAACS,EAAE,EAAER,MAAM,CAACQ,EAAE,CAAE;IAC5DG,MAAM,EAAEX,MAAM,CAACW,MAAO;AACtBR,IAAAA,mBAAmB,EAAEA,mBAAoB;AACzCC,IAAAA,oBAAoB,EAAEA,oBAAqB;IAC3CQ,eAAe,EAAEZ,MAAM,CAACY;AAAgB,GAAA,EAEvCb,IAAI,CAACC,MAAM,CAACQ,EAAE,CACF,CAAC;AAEjB;AAEO,IAAMK,0BAA0B,gBAAGR,gBAAK,CAACS,IAAI,CAACjB,kBAAkB,EAAE,CAACkB,IAAI,EAAEC,IAAI,KAAK;EACxF,OACCD,IAAI,CAAChB,IAAI,KAAKiB,IAAI,CAACjB,IAAI,IACvBgB,IAAI,CAACf,MAAM,KAAKgB,IAAI,CAAChB,MAAM,IAC3Be,IAAI,CAACd,YAAY,KAAKe,IAAI,CAACf,YAAY,IACvCc,IAAI,CAACb,cAAc,KAAKc,IAAI,CAACd,cAAc,IAC3Ca,IAAI,CAACZ,mBAAmB,KAAKa,IAAI,CAACb,mBAAmB,IACrDY,IAAI,CAACX,oBAAoB,KAAKY,IAAI,CAACZ,oBAAoB;AAEzD,CAAC;;;;;"}

package/dist/cjs/components/table/MrlTable/MrlTable.js

@@ -6,7 +6,10 @@ var classnames = require('classnames');
 var MrlTable_module = require('./MrlTable.module.scss.js');
 var setAttributes = require('../../../utils/setAttributes/setAttributes.js');
 
-function _interopNamespaceDefault(e) {
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopNamespace(e) {
+	if (e && e.__esModule) return e;
 	var n = Object.create(null);
 	if (e) {
 		Object.keys(e).forEach(function (k) {
@@ -23,7 +26,8 @@ function _interopNamespaceDefault(e) {
 	return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 
 var _excluded = ["className"];
 var COMPONENT_NAME = 'MrlTable';
@@ -37,7 +41,7 @@ var MrlTable = /*#__PURE__*/React__namespace.forwardRef(function MrlTable(_ref,
   var className = _ref.className,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var idRef = React__namespace.useRef(rest.id || setAttributes.getUniqueId('mrl-table'));
-  var classes = classnames(className, COMPONENT_NAME, MrlTable_module.default[COMPONENT_NAME]);
+  var classes = classnames__default.default(className, COMPONENT_NAME, MrlTable_module.default[COMPONENT_NAME]);
   return /*#__PURE__*/React__namespace.createElement("table", _rollupPluginBabelHelpers.extends({
     className: classes,
     id: idRef.current,

package/dist/cjs/components/table/MrlTable/MrlTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"MrlTable.js","sources":["../../../../../src/components/table/MrlTable/MrlTable.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { getUniqueId } from '../../../utils';\n\nimport styles from './MrlTable.module.scss';\n\nconst COMPONENT_NAME = 'MrlTable';\n\nexport interface MrlTableProps extends React.ComponentPropsWithoutRef<'table'> {\n\t/**\n\t * An element id (and if not provided, a unique value decorated\n\t * to prevent conflict with aria controls will be generated).\n\t *\n\t * @default `${id}-mrl-table`\n\t */\n\tid?: string;\n}\n\n/**\n * MrlTable Component\n *\n * @param {MrlTable} props - MrlTable component props\n * @returns a table element\n */\nexport const MrlTable = React.forwardRef<HTMLTableElement, MrlTableProps>(function MrlTable(\n\t{ className, ...rest },\n\tref\n): JSX.Element {\n\tconst idRef = React.useRef<string>(rest.id || getUniqueId('mrl-table'));\n\tconst classes = classnames(className, COMPONENT_NAME, styles[COMPONENT_NAME]);\n\treturn <table className={classes} id={idRef.current} ref={ref}\n\t\t{...rest} />;\n});\n"],"names":["COMPONENT_NAME","MrlTable","React","forwardRef","_ref","ref","className","rest","_objectWithoutProperties","_excluded","idRef","useRef","id","getUniqueId","classes","classnames","styles","createElement","_extends","current"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,IAAMA,cAAc,GAAG,UAAU;AAYjC;AACA;AACA;AACA;AACA;AACA;AACO,IAAMC,QAAQ,gBAAGC,gBAAK,CAACC,UAAU,CAAkC,SAASF,QAAQA,CAAAG,IAAA,EAE1FC,GAAG,EACW;AAAA,EAAA,IAFZC,SAAS,GAAAF,IAAA,CAATE,SAAS;AAAKC,IAAAA,IAAI,GAAAC,iDAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA;AAGpB,EAAA,IAAMC,KAAK,GAAGR,gBAAK,CAACS,MAAM,CAASJ,IAAI,CAACK,EAAE,IAAIC,yBAAW,CAAC,WAAW,CAAC,CAAC;AACvE,EAAA,IAAMC,OAAO,GAAGC,UAAU,CAACT,SAAS,EAAEN,cAAc,EAAEgB,uBAAM,CAAChB,cAAc,CAAC,CAAC;AAC7E,EAAA,oBAAOE,gBAAA,CAAAe,aAAA,CAAA,OAAA,EAAAC,iCAAA,CAAA;AAAOZ,IAAAA,SAAS,EAAEQ,OAAQ;IAACF,EAAE,EAAEF,KAAK,CAACS,OAAQ;AAACd,IAAAA,GAAG,EAAEA;GAAI,EACzDE,IAAI,CAAG,CAAC;AACd,CAAC;;;;"}
+{"version":3,"file":"MrlTable.js","sources":["../../../../../src/components/table/MrlTable/MrlTable.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { getUniqueId } from '../../../utils';\n\nimport styles from './MrlTable.module.scss';\n\nconst COMPONENT_NAME = 'MrlTable';\n\nexport interface MrlTableProps extends React.ComponentPropsWithoutRef<'table'> {\n\t/**\n\t * An element id (and if not provided, a unique value decorated\n\t * to prevent conflict with aria controls will be generated).\n\t *\n\t * @default `${id}-mrl-table`\n\t */\n\tid?: string;\n}\n\n/**\n * MrlTable Component\n *\n * @param {MrlTable} props - MrlTable component props\n * @returns a table element\n */\nexport const MrlTable = React.forwardRef<HTMLTableElement, MrlTableProps>(function MrlTable(\n\t{ className, ...rest },\n\tref\n): JSX.Element {\n\tconst idRef = React.useRef<string>(rest.id || getUniqueId('mrl-table'));\n\tconst classes = classnames(className, COMPONENT_NAME, styles[COMPONENT_NAME]);\n\treturn <table className={classes} id={idRef.current} ref={ref}\n\t\t{...rest} />;\n});\n"],"names":["COMPONENT_NAME","MrlTable","React","forwardRef","_ref","ref","className","rest","_objectWithoutProperties","_excluded","idRef","useRef","id","getUniqueId","classes","classnames","styles","createElement","_extends","current"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,IAAMA,cAAc,GAAG,UAAU;AAYjC;AACA;AACA;AACA;AACA;AACA;AACO,IAAMC,QAAQ,gBAAGC,gBAAK,CAACC,UAAU,CAAkC,SAASF,QAAQA,CAAAG,IAAA,EAE1FC,GAAG,EACW;AAAA,EAAA,IAFZC,SAAS,GAAAF,IAAA,CAATE,SAAS;AAAKC,IAAAA,IAAI,GAAAC,iDAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA;AAGpB,EAAA,IAAMC,KAAK,GAAGR,gBAAK,CAACS,MAAM,CAASJ,IAAI,CAACK,EAAE,IAAIC,yBAAW,CAAC,WAAW,CAAC,CAAC;AACvE,EAAA,IAAMC,OAAO,GAAGC,2BAAU,CAACT,SAAS,EAAEN,cAAc,EAAEgB,uBAAM,CAAChB,cAAc,CAAC,CAAC;AAC7E,EAAA,oBAAOE,gBAAA,CAAAe,aAAA,CAAA,OAAA,EAAAC,iCAAA,CAAA;AAAOZ,IAAAA,SAAS,EAAEQ,OAAQ;IAACF,EAAE,EAAEF,KAAK,CAACS,OAAQ;AAACd,IAAAA,GAAG,EAAEA;GAAI,EACzDE,IAAI,CAAG,CAAC;AACd,CAAC;;;;"}

package/dist/cjs/components/table/MrlTableBody/MrlTableBody.js

@@ -6,7 +6,10 @@ var classnames = require('classnames');
 var MrlTableBody_module = require('./MrlTableBody.module.scss.js');
 var setAttributes = require('../../../utils/setAttributes/setAttributes.js');
 
-function _interopNamespaceDefault(e) {
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopNamespace(e) {
+	if (e && e.__esModule) return e;
 	var n = Object.create(null);
 	if (e) {
 		Object.keys(e).forEach(function (k) {
@@ -23,7 +26,8 @@ function _interopNamespaceDefault(e) {
 	return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 
 var _excluded = ["className"];
 var COMPONENT_NAME = 'MrlTableBody';
@@ -37,7 +41,7 @@ function MrlTableBody(_ref) {
   var className = _ref.className,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var idRef = React__namespace.useRef(rest.id || setAttributes.getUniqueId('mrl-table-body'));
-  var classes = classnames(className, COMPONENT_NAME, MrlTableBody_module.default[COMPONENT_NAME]);
+  var classes = classnames__default.default(className, COMPONENT_NAME, MrlTableBody_module.default[COMPONENT_NAME]);
   return /*#__PURE__*/React__namespace.createElement("tbody", _rollupPluginBabelHelpers.extends({
     className: classes,
     id: idRef.current

package/dist/cjs/components/table/MrlTableBody/MrlTableBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"MrlTableBody.js","sources":["../../../../../src/components/table/MrlTableBody/MrlTableBody.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { getUniqueId } from '../../../utils';\n\nimport styles from './MrlTableBody.module.scss';\n\nconst COMPONENT_NAME = 'MrlTableBody';\n\nexport interface MrlTableBodyProps extends React.ComponentPropsWithoutRef<'tbody'> {\n\t/**\n\t * An element id (and if not provided, a unique value decorated\n\t * to prevent conflict with aria controls will be generated).\n\t *\n\t * @default `${id}-mrl-table-body`\n\t */\n\tid?: string;\n}\n\n/**\n * MrlTableBody Component\n *\n * @param {MrlTableBodyProps} props - MrlTableBody component props\n * @returns a table body element\n */\nexport function MrlTableBody({ className, ...rest }: MrlTableBodyProps): JSX.Element {\n\tconst idRef = React.useRef<string>(rest.id || getUniqueId('mrl-table-body'));\n\tconst classes = classnames(className, COMPONENT_NAME, styles[COMPONENT_NAME]);\n\treturn <tbody className={classes} id={idRef.current} {...rest} />;\n}\n"],"names":["COMPONENT_NAME","MrlTableBody","_ref","className","rest","_objectWithoutProperties","_excluded","idRef","React","useRef","id","getUniqueId","classes","classnames","styles","createElement","_extends","current"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,IAAMA,cAAc,GAAG,cAAc;AAYrC;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,YAAYA,CAAAC,IAAA,EAAyD;AAAA,EAAA,IAAtDC,SAAS,GAAAD,IAAA,CAATC,SAAS;AAAKC,IAAAA,IAAI,GAAAC,iDAAA,CAAAH,IAAA,EAAAI,SAAA,CAAA;AAChD,EAAA,IAAMC,KAAK,GAAGC,gBAAK,CAACC,MAAM,CAASL,IAAI,CAACM,EAAE,IAAIC,yBAAW,CAAC,gBAAgB,CAAC,CAAC;AAC5E,EAAA,IAAMC,OAAO,GAAGC,UAAU,CAACV,SAAS,EAAEH,cAAc,EAAEc,2BAAM,CAACd,cAAc,CAAC,CAAC;AAC7E,EAAA,oBAAOQ,gBAAA,CAAAO,aAAA,CAAA,OAAA,EAAAC,iCAAA,CAAA;AAAOb,IAAAA,SAAS,EAAES,OAAQ;IAACF,EAAE,EAAEH,KAAK,CAACU;GAAQ,EAAKb,IAAI,CAAG,CAAC;AAClE;;;;"}
+{"version":3,"file":"MrlTableBody.js","sources":["../../../../../src/components/table/MrlTableBody/MrlTableBody.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { getUniqueId } from '../../../utils';\n\nimport styles from './MrlTableBody.module.scss';\n\nconst COMPONENT_NAME = 'MrlTableBody';\n\nexport interface MrlTableBodyProps extends React.ComponentPropsWithoutRef<'tbody'> {\n\t/**\n\t * An element id (and if not provided, a unique value decorated\n\t * to prevent conflict with aria controls will be generated).\n\t *\n\t * @default `${id}-mrl-table-body`\n\t */\n\tid?: string;\n}\n\n/**\n * MrlTableBody Component\n *\n * @param {MrlTableBodyProps} props - MrlTableBody component props\n * @returns a table body element\n */\nexport function MrlTableBody({ className, ...rest }: MrlTableBodyProps): JSX.Element {\n\tconst idRef = React.useRef<string>(rest.id || getUniqueId('mrl-table-body'));\n\tconst classes = classnames(className, COMPONENT_NAME, styles[COMPONENT_NAME]);\n\treturn <tbody className={classes} id={idRef.current} {...rest} />;\n}\n"],"names":["COMPONENT_NAME","MrlTableBody","_ref","className","rest","_objectWithoutProperties","_excluded","idRef","React","useRef","id","getUniqueId","classes","classnames","styles","createElement","_extends","current"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,IAAMA,cAAc,GAAG,cAAc;AAYrC;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,YAAYA,CAAAC,IAAA,EAAyD;AAAA,EAAA,IAAtDC,SAAS,GAAAD,IAAA,CAATC,SAAS;AAAKC,IAAAA,IAAI,GAAAC,iDAAA,CAAAH,IAAA,EAAAI,SAAA,CAAA;AAChD,EAAA,IAAMC,KAAK,GAAGC,gBAAK,CAACC,MAAM,CAASL,IAAI,CAACM,EAAE,IAAIC,yBAAW,CAAC,gBAAgB,CAAC,CAAC;AAC5E,EAAA,IAAMC,OAAO,GAAGC,2BAAU,CAACV,SAAS,EAAEH,cAAc,EAAEc,2BAAM,CAACd,cAAc,CAAC,CAAC;AAC7E,EAAA,oBAAOQ,gBAAA,CAAAO,aAAA,CAAA,OAAA,EAAAC,iCAAA,CAAA;AAAOb,IAAAA,SAAS,EAAES,OAAQ;IAACF,EAAE,EAAEH,KAAK,CAACU;GAAQ,EAAKb,IAAI,CAAG,CAAC;AAClE;;;;"}

package/dist/cjs/components/table/MrlTableCell/MrlTableCell.js

@@ -6,7 +6,10 @@ var classnames = require('classnames');
 var MrlTableCell_module = require('./MrlTableCell.module.scss.js');
 var setAttributes = require('../../../utils/setAttributes/setAttributes.js');
 
-function _interopNamespaceDefault(e) {
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopNamespace(e) {
+	if (e && e.__esModule) return e;
 	var n = Object.create(null);
 	if (e) {
 		Object.keys(e).forEach(function (k) {
@@ -23,7 +26,8 @@ function _interopNamespaceDefault(e) {
 	return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 
 var _excluded = ["hasScrollShadowLeft", "hasScrollShadowRight", "className", "sticky", "horizontalAlign"];
 var COMPONENT_NAME = 'MrlTableCell';
@@ -41,7 +45,12 @@ function MrlTableCell(props) {
     horizontalAlign = props.horizontalAlign,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
   var idRef = React__namespace.useRef(rest.id || setAttributes.getUniqueId('mrl-table-cell'));
-  var classes = classnames(className, COMPONENT_NAME, MrlTableCell_module.default[COMPONENT_NAME], _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(MrlTableCell_module.default['sticky'], " ").concat(MrlTableCell_module.default["".concat(sticky)]), !!sticky), "".concat(MrlTableCell_module.default['align-right']), horizontalAlign === 'right'), "".concat(MrlTableCell_module.default["left-shadow"]), sticky === 'left' && hasScrollShadowLeft), "".concat(MrlTableCell_module.default["right-shadow"]), sticky === 'right' && hasScrollShadowRight));
+  var classes = classnames__default.default(className, COMPONENT_NAME, MrlTableCell_module.default[COMPONENT_NAME], {
+    ["".concat(MrlTableCell_module.default['sticky'], " ").concat(MrlTableCell_module.default["".concat(sticky)])]: !!sticky,
+    ["".concat(MrlTableCell_module.default['align-right'])]: horizontalAlign === 'right',
+    ["".concat(MrlTableCell_module.default["left-shadow"])]: sticky === 'left' && hasScrollShadowLeft,
+    ["".concat(MrlTableCell_module.default["right-shadow"])]: sticky === 'right' && hasScrollShadowRight
+  });
   return /*#__PURE__*/React__namespace.createElement("td", _rollupPluginBabelHelpers.extends({
     className: classes,
     id: idRef.current,

package/dist/cjs/components/table/MrlTableCell/MrlTableCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"MrlTableCell.js","sources":["../../../../../src/components/table/MrlTableCell/MrlTableCell.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { getUniqueId } from '../../../utils';\nimport type { MrlTableColumnSticky } from '../MrlSmartTable';\n\nimport styles from './MrlTableCell.module.scss';\nimport { MrlTableCellHorizontalAlign } from '../constants';\n\nconst COMPONENT_NAME = 'MrlTableCell';\n\nexport interface MrlTableCellProps extends React.ComponentPropsWithoutRef<'td'> {\n\t/**\n\t * An element id (and if not provided, a unique value decorated\n\t * to prevent conflict with aria controls will be generated).\n\t *\n\t * @default `${id}-mrl-table-cell`\n\t */\n\tid?: string;\n\t/**\n\t * Whether this cell is sticky 'left' or sticky 'right' or not sticky at all\n\t */\n\tsticky?: MrlTableColumnSticky;\n\thasScrollShadowLeft?: boolean;\n\thasScrollShadowRight?: boolean;\n\thorizontalAlign?: MrlTableCellHorizontalAlign;\n}\n\n/**\n * MrlTableCell Component\n *\n * @param {MrlTableCellProps} props - MrlTableCell component props\n * @returns a table cell element\n */\nexport function MrlTableCell(props: MrlTableCellProps): JSX.Element {\n\tconst { hasScrollShadowLeft, hasScrollShadowRight, className, sticky, horizontalAlign, ...rest } =\n\t\tprops;\n\tconst idRef = React.useRef<string>(rest.id || getUniqueId('mrl-table-cell'));\n\tconst classes = classnames(className, COMPONENT_NAME, styles[COMPONENT_NAME], {\n\t\t[`${styles['sticky']} ${styles[`${sticky}`]}`]: !!sticky,\n\t\t[`${styles['align-right']}`]: horizontalAlign === 'right',\n\t\t[`${styles[`left-shadow`]}`]: sticky === 'left' && hasScrollShadowLeft,\n\t\t[`${styles[`right-shadow`]}`]: sticky === 'right' && hasScrollShadowRight\n\t});\n\treturn <td className={classes} id={idRef.current} data-sticky={!!sticky} {...rest} />;\n}\n"],"names":["COMPONENT_NAME","MrlTableCell","props","hasScrollShadowLeft","hasScrollShadowRight","className","sticky","horizontalAlign","rest","_objectWithoutProperties","_excluded","idRef","React","useRef","id","getUniqueId","classes","classnames","styles","_defineProperty","concat","createElement","_extends","current"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAMA,cAAc,GAAG,cAAc;AAmBrC;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,YAAYA,CAACC,KAAwB,EAAe;AACnE,EAAA,IAAQC,mBAAmB,GAC1BD,KAAK,CADEC,mBAAmB;IAAEC,oBAAoB,GAChDF,KAAK,CADuBE,oBAAoB;IAAEC,SAAS,GAC3DH,KAAK,CAD6CG,SAAS;IAAEC,MAAM,GACnEJ,KAAK,CADwDI,MAAM;IAAEC,eAAe,GACpFL,KAAK,CADgEK,eAAe;AAAKC,IAAAA,IAAI,GAAAC,iDAAA,CAC7FP,KAAK,EAAAQ,SAAA,CAAA;AACN,EAAA,IAAMC,KAAK,GAAGC,gBAAK,CAACC,MAAM,CAASL,IAAI,CAACM,EAAE,IAAIC,yBAAW,CAAC,gBAAgB,CAAC,CAAC;AAC5E,EAAA,IAAMC,OAAO,GAAGC,UAAU,CAACZ,SAAS,EAAEL,cAAc,EAAEkB,2BAAM,CAAClB,cAAc,CAAC,EAAAmB,wCAAA,CAAAA,wCAAA,CAAAA,wCAAA,CAAAA,wCAAA,CAAA,EAAA,EAAA,EAAA,CAAAC,MAAA,CACvEF,2BAAM,CAAC,QAAQ,CAAC,EAAA,GAAA,CAAA,CAAAE,MAAA,CAAIF,2BAAM,CAAA,EAAA,CAAAE,MAAA,CAAId,MAAM,CAAA,CAAG,CAAA,EAAK,CAAC,CAACA,MAAM,CAAA,EAAA,EAAA,CAAAc,MAAA,CACpDF,2BAAM,CAAC,aAAa,CAAC,CAAA,EAAKX,eAAe,KAAK,OAAO,CAAA,EAAA,EAAA,CAAAa,MAAA,CACrDF,2BAAM,CAAA,aAAA,CAAe,CAAA,EAAKZ,MAAM,KAAK,MAAM,IAAIH,mBAAmB,CAAA,EAAA,EAAA,CAAAiB,MAAA,CAClEF,2BAAM,CAAA,cAAA,CAAgB,CAAA,EAAKZ,MAAM,KAAK,OAAO,IAAIF,oBAAoB,CACzE,CAAC;AACF,EAAA,oBAAOQ,gBAAA,CAAAS,aAAA,CAAA,IAAA,EAAAC,iCAAA,CAAA;AAAIjB,IAAAA,SAAS,EAAEW,OAAQ;IAACF,EAAE,EAAEH,KAAK,CAACY,OAAQ;AAAC,IAAA,aAAA,EAAa,CAAC,CAACjB;GAAO,EAAKE,IAAI,CAAG,CAAC;AACtF;;;;"}
+{"version":3,"file":"MrlTableCell.js","sources":["../../../../../src/components/table/MrlTableCell/MrlTableCell.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { getUniqueId } from '../../../utils';\nimport type { MrlTableColumnSticky } from '../MrlSmartTable';\n\nimport styles from './MrlTableCell.module.scss';\nimport { MrlTableCellHorizontalAlign } from '../constants';\n\nconst COMPONENT_NAME = 'MrlTableCell';\n\nexport interface MrlTableCellProps extends React.ComponentPropsWithoutRef<'td'> {\n\t/**\n\t * An element id (and if not provided, a unique value decorated\n\t * to prevent conflict with aria controls will be generated).\n\t *\n\t * @default `${id}-mrl-table-cell`\n\t */\n\tid?: string;\n\t/**\n\t * Whether this cell is sticky 'left' or sticky 'right' or not sticky at all\n\t */\n\tsticky?: MrlTableColumnSticky;\n\thasScrollShadowLeft?: boolean;\n\thasScrollShadowRight?: boolean;\n\thorizontalAlign?: MrlTableCellHorizontalAlign;\n}\n\n/**\n * MrlTableCell Component\n *\n * @param {MrlTableCellProps} props - MrlTableCell component props\n * @returns a table cell element\n */\nexport function MrlTableCell(props: MrlTableCellProps): JSX.Element {\n\tconst { hasScrollShadowLeft, hasScrollShadowRight, className, sticky, horizontalAlign, ...rest } =\n\t\tprops;\n\tconst idRef = React.useRef<string>(rest.id || getUniqueId('mrl-table-cell'));\n\tconst classes = classnames(className, COMPONENT_NAME, styles[COMPONENT_NAME], {\n\t\t[`${styles['sticky']} ${styles[`${sticky}`]}`]: !!sticky,\n\t\t[`${styles['align-right']}`]: horizontalAlign === 'right',\n\t\t[`${styles[`left-shadow`]}`]: sticky === 'left' && hasScrollShadowLeft,\n\t\t[`${styles[`right-shadow`]}`]: sticky === 'right' && hasScrollShadowRight\n\t});\n\treturn <td className={classes} id={idRef.current} data-sticky={!!sticky} {...rest} />;\n}\n"],"names":["COMPONENT_NAME","MrlTableCell","props","hasScrollShadowLeft","hasScrollShadowRight","className","sticky","horizontalAlign","rest","_objectWithoutProperties","_excluded","idRef","React","useRef","id","getUniqueId","classes","classnames","styles","concat","createElement","_extends","current"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAMA,cAAc,GAAG,cAAc;AAmBrC;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,YAAYA,CAACC,KAAwB,EAAe;AACnE,EAAA,IAAQC,mBAAmB,GAC1BD,KAAK,CADEC,mBAAmB;IAAEC,oBAAoB,GAChDF,KAAK,CADuBE,oBAAoB;IAAEC,SAAS,GAC3DH,KAAK,CAD6CG,SAAS;IAAEC,MAAM,GACnEJ,KAAK,CADwDI,MAAM;IAAEC,eAAe,GACpFL,KAAK,CADgEK,eAAe;AAAKC,IAAAA,IAAI,GAAAC,iDAAA,CAC7FP,KAAK,EAAAQ,SAAA,CAAA;AACN,EAAA,IAAMC,KAAK,GAAGC,gBAAK,CAACC,MAAM,CAASL,IAAI,CAACM,EAAE,IAAIC,yBAAW,CAAC,gBAAgB,CAAC,CAAC;AAC5E,EAAA,IAAMC,OAAO,GAAGC,2BAAU,CAACZ,SAAS,EAAEL,cAAc,EAAEkB,2BAAM,CAAClB,cAAc,CAAC,EAAE;AAC7E,IAAA,CAAA,EAAA,CAAAmB,MAAA,CAAID,2BAAM,CAAC,QAAQ,CAAC,OAAAC,MAAA,CAAID,2BAAM,CAAA,EAAA,CAAAC,MAAA,CAAIb,MAAM,EAAG,CAAA,GAAK,CAAC,CAACA,MAAM;IACxD,CAAA,EAAA,CAAAa,MAAA,CAAID,2BAAM,CAAC,aAAa,CAAC,CAAA,GAAKX,eAAe,KAAK,OAAO;IACzD,CAAA,EAAA,CAAAY,MAAA,CAAID,2BAAM,CAAA,aAAA,CAAe,IAAKZ,MAAM,KAAK,MAAM,IAAIH,mBAAmB;IACtE,CAAA,EAAA,CAAAgB,MAAA,CAAID,2BAAM,CAAA,cAAA,CAAgB,IAAKZ,MAAM,KAAK,OAAO,IAAIF;AACtD,GAAC,CAAC;AACF,EAAA,oBAAOQ,gBAAA,CAAAQ,aAAA,CAAA,IAAA,EAAAC,iCAAA,CAAA;AAAIhB,IAAAA,SAAS,EAAEW,OAAQ;IAACF,EAAE,EAAEH,KAAK,CAACW,OAAQ;AAAC,IAAA,aAAA,EAAa,CAAC,CAAChB;GAAO,EAAKE,IAAI,CAAG,CAAC;AACtF;;;;"}

package/dist/cjs/components/table/MrlTableColumn/MrlTableColumn.js

@@ -6,7 +6,10 @@ var classnames = require('classnames');
 var MrlTableColumn_module = require('./MrlTableColumn.module.scss.js');
 var setAttributes = require('../../../utils/setAttributes/setAttributes.js');
 
-function _interopNamespaceDefault(e) {
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopNamespace(e) {
+	if (e && e.__esModule) return e;
 	var n = Object.create(null);
 	if (e) {
 		Object.keys(e).forEach(function (k) {
@@ -23,7 +26,8 @@ function _interopNamespaceDefault(e) {
 	return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 
 var _excluded = ["hasScrollShadowLeft", "hasScrollShadowRight", "className", "sticky", "horizontalAlign"];
 var COMPONENT_NAME = 'MrlTableColumn';
@@ -41,7 +45,13 @@ function MrlTableColumn(props) {
     horizontalAlign = props.horizontalAlign,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
   var idRef = React__namespace.useRef(rest.id || setAttributes.getUniqueId('mrl-table-column'));
-  var classes = classnames(className, COMPONENT_NAME, MrlTableColumn_module.default[COMPONENT_NAME], _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, MrlTableColumn_module.default['clickable'], !!rest.onClick), MrlTableColumn_module.default['align-right'], horizontalAlign === 'right'), "".concat(MrlTableColumn_module.default['sticky'], " ").concat(MrlTableColumn_module.default["".concat(sticky)]), !!sticky), "".concat(MrlTableColumn_module.default["left-shadow"]), sticky === 'left' && hasScrollShadowLeft), "".concat(MrlTableColumn_module.default["right-shadow"]), sticky === 'right' && hasScrollShadowRight));
+  var classes = classnames__default.default(className, COMPONENT_NAME, MrlTableColumn_module.default[COMPONENT_NAME], {
+    [MrlTableColumn_module.default['clickable']]: !!rest.onClick,
+    [MrlTableColumn_module.default['align-right']]: horizontalAlign === 'right',
+    ["".concat(MrlTableColumn_module.default['sticky'], " ").concat(MrlTableColumn_module.default["".concat(sticky)])]: !!sticky,
+    ["".concat(MrlTableColumn_module.default["left-shadow"])]: sticky === 'left' && hasScrollShadowLeft,
+    ["".concat(MrlTableColumn_module.default["right-shadow"])]: sticky === 'right' && hasScrollShadowRight
+  });
   return /*#__PURE__*/React__namespace.createElement("th", _rollupPluginBabelHelpers.extends({
     className: classes,
     id: idRef.current,

package/dist/cjs/components/table/MrlTableColumn/MrlTableColumn.js.map

@@ -1 +1 @@
-{"version":3,"file":"MrlTableColumn.js","sources":["../../../../../src/components/table/MrlTableColumn/MrlTableColumn.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { getUniqueId } from '../../../utils';\nimport type { MrlTableColumnSticky } from '../MrlSmartTable';\n\nimport styles from './MrlTableColumn.module.scss';\nimport { MrlTableCellHorizontalAlign } from '../constants';\n\nconst COMPONENT_NAME = 'MrlTableColumn';\n\nexport interface MrlTableColumnProps extends React.ComponentPropsWithoutRef<'th'> {\n\t/**\n\t * An element id (and if not provided, a unique value decorated\n\t * to prevent conflict with aria controls will be generated).\n\t *\n\t * @default `${id}-mrl-table-column`\n\t */\n\tid?: string;\n\t/**\n\t * Whether this column is sticky 'left' or sticky 'right' or not sticky at all\n\t */\n\tsticky?: MrlTableColumnSticky;\n\thasScrollShadowLeft?: boolean;\n\thasScrollShadowRight?: boolean;\n\thorizontalAlign?: MrlTableCellHorizontalAlign;\n}\n\n/**\n * MrlTableColumn Component\n *\n * @param {MrlTableColumnProps} props - MrlTableColumn component props\n * @returns a table column element\n */\nexport function MrlTableColumn(props: MrlTableColumnProps): JSX.Element {\n\tconst { hasScrollShadowLeft, hasScrollShadowRight, className, sticky, horizontalAlign, ...rest } =\n\t\tprops;\n\tconst idRef = React.useRef<string>(rest.id || getUniqueId('mrl-table-column'));\n\tconst classes = classnames(className, COMPONENT_NAME, styles[COMPONENT_NAME], {\n\t\t[styles['clickable']]: !!rest.onClick,\n\t\t[styles['align-right']]: horizontalAlign === 'right',\n\t\t[`${styles['sticky']} ${styles[`${sticky}`]}`]: !!sticky,\n\t\t[`${styles[`left-shadow`]}`]: sticky === 'left' && hasScrollShadowLeft,\n\t\t[`${styles[`right-shadow`]}`]: sticky === 'right' && hasScrollShadowRight\n\t});\n\treturn <th className={classes} id={idRef.current} data-sticky={!!sticky} {...rest} />;\n}\n"],"names":["COMPONENT_NAME","MrlTableColumn","props","hasScrollShadowLeft","hasScrollShadowRight","className","sticky","horizontalAlign","rest","_objectWithoutProperties","_excluded","idRef","React","useRef","id","getUniqueId","classes","classnames","styles","_defineProperty","onClick","concat","createElement","_extends","current"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAMA,cAAc,GAAG,gBAAgB;AAmBvC;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,cAAcA,CAACC,KAA0B,EAAe;AACvE,EAAA,IAAQC,mBAAmB,GAC1BD,KAAK,CADEC,mBAAmB;IAAEC,oBAAoB,GAChDF,KAAK,CADuBE,oBAAoB;IAAEC,SAAS,GAC3DH,KAAK,CAD6CG,SAAS;IAAEC,MAAM,GACnEJ,KAAK,CADwDI,MAAM;IAAEC,eAAe,GACpFL,KAAK,CADgEK,eAAe;AAAKC,IAAAA,IAAI,GAAAC,iDAAA,CAC7FP,KAAK,EAAAQ,SAAA,CAAA;AACN,EAAA,IAAMC,KAAK,GAAGC,gBAAK,CAACC,MAAM,CAASL,IAAI,CAACM,EAAE,IAAIC,yBAAW,CAAC,kBAAkB,CAAC,CAAC;AAC9E,EAAA,IAAMC,OAAO,GAAGC,UAAU,CAACZ,SAAS,EAAEL,cAAc,EAAEkB,6BAAM,CAAClB,cAAc,CAAC,EAAAmB,wCAAA,CAAAA,wCAAA,CAAAA,wCAAA,CAAAA,wCAAA,CAAAA,wCAAA,KAC1ED,6BAAM,CAAC,WAAW,CAAC,EAAG,CAAC,CAACV,IAAI,CAACY,OAAO,GACpCF,6BAAM,CAAC,aAAa,CAAC,EAAGX,eAAe,KAAK,OAAO,CAAA,EAAA,EAAA,CAAAc,MAAA,CAChDH,6BAAM,CAAC,QAAQ,CAAC,EAAA,GAAA,CAAA,CAAAG,MAAA,CAAIH,6BAAM,CAAA,EAAA,CAAAG,MAAA,CAAIf,MAAM,CAAA,CAAG,GAAK,CAAC,CAACA,MAAM,CAAA,EAAA,EAAA,CAAAe,MAAA,CACpDH,6BAAM,eAAe,CAAA,EAAKZ,MAAM,KAAK,MAAM,IAAIH,mBAAmB,CAAA,EAAA,EAAA,CAAAkB,MAAA,CAClEH,6BAAM,CAAA,cAAA,CAAgB,GAAKZ,MAAM,KAAK,OAAO,IAAIF,oBAAoB,CACzE,CAAC;AACF,EAAA,oBAAOQ,gBAAA,CAAAU,aAAA,CAAA,IAAA,EAAAC,iCAAA,CAAA;AAAIlB,IAAAA,SAAS,EAAEW,OAAQ;IAACF,EAAE,EAAEH,KAAK,CAACa,OAAQ;AAAC,IAAA,aAAA,EAAa,CAAC,CAAClB;GAAO,EAAKE,IAAI,CAAG,CAAC;AACtF;;;;"}
+{"version":3,"file":"MrlTableColumn.js","sources":["../../../../../src/components/table/MrlTableColumn/MrlTableColumn.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { getUniqueId } from '../../../utils';\nimport type { MrlTableColumnSticky } from '../MrlSmartTable';\n\nimport styles from './MrlTableColumn.module.scss';\nimport { MrlTableCellHorizontalAlign } from '../constants';\n\nconst COMPONENT_NAME = 'MrlTableColumn';\n\nexport interface MrlTableColumnProps extends React.ComponentPropsWithoutRef<'th'> {\n\t/**\n\t * An element id (and if not provided, a unique value decorated\n\t * to prevent conflict with aria controls will be generated).\n\t *\n\t * @default `${id}-mrl-table-column`\n\t */\n\tid?: string;\n\t/**\n\t * Whether this column is sticky 'left' or sticky 'right' or not sticky at all\n\t */\n\tsticky?: MrlTableColumnSticky;\n\thasScrollShadowLeft?: boolean;\n\thasScrollShadowRight?: boolean;\n\thorizontalAlign?: MrlTableCellHorizontalAlign;\n}\n\n/**\n * MrlTableColumn Component\n *\n * @param {MrlTableColumnProps} props - MrlTableColumn component props\n * @returns a table column element\n */\nexport function MrlTableColumn(props: MrlTableColumnProps): JSX.Element {\n\tconst { hasScrollShadowLeft, hasScrollShadowRight, className, sticky, horizontalAlign, ...rest } =\n\t\tprops;\n\tconst idRef = React.useRef<string>(rest.id || getUniqueId('mrl-table-column'));\n\tconst classes = classnames(className, COMPONENT_NAME, styles[COMPONENT_NAME], {\n\t\t[styles['clickable']]: !!rest.onClick,\n\t\t[styles['align-right']]: horizontalAlign === 'right',\n\t\t[`${styles['sticky']} ${styles[`${sticky}`]}`]: !!sticky,\n\t\t[`${styles[`left-shadow`]}`]: sticky === 'left' && hasScrollShadowLeft,\n\t\t[`${styles[`right-shadow`]}`]: sticky === 'right' && hasScrollShadowRight\n\t});\n\treturn <th className={classes} id={idRef.current} data-sticky={!!sticky} {...rest} />;\n}\n"],"names":["COMPONENT_NAME","MrlTableColumn","props","hasScrollShadowLeft","hasScrollShadowRight","className","sticky","horizontalAlign","rest","_objectWithoutProperties","_excluded","idRef","React","useRef","id","getUniqueId","classes","classnames","styles","onClick","concat","createElement","_extends","current"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAMA,cAAc,GAAG,gBAAgB;AAmBvC;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,cAAcA,CAACC,KAA0B,EAAe;AACvE,EAAA,IAAQC,mBAAmB,GAC1BD,KAAK,CADEC,mBAAmB;IAAEC,oBAAoB,GAChDF,KAAK,CADuBE,oBAAoB;IAAEC,SAAS,GAC3DH,KAAK,CAD6CG,SAAS;IAAEC,MAAM,GACnEJ,KAAK,CADwDI,MAAM;IAAEC,eAAe,GACpFL,KAAK,CADgEK,eAAe;AAAKC,IAAAA,IAAI,GAAAC,iDAAA,CAC7FP,KAAK,EAAAQ,SAAA,CAAA;AACN,EAAA,IAAMC,KAAK,GAAGC,gBAAK,CAACC,MAAM,CAASL,IAAI,CAACM,EAAE,IAAIC,yBAAW,CAAC,kBAAkB,CAAC,CAAC;AAC9E,EAAA,IAAMC,OAAO,GAAGC,2BAAU,CAACZ,SAAS,EAAEL,cAAc,EAAEkB,6BAAM,CAAClB,cAAc,CAAC,EAAE;IAC7E,CAACkB,6BAAM,CAAC,WAAW,CAAC,GAAG,CAAC,CAACV,IAAI,CAACW,OAAO;AACrC,IAAA,CAACD,6BAAM,CAAC,aAAa,CAAC,GAAGX,eAAe,KAAK,OAAO;AACpD,IAAA,CAAA,EAAA,CAAAa,MAAA,CAAIF,6BAAM,CAAC,QAAQ,CAAC,OAAAE,MAAA,CAAIF,6BAAM,CAAA,EAAA,CAAAE,MAAA,CAAId,MAAM,EAAG,CAAA,GAAK,CAAC,CAACA,MAAM;IACxD,CAAA,EAAA,CAAAc,MAAA,CAAIF,6BAAM,CAAA,aAAA,CAAe,IAAKZ,MAAM,KAAK,MAAM,IAAIH,mBAAmB;IACtE,CAAA,EAAA,CAAAiB,MAAA,CAAIF,6BAAM,CAAA,cAAA,CAAgB,IAAKZ,MAAM,KAAK,OAAO,IAAIF;AACtD,GAAC,CAAC;AACF,EAAA,oBAAOQ,gBAAA,CAAAS,aAAA,CAAA,IAAA,EAAAC,iCAAA,CAAA;AAAIjB,IAAAA,SAAS,EAAEW,OAAQ;IAACF,EAAE,EAAEH,KAAK,CAACY,OAAQ;AAAC,IAAA,aAAA,EAAa,CAAC,CAACjB;GAAO,EAAKE,IAAI,CAAG,CAAC;AACtF;;;;"}

package/dist/cjs/components/table/MrlTableEmptyState/MrlTableEmptyState.js

@@ -5,7 +5,10 @@ var React = require('react');
 var classnames = require('classnames');
 var MrlTableEmptyState_module = require('./MrlTableEmptyState.module.scss.js');
 
-function _interopNamespaceDefault(e) {
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopNamespace(e) {
+	if (e && e.__esModule) return e;
 	var n = Object.create(null);
 	if (e) {
 		Object.keys(e).forEach(function (k) {
@@ -22,7 +25,8 @@ function _interopNamespaceDefault(e) {
 	return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 
 var _excluded = ["text"];
 /**
@@ -34,7 +38,7 @@ function MrlTableEmptyState(_ref) {
   var _ref$text = _ref.text,
     text = _ref$text === void 0 ? "There's no data available to be displayed in this table." : _ref$text,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  var classes = classnames('MrlTableEmptyState', MrlTableEmptyState_module.default['MrlTableEmptyState']);
+  var classes = classnames__default.default('MrlTableEmptyState', MrlTableEmptyState_module.default['MrlTableEmptyState']);
   return /*#__PURE__*/React__namespace.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
     className: classes
   }), text);

package/dist/cjs/components/table/MrlTableEmptyState/MrlTableEmptyState.js.map

@@ -1 +1 @@
-{"version":3,"file":"MrlTableEmptyState.js","sources":["../../../../../src/components/table/MrlTableEmptyState/MrlTableEmptyState.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\n\nimport styles from './MrlTableEmptyState.module.scss';\n\ninterface MrlTableEmptyStateProps {\n\t/**\n\t * Text to be displayed in the empty state.\n\t */\n\ttext?: string;\n}\n\n/**\n * MrlTableEmptyState Component\n * @param {MrlTableEmptyStateProps} props - MrlTableEmptyState component props\n * @returns an empty state element\n */\nexport function MrlTableEmptyState({\n\ttext = `There's no data available to be displayed in this table.`,\n\t...rest\n}: MrlTableEmptyStateProps): JSX.Element {\n\tconst classes = classnames('MrlTableEmptyState', styles['MrlTableEmptyState']);\n\treturn (\n\t\t<div {...rest} className={classes}>\n\t\t\t{text}\n\t\t</div>\n\t);\n}\n"],"names":["MrlTableEmptyState","_ref","_ref$text","text","rest","_objectWithoutProperties","_excluded","classes","classnames","styles","React","createElement","_extends","className"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA;AACA;AACA;AACA;AACA;AACO,SAASA,kBAAkBA,CAAAC,IAAA,EAGO;AAAA,EAAA,IAAAC,SAAA,GAAAD,IAAA,CAFxCE,IAAI;IAAJA,IAAI,GAAAD,SAAA,KAAA,MAAA,GAAA,0DAAA,GAAAA,SAAA;AACDE,IAAAA,IAAI,GAAAC,iDAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA;EAEP,IAAMC,OAAO,GAAGC,UAAU,CAAC,oBAAoB,EAAEC,iCAAM,CAAC,oBAAoB,CAAC,CAAC;AAC9E,EAAA,oBACCC,gBAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,iCAAA,KAASR,IAAI,EAAA;AAAES,IAAAA,SAAS,EAAEN;AAAQ,GAAA,CAAA,EAChCJ,IACG,CAAC;AAER;;;;"}
+{"version":3,"file":"MrlTableEmptyState.js","sources":["../../../../../src/components/table/MrlTableEmptyState/MrlTableEmptyState.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\n\nimport styles from './MrlTableEmptyState.module.scss';\n\ninterface MrlTableEmptyStateProps {\n\t/**\n\t * Text to be displayed in the empty state.\n\t */\n\ttext?: string;\n}\n\n/**\n * MrlTableEmptyState Component\n * @param {MrlTableEmptyStateProps} props - MrlTableEmptyState component props\n * @returns an empty state element\n */\nexport function MrlTableEmptyState({\n\ttext = `There's no data available to be displayed in this table.`,\n\t...rest\n}: MrlTableEmptyStateProps): JSX.Element {\n\tconst classes = classnames('MrlTableEmptyState', styles['MrlTableEmptyState']);\n\treturn (\n\t\t<div {...rest} className={classes}>\n\t\t\t{text}\n\t\t</div>\n\t);\n}\n"],"names":["MrlTableEmptyState","_ref","_ref$text","text","rest","_objectWithoutProperties","_excluded","classes","classnames","styles","React","createElement","_extends","className"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA;AACA;AACA;AACA;AACA;AACO,SAASA,kBAAkBA,CAAAC,IAAA,EAGO;AAAA,EAAA,IAAAC,SAAA,GAAAD,IAAA,CAFxCE,IAAI;IAAJA,IAAI,GAAAD,SAAA,KAAA,MAAA,GAAA,0DAAA,GAAAA,SAAA;AACDE,IAAAA,IAAI,GAAAC,iDAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA;EAEP,IAAMC,OAAO,GAAGC,2BAAU,CAAC,oBAAoB,EAAEC,iCAAM,CAAC,oBAAoB,CAAC,CAAC;AAC9E,EAAA,oBACCC,gBAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,iCAAA,KAASR,IAAI,EAAA;AAAES,IAAAA,SAAS,EAAEN;AAAQ,GAAA,CAAA,EAChCJ,IACG,CAAC;AAER;;;;"}

package/dist/cjs/components/table/MrlTableHeader/MrlTableHeader.js

@@ -6,7 +6,10 @@ var classnames = require('classnames');
 var MrlTableHeader_module = require('./MrlTableHeader.module.scss.js');
 var setAttributes = require('../../../utils/setAttributes/setAttributes.js');
 
-function _interopNamespaceDefault(e) {
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopNamespace(e) {
+	if (e && e.__esModule) return e;
 	var n = Object.create(null);
 	if (e) {
 		Object.keys(e).forEach(function (k) {
@@ -23,7 +26,8 @@ function _interopNamespaceDefault(e) {
 	return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 
 var _excluded = ["children", "className"];
 var COMPONENT_NAME = 'MrlTableHeader';
@@ -38,7 +42,7 @@ function MrlTableHeader(_ref) {
     className = _ref.className,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var idRef = React__namespace.useRef(rest.id || setAttributes.getUniqueId('mrl-table-header'));
-  var classes = classnames(className, COMPONENT_NAME, MrlTableHeader_module.default[COMPONENT_NAME]);
+  var classes = classnames__default.default(className, COMPONENT_NAME, MrlTableHeader_module.default[COMPONENT_NAME]);
   return /*#__PURE__*/React__namespace.createElement("thead", _rollupPluginBabelHelpers.extends({
     className: classes,
     id: idRef.current

package/dist/cjs/components/table/MrlTableHeader/MrlTableHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"MrlTableHeader.js","sources":["../../../../../src/components/table/MrlTableHeader/MrlTableHeader.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { getUniqueId } from '../../../utils';\n\nimport styles from './MrlTableHeader.module.scss';\n\nconst COMPONENT_NAME = 'MrlTableHeader';\n\nexport interface MrlTableHeaderProps extends React.ComponentPropsWithoutRef<'thead'> {\n\t/**\n\t * An element id (and if not provided, a unique value decorated\n\t * to prevent conflict with aria controls will be generated).\n\t *\n\t * @default `${id}-mrl-table-header`\n\t */\n\tid?: string;\n}\n\n/**\n * MrlTableHeader Component\n *\n * @param {MrlTableHeaderProps} props - MrlTableHeader component props\n * @returns a table header element with a nested table row element\n */\nexport function MrlTableHeader({ children, className, ...rest }: MrlTableHeaderProps): JSX.Element {\n\tconst idRef = React.useRef<string>(rest.id || getUniqueId('mrl-table-header'));\n\tconst classes = classnames(className, COMPONENT_NAME, styles[COMPONENT_NAME]);\n\treturn (\n\t\t<thead className={classes} id={idRef.current} {...rest}>\n\t\t\t<tr>{children}</tr>\n\t\t</thead>\n\t);\n}\n"],"names":["COMPONENT_NAME","MrlTableHeader","_ref","children","className","rest","_objectWithoutProperties","_excluded","idRef","React","useRef","id","getUniqueId","classes","classnames","styles","createElement","_extends","current"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,IAAMA,cAAc,GAAG,gBAAgB;AAYvC;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,cAAcA,CAAAC,IAAA,EAAqE;AAAA,EAAA,IAAlEC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;AAAKC,IAAAA,IAAI,GAAAC,iDAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA;AAC5D,EAAA,IAAMC,KAAK,GAAGC,gBAAK,CAACC,MAAM,CAASL,IAAI,CAACM,EAAE,IAAIC,yBAAW,CAAC,kBAAkB,CAAC,CAAC;AAC9E,EAAA,IAAMC,OAAO,GAAGC,UAAU,CAACV,SAAS,EAAEJ,cAAc,EAAEe,6BAAM,CAACf,cAAc,CAAC,CAAC;AAC7E,EAAA,oBACCS,gBAAA,CAAAO,aAAA,CAAA,OAAA,EAAAC,iCAAA,CAAA;AAAOb,IAAAA,SAAS,EAAES,OAAQ;IAACF,EAAE,EAAEH,KAAK,CAACU;GAAQ,EAAKb,IAAI,gBACrDI,gBAAA,CAAAO,aAAA,CAAA,IAAA,EAAA,IAAA,EAAKb,QAAa,CACZ,CAAC;AAEV;;;;"}
+{"version":3,"file":"MrlTableHeader.js","sources":["../../../../../src/components/table/MrlTableHeader/MrlTableHeader.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { getUniqueId } from '../../../utils';\n\nimport styles from './MrlTableHeader.module.scss';\n\nconst COMPONENT_NAME = 'MrlTableHeader';\n\nexport interface MrlTableHeaderProps extends React.ComponentPropsWithoutRef<'thead'> {\n\t/**\n\t * An element id (and if not provided, a unique value decorated\n\t * to prevent conflict with aria controls will be generated).\n\t *\n\t * @default `${id}-mrl-table-header`\n\t */\n\tid?: string;\n}\n\n/**\n * MrlTableHeader Component\n *\n * @param {MrlTableHeaderProps} props - MrlTableHeader component props\n * @returns a table header element with a nested table row element\n */\nexport function MrlTableHeader({ children, className, ...rest }: MrlTableHeaderProps): JSX.Element {\n\tconst idRef = React.useRef<string>(rest.id || getUniqueId('mrl-table-header'));\n\tconst classes = classnames(className, COMPONENT_NAME, styles[COMPONENT_NAME]);\n\treturn (\n\t\t<thead className={classes} id={idRef.current} {...rest}>\n\t\t\t<tr>{children}</tr>\n\t\t</thead>\n\t);\n}\n"],"names":["COMPONENT_NAME","MrlTableHeader","_ref","children","className","rest","_objectWithoutProperties","_excluded","idRef","React","useRef","id","getUniqueId","classes","classnames","styles","createElement","_extends","current"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,IAAMA,cAAc,GAAG,gBAAgB;AAYvC;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,cAAcA,CAAAC,IAAA,EAAqE;AAAA,EAAA,IAAlEC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;AAAKC,IAAAA,IAAI,GAAAC,iDAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA;AAC5D,EAAA,IAAMC,KAAK,GAAGC,gBAAK,CAACC,MAAM,CAASL,IAAI,CAACM,EAAE,IAAIC,yBAAW,CAAC,kBAAkB,CAAC,CAAC;AAC9E,EAAA,IAAMC,OAAO,GAAGC,2BAAU,CAACV,SAAS,EAAEJ,cAAc,EAAEe,6BAAM,CAACf,cAAc,CAAC,CAAC;AAC7E,EAAA,oBACCS,gBAAA,CAAAO,aAAA,CAAA,OAAA,EAAAC,iCAAA,CAAA;AAAOb,IAAAA,SAAS,EAAES,OAAQ;IAACF,EAAE,EAAEH,KAAK,CAACU;GAAQ,EAAKb,IAAI,gBACrDI,gBAAA,CAAAO,aAAA,CAAA,IAAA,EAAA,IAAA,EAAKb,QAAa,CACZ,CAAC;AAEV;;;;"}

package/dist/cjs/components/table/MrlTableRow/MrlTableRow.js

@@ -6,7 +6,10 @@ var classnames = require('classnames');
 var MrlTableRow_module = require('./MrlTableRow.module.scss.js');
 var setAttributes = require('../../../utils/setAttributes/setAttributes.js');
 
-function _interopNamespaceDefault(e) {
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopNamespace(e) {
+	if (e && e.__esModule) return e;
 	var n = Object.create(null);
 	if (e) {
 		Object.keys(e).forEach(function (k) {
@@ -23,7 +26,8 @@ function _interopNamespaceDefault(e) {
 	return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 
 var _excluded = ["className", "itemId", "onClick"];
 var COMPONENT_NAME = 'MrlTableRow';
@@ -40,16 +44,18 @@ var MrlTableRow = /*#__PURE__*/React__namespace.forwardRef(function MrlTableRow(
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var id = rest.id;
   var idRef = React__namespace.useRef(id || setAttributes.getUniqueId('mrl-table-row'));
-  var classes = classnames(className, COMPONENT_NAME, MrlTableRow_module.default[COMPONENT_NAME]);
-  var handleKeyDown = function handleKeyDown(e) {
+  var classes = classnames__default.default(className, COMPONENT_NAME, MrlTableRow_module.default[COMPONENT_NAME]);
+  var handleKeyDown = e => {
     if (e.key === 'Enter' && onClick) {
       onClick(e);
     }
   };
-  var getRef = function getRef(element) {
+  var getRef = element => {
     if (element && itemId) {
       if (typeof ref === 'function') {
-        ref(_rollupPluginBabelHelpers.defineProperty({}, itemId, element));
+        ref({
+          [itemId]: element
+        });
       } else if (ref !== null && ref !== void 0 && ref.current) {
         ref.current[itemId] = element;
       }
@@ -60,7 +66,7 @@ var MrlTableRow = /*#__PURE__*/React__namespace.forwardRef(function MrlTableRow(
     id: idRef.current,
     ref: getRef
   }, onClick && {
-    onClick: onClick,
+    onClick,
     onKeyDown: handleKeyDown,
     tabIndex: 0
   }, rest));

package/dist/cjs/components/table/MrlTableRow/MrlTableRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"MrlTableRow.js","sources":["../../../../../src/components/table/MrlTableRow/MrlTableRow.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { getUniqueId } from '../../../utils';\n\nimport styles from './MrlTableRow.module.scss';\n\nconst COMPONENT_NAME = 'MrlTableRow';\n\nexport interface MrlTableRowProps extends React.ComponentPropsWithoutRef<'tr'> {\n\t/**\n\t * An element id (and if not provided, a unique value decorated\n\t * to prevent conflict with aria controls will be generated).\n\t *\n\t * @default `${id}-mrl-table-row`\n\t */\n\tid?: string;\n\t/**\n\t * Id of the MrlTableItem associated with the table row\n\t */\n\titemId?: string;\n\t/**\n\t *\n\t * Custom click handler to be used for mouse and keyboard selection of table row\n\t */\n\tonClick?: (e: React.MouseEvent<HTMLElement> | React.KeyboardEvent) => void;\n}\n\n/**\n * MrlTableRow Component\n *\n * @param {MrlTableRowProps} props - MrlTableRow component props\n * @returns a table row element\n */\nexport const MrlTableRow = React.forwardRef<Record<string, HTMLTableRowElement>, MrlTableRowProps>(\n\tfunction MrlTableRow(\n\t\t{ className, itemId, onClick, ...rest }: MrlTableRowProps,\n\t\tref\n\t): JSX.Element {\n\t\tconst { id } = rest;\n\t\tconst idRef = React.useRef<string>(id || getUniqueId('mrl-table-row'));\n\t\tconst classes = classnames(className, COMPONENT_NAME, styles[COMPONENT_NAME]);\n\n\t\tconst handleKeyDown = (e: React.KeyboardEvent) => {\n\t\t\tif (e.key === 'Enter' && onClick) {\n\t\t\t\tonClick(e);\n\t\t\t}\n\t\t};\n\n\t\tconst getRef = (element: HTMLTableRowElement | null) => {\n\t\t\tif (element && itemId) {\n\t\t\t\tif (typeof ref === 'function') {\n\t\t\t\t\tref({ [itemId]: element });\n\t\t\t\t} else if (ref?.current) {\n\t\t\t\t\tref.current[itemId] = element;\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\n\t\treturn (\n\t\t\t<tr\n\t\t\t\tclassName={classes}\n\t\t\t\tid={idRef.current}\n\t\t\t\tref={getRef}\n\t\t\t\t{...(onClick && { onClick, onKeyDown: handleKeyDown, tabIndex: 0 })}\n\t\t\t\t{...rest}\n\t\t\t/>\n\t\t);\n\t}\n);\n"],"names":["COMPONENT_NAME","MrlTableRow","React","forwardRef","_ref","ref","className","itemId","onClick","rest","_objectWithoutProperties","_excluded","id","idRef","useRef","getUniqueId","classes","classnames","styles","handleKeyDown","e","key","getRef","element","_defineProperty","current","createElement","_extends","onKeyDown","tabIndex"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,IAAMA,cAAc,GAAG,aAAa;AAqBpC;AACA;AACA;AACA;AACA;AACA;AACO,IAAMC,WAAW,gBAAGC,gBAAK,CAACC,UAAU,CAC1C,SAASF,WAAWA,CAAAG,IAAA,EAEnBC,GAAG,EACW;AAAA,EAAA,IAFZC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAEC,MAAM,GAAAH,IAAA,CAANG,MAAM;IAAEC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;AAAKC,IAAAA,IAAI,GAAAC,iDAAA,CAAAN,IAAA,EAAAO,SAAA,CAAA;AAGrC,EAAA,IAAQC,EAAE,GAAKH,IAAI,CAAXG,EAAE;AACV,EAAA,IAAMC,KAAK,GAAGX,gBAAK,CAACY,MAAM,CAASF,EAAE,IAAIG,yBAAW,CAAC,eAAe,CAAC,CAAC;AACtE,EAAA,IAAMC,OAAO,GAAGC,UAAU,CAACX,SAAS,EAAEN,cAAc,EAAEkB,0BAAM,CAAClB,cAAc,CAAC,CAAC;AAE7E,EAAA,IAAMmB,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,CAAsB,EAAK;AACjD,IAAA,IAAIA,CAAC,CAACC,GAAG,KAAK,OAAO,IAAIb,OAAO,EAAE;MACjCA,OAAO,CAACY,CAAC,CAAC;AACX,IAAA;EACD,CAAC;AAED,EAAA,IAAME,MAAM,GAAG,SAATA,MAAMA,CAAIC,OAAmC,EAAK;IACvD,IAAIA,OAAO,IAAIhB,MAAM,EAAE;AACtB,MAAA,IAAI,OAAOF,GAAG,KAAK,UAAU,EAAE;AAC9BA,QAAAA,GAAG,CAAAmB,wCAAA,CAAA,EAAA,EAAIjB,MAAM,EAAGgB,OAAO,CAAE,CAAC;MAC3B,CAAC,MAAM,IAAIlB,GAAG,KAAA,IAAA,IAAHA,GAAG,KAAA,MAAA,IAAHA,GAAG,CAAEoB,OAAO,EAAE;AACxBpB,QAAAA,GAAG,CAACoB,OAAO,CAAClB,MAAM,CAAC,GAAGgB,OAAO;AAC9B,MAAA;AACD,IAAA;EACD,CAAC;AAED,EAAA,oBACCrB,gBAAA,CAAAwB,aAAA,CAAA,IAAA,EAAAC,iCAAA,CAAA;AACCrB,IAAAA,SAAS,EAAEU,OAAQ;IACnBJ,EAAE,EAAEC,KAAK,CAACY,OAAQ;AAClBpB,IAAAA,GAAG,EAAEiB;AAAO,GAAA,EACPd,OAAO,IAAI;AAAEA,IAAAA,OAAO,EAAPA,OAAO;AAAEoB,IAAAA,SAAS,EAAET,aAAa;AAAEU,IAAAA,QAAQ,EAAE;GAAG,EAC9DpB,IAAI,CACR,CAAC;AAEJ,CACD;;;;"}
+{"version":3,"file":"MrlTableRow.js","sources":["../../../../../src/components/table/MrlTableRow/MrlTableRow.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { getUniqueId } from '../../../utils';\n\nimport styles from './MrlTableRow.module.scss';\n\nconst COMPONENT_NAME = 'MrlTableRow';\n\nexport interface MrlTableRowProps extends React.ComponentPropsWithoutRef<'tr'> {\n\t/**\n\t * An element id (and if not provided, a unique value decorated\n\t * to prevent conflict with aria controls will be generated).\n\t *\n\t * @default `${id}-mrl-table-row`\n\t */\n\tid?: string;\n\t/**\n\t * Id of the MrlTableItem associated with the table row\n\t */\n\titemId?: string;\n\t/**\n\t *\n\t * Custom click handler to be used for mouse and keyboard selection of table row\n\t */\n\tonClick?: (e: React.MouseEvent<HTMLElement> | React.KeyboardEvent) => void;\n}\n\n/**\n * MrlTableRow Component\n *\n * @param {MrlTableRowProps} props - MrlTableRow component props\n * @returns a table row element\n */\nexport const MrlTableRow = React.forwardRef<Record<string, HTMLTableRowElement>, MrlTableRowProps>(\n\tfunction MrlTableRow(\n\t\t{ className, itemId, onClick, ...rest }: MrlTableRowProps,\n\t\tref\n\t): JSX.Element {\n\t\tconst { id } = rest;\n\t\tconst idRef = React.useRef<string>(id || getUniqueId('mrl-table-row'));\n\t\tconst classes = classnames(className, COMPONENT_NAME, styles[COMPONENT_NAME]);\n\n\t\tconst handleKeyDown = (e: React.KeyboardEvent) => {\n\t\t\tif (e.key === 'Enter' && onClick) {\n\t\t\t\tonClick(e);\n\t\t\t}\n\t\t};\n\n\t\tconst getRef = (element: HTMLTableRowElement | null) => {\n\t\t\tif (element && itemId) {\n\t\t\t\tif (typeof ref === 'function') {\n\t\t\t\t\tref({ [itemId]: element });\n\t\t\t\t} else if (ref?.current) {\n\t\t\t\t\tref.current[itemId] = element;\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\n\t\treturn (\n\t\t\t<tr\n\t\t\t\tclassName={classes}\n\t\t\t\tid={idRef.current}\n\t\t\t\tref={getRef}\n\t\t\t\t{...(onClick && { onClick, onKeyDown: handleKeyDown, tabIndex: 0 })}\n\t\t\t\t{...rest}\n\t\t\t/>\n\t\t);\n\t}\n);\n"],"names":["COMPONENT_NAME","MrlTableRow","React","forwardRef","_ref","ref","className","itemId","onClick","rest","_objectWithoutProperties","_excluded","id","idRef","useRef","getUniqueId","classes","classnames","styles","handleKeyDown","e","key","getRef","element","current","createElement","_extends","onKeyDown","tabIndex"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,IAAMA,cAAc,GAAG,aAAa;AAqBpC;AACA;AACA;AACA;AACA;AACA;AACO,IAAMC,WAAW,gBAAGC,gBAAK,CAACC,UAAU,CAC1C,SAASF,WAAWA,CAAAG,IAAA,EAEnBC,GAAG,EACW;AAAA,EAAA,IAFZC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAEC,MAAM,GAAAH,IAAA,CAANG,MAAM;IAAEC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;AAAKC,IAAAA,IAAI,GAAAC,iDAAA,CAAAN,IAAA,EAAAO,SAAA,CAAA;AAGrC,EAAA,IAAQC,EAAE,GAAKH,IAAI,CAAXG,EAAE;AACV,EAAA,IAAMC,KAAK,GAAGX,gBAAK,CAACY,MAAM,CAASF,EAAE,IAAIG,yBAAW,CAAC,eAAe,CAAC,CAAC;AACtE,EAAA,IAAMC,OAAO,GAAGC,2BAAU,CAACX,SAAS,EAAEN,cAAc,EAAEkB,0BAAM,CAAClB,cAAc,CAAC,CAAC;EAE7E,IAAMmB,aAAa,GAAIC,CAAsB,IAAK;AACjD,IAAA,IAAIA,CAAC,CAACC,GAAG,KAAK,OAAO,IAAIb,OAAO,EAAE;MACjCA,OAAO,CAACY,CAAC,CAAC;AACX,IAAA;EACD,CAAC;EAED,IAAME,MAAM,GAAIC,OAAmC,IAAK;IACvD,IAAIA,OAAO,IAAIhB,MAAM,EAAE;AACtB,MAAA,IAAI,OAAOF,GAAG,KAAK,UAAU,EAAE;AAC9BA,QAAAA,GAAG,CAAC;AAAE,UAAA,CAACE,MAAM,GAAGgB;AAAQ,SAAC,CAAC;MAC3B,CAAC,MAAM,IAAIlB,GAAG,KAAA,IAAA,IAAHA,GAAG,KAAA,MAAA,IAAHA,GAAG,CAAEmB,OAAO,EAAE;AACxBnB,QAAAA,GAAG,CAACmB,OAAO,CAACjB,MAAM,CAAC,GAAGgB,OAAO;AAC9B,MAAA;AACD,IAAA;EACD,CAAC;AAED,EAAA,oBACCrB,gBAAA,CAAAuB,aAAA,CAAA,IAAA,EAAAC,iCAAA,CAAA;AACCpB,IAAAA,SAAS,EAAEU,OAAQ;IACnBJ,EAAE,EAAEC,KAAK,CAACW,OAAQ;AAClBnB,IAAAA,GAAG,EAAEiB;AAAO,GAAA,EACPd,OAAO,IAAI;IAAEA,OAAO;AAAEmB,IAAAA,SAAS,EAAER,aAAa;AAAES,IAAAA,QAAQ,EAAE;GAAG,EAC9DnB,IAAI,CACR,CAAC;AAEJ,CACD;;;;"}

package/dist/cjs/components/table/utils.js

@@ -13,7 +13,7 @@ var constants = require('./constants.js');
  * @returns {number} A negative number if a occurs before b; positive if the
  * a occurs after b; 0 if they are equivalent.
  */
-var sortAlphabeticallyAsCoercedStrings = function sortAlphabeticallyAsCoercedStrings(a, b) {
+var sortAlphabeticallyAsCoercedStrings = (a, b) => {
   return "".concat(a).localeCompare("".concat(b));
 };
 
@@ -38,9 +38,7 @@ var keyFor = function keyFor(prefix, elementType) {
  * @param {MrlSortDirection} direction the sort direction
  * @returns {typeof sortAsc | typeof sortDes} the icon
  */
-var sortIcon = function sortIcon(direction) {
-  return direction > 0 ? dsIcons.sortAsc : dsIcons.sortDes;
-};
+var sortIcon = direction => direction > 0 ? dsIcons.sortAsc : dsIcons.sortDes;
 
 /**
  * Provides text label based on sort direction.
@@ -48,9 +46,7 @@ var sortIcon = function sortIcon(direction) {
  * @param {MrlSortDirection} direction the sort direction
  * @returns {string} the text label
  */
-var sortText = function sortText(direction) {
-  return direction > 0 ? 'ascending' : 'descending';
-};
+var sortText = direction => direction > 0 ? 'ascending' : 'descending';
 
 /**
  * Provides next sort direction based on current direction.
@@ -58,9 +54,7 @@ var sortText = function sortText(direction) {
  * @param {MrlSortDirection} current sort direction
  * @returns {MrlSortDirection} next sort direction
  */
-var nextSortDirection = function nextSortDirection(current) {
-  return current ? current * -1 : constants.MrlSortDirection.ASC;
-};
+var nextSortDirection = current => current ? current * -1 : constants.MrlSortDirection.ASC;
 
 exports.keyFor = keyFor;
 exports.nextSortDirection = nextSortDirection;

package/dist/cjs/components/table/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../src/components/table/utils.ts"],"sourcesContent":["import { sortAsc, sortDes } from '@muraldevkit/ds-icons';\nimport { MrlSortDirection } from './constants';\n\n/**\n * Used as a generic sort comparator for unknown types by coercing each value\n * to a string and sorting alphabetically. It will likely produce unexpected and/or\n * undesirable results for anything other than the most basic text or numeric data.\n *\n * @param {unknown} a first of two values\n * @param {unknown} b second of two values\n * @returns {number} A negative number if a occurs before b; positive if the\n * a occurs after b; 0 if they are equivalent.\n */\nexport const sortAlphabeticallyAsCoercedStrings = (a: unknown, b: unknown): number => {\n\treturn `${a}`.localeCompare(`${b}`);\n};\n\n/**\n * Used to generate consistent keys for the entire structure of MrlSmartTable\n *\n * @param {string} prefix the unique structure prefix\n * @param {string} elementType the element type to generate a key for\n * @param {string[]} keys a set of properties to uniquely identify the element\n * @returns {string} the generated key\n */\nexport const keyFor = (\n\tprefix: string,\n\telementType: 'header' | 'column' | 'body' | 'row' | 'row-cell',\n\t...keys: string[]\n): string => `${prefix}-${elementType}-${keys.join('-')}`;\n\n/**\n * Provides sort icon based on direction.\n *\n * @param {MrlSortDirection} direction the sort direction\n * @returns {typeof sortAsc | typeof sortDes} the icon\n */\nexport const sortIcon = (direction: MrlSortDirection): typeof sortAsc | typeof sortDes =>\n\tdirection > 0 ? sortAsc : sortDes;\n\n/**\n * Provides text label based on sort direction.\n *\n * @param {MrlSortDirection} direction the sort direction\n * @returns {string} the text label\n */\nexport const sortText = (direction: MrlSortDirection): string =>\n\tdirection > 0 ? 'ascending' : 'descending';\n\n/**\n * Provides next sort direction based on current direction.\n *\n * @param {MrlSortDirection} current sort direction\n * @returns {MrlSortDirection} next sort direction\n */\nexport const nextSortDirection = (current?: MrlSortDirection): MrlSortDirection =>\n\tcurrent ? current * -1 : MrlSortDirection.ASC;\n"],"names":["sortAlphabeticallyAsCoercedStrings","a","b","concat","localeCompare","keyFor","prefix","elementType","_len","arguments","length","keys","Array","_key","join","sortIcon","direction","sortAsc","sortDes","sortText","nextSortDirection","current","MrlSortDirection","ASC"],"mappings":";;;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMA,kCAAkC,GAAG,SAArCA,kCAAkCA,CAAIC,CAAU,EAAEC,CAAU,EAAa;EACrF,OAAO,EAAA,CAAAC,MAAA,CAAGF,CAAC,CAAA,CAAGG,aAAa,CAAA,EAAA,CAAAD,MAAA,CAAID,CAAC,CAAE,CAAC;AACpC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMG,MAAM,GAAG,SAATA,MAAMA,CAClBC,MAAc,EACdC,WAA8D,EAAA;EAAA,KAAA,IAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAC3DC,IAAI,OAAAC,KAAA,CAAAJ,IAAA,GAAA,CAAA,GAAAA,IAAA,WAAAK,IAAA,GAAA,CAAA,EAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,EAAA,EAAA;AAAJF,IAAAA,IAAI,CAAAE,IAAA,GAAA,CAAA,CAAA,GAAAJ,SAAA,CAAAI,IAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAAA,EAAA,CAAAV,MAAA,CACQG,MAAM,EAAA,GAAA,CAAA,CAAAH,MAAA,CAAII,WAAW,EAAA,GAAA,CAAA,CAAAJ,MAAA,CAAIQ,IAAI,CAACG,IAAI,CAAC,GAAG,CAAC,CAAA;AAAA;;AAEvD;AACA;AACA;AACA;AACA;AACA;IACaC,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,SAA2B,EAAA;AAAA,EAAA,OACnDA,SAAS,GAAG,CAAC,GAAGC,eAAO,GAAGC,eAAO;AAAA;;AAElC;AACA;AACA;AACA;AACA;AACA;IACaC,QAAQ,GAAG,SAAXA,QAAQA,CAAIH,SAA2B,EAAA;AAAA,EAAA,OACnDA,SAAS,GAAG,CAAC,GAAG,WAAW,GAAG,YAAY;AAAA;;AAE3C;AACA;AACA;AACA;AACA;AACA;IACaI,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,OAA0B,EAAA;EAAA,OAC3DA,OAAO,GAAGA,OAAO,GAAG,EAAE,GAAGC,0BAAgB,CAACC,GAAG;AAAA;;;;;;;;"}
+{"version":3,"file":"utils.js","sources":["../../../../src/components/table/utils.ts"],"sourcesContent":["import { sortAsc, sortDes } from '@muraldevkit/ds-icons';\nimport { MrlSortDirection } from './constants';\n\n/**\n * Used as a generic sort comparator for unknown types by coercing each value\n * to a string and sorting alphabetically. It will likely produce unexpected and/or\n * undesirable results for anything other than the most basic text or numeric data.\n *\n * @param {unknown} a first of two values\n * @param {unknown} b second of two values\n * @returns {number} A negative number if a occurs before b; positive if the\n * a occurs after b; 0 if they are equivalent.\n */\nexport const sortAlphabeticallyAsCoercedStrings = (a: unknown, b: unknown): number => {\n\treturn `${a}`.localeCompare(`${b}`);\n};\n\n/**\n * Used to generate consistent keys for the entire structure of MrlSmartTable\n *\n * @param {string} prefix the unique structure prefix\n * @param {string} elementType the element type to generate a key for\n * @param {string[]} keys a set of properties to uniquely identify the element\n * @returns {string} the generated key\n */\nexport const keyFor = (\n\tprefix: string,\n\telementType: 'header' | 'column' | 'body' | 'row' | 'row-cell',\n\t...keys: string[]\n): string => `${prefix}-${elementType}-${keys.join('-')}`;\n\n/**\n * Provides sort icon based on direction.\n *\n * @param {MrlSortDirection} direction the sort direction\n * @returns {typeof sortAsc | typeof sortDes} the icon\n */\nexport const sortIcon = (direction: MrlSortDirection): typeof sortAsc | typeof sortDes =>\n\tdirection > 0 ? sortAsc : sortDes;\n\n/**\n * Provides text label based on sort direction.\n *\n * @param {MrlSortDirection} direction the sort direction\n * @returns {string} the text label\n */\nexport const sortText = (direction: MrlSortDirection): string =>\n\tdirection > 0 ? 'ascending' : 'descending';\n\n/**\n * Provides next sort direction based on current direction.\n *\n * @param {MrlSortDirection} current sort direction\n * @returns {MrlSortDirection} next sort direction\n */\nexport const nextSortDirection = (current?: MrlSortDirection): MrlSortDirection =>\n\tcurrent ? current * -1 : MrlSortDirection.ASC;\n"],"names":["sortAlphabeticallyAsCoercedStrings","a","b","concat","localeCompare","keyFor","prefix","elementType","_len","arguments","length","keys","Array","_key","join","sortIcon","direction","sortAsc","sortDes","sortText","nextSortDirection","current","MrlSortDirection","ASC"],"mappings":";;;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACaA,kCAAkC,GAAGA,CAACC,CAAU,EAAEC,CAAU,KAAa;EACrF,OAAO,EAAA,CAAAC,MAAA,CAAGF,CAAC,CAAA,CAAGG,aAAa,CAAA,EAAA,CAAAD,MAAA,CAAID,CAAC,CAAE,CAAC;AACpC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMG,MAAM,GAAG,SAATA,MAAMA,CAClBC,MAAc,EACdC,WAA8D,EAAA;EAAA,KAAA,IAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAC3DC,IAAI,OAAAC,KAAA,CAAAJ,IAAA,GAAA,CAAA,GAAAA,IAAA,WAAAK,IAAA,GAAA,CAAA,EAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,EAAA,EAAA;AAAJF,IAAAA,IAAI,CAAAE,IAAA,GAAA,CAAA,CAAA,GAAAJ,SAAA,CAAAI,IAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAAA,EAAA,CAAAV,MAAA,CACQG,MAAM,EAAA,GAAA,CAAA,CAAAH,MAAA,CAAII,WAAW,EAAA,GAAA,CAAA,CAAAJ,MAAA,CAAIQ,IAAI,CAACG,IAAI,CAAC,GAAG,CAAC,CAAA;AAAA;;AAEvD;AACA;AACA;AACA;AACA;AACA;AACO,IAAMC,QAAQ,GAAIC,SAA2B,IACnDA,SAAS,GAAG,CAAC,GAAGC,eAAO,GAAGC;;AAE3B;AACA;AACA;AACA;AACA;AACA;AACO,IAAMC,QAAQ,GAAIH,SAA2B,IACnDA,SAAS,GAAG,CAAC,GAAG,WAAW,GAAG;;AAE/B;AACA;AACA;AACA;AACA;AACA;AACO,IAAMI,iBAAiB,GAAIC,OAA0B,IAC3DA,OAAO,GAAGA,OAAO,GAAG,EAAE,GAAGC,0BAAgB,CAACC;;;;;;;;"}

package/dist/cjs/components/tabs/MrlTab/MrlTab.js

@@ -6,7 +6,10 @@ var classnames = require('classnames');
 var MrlTab_module = require('./MrlTab.module.scss.js');
 var MrlTabs = require('../MrlTabs/MrlTabs.js');
 
-function _interopNamespaceDefault(e) {
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopNamespace(e) {
+	if (e && e.__esModule) return e;
 	var n = Object.create(null);
 	if (e) {
 		Object.keys(e).forEach(function (k) {
@@ -23,7 +26,8 @@ function _interopNamespaceDefault(e) {
 	return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 
 var _excluded = ["className", "icon", "id", "hookClick", "text"];
 /**
@@ -31,7 +35,7 @@ var _excluded = ["className", "icon", "id", "hookClick", "text"];
  * @param {MrlTabProps} props the props for your MrlTab
  * @returns {React.ReactElement} an a element containing the text you pass
  */
-var MrlTab = function MrlTab(_ref) {
+var MrlTab = _ref => {
   var className = _ref.className,
     icon = _ref.icon,
     id = _ref.id,
@@ -42,9 +46,14 @@ var MrlTab = function MrlTab(_ref) {
     activeTab = _useMrlTabContext.activeTab,
     setActiveTab = _useMrlTabContext.setActiveTab;
   var active = activeTab === id;
-  var buttonClasses = classnames(className, 'mrl-tab', _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, MrlTab_module.default['MrlTab'], true), MrlTab_module.default['MrlTab-selected'], active));
-  var textClasses = classnames('mrl-tab--text', _rollupPluginBabelHelpers.defineProperty({}, MrlTab_module.default['MrlTab-Text'], true));
-  var handleClick = function handleClick(id) {
+  var buttonClasses = classnames__default.default(className, 'mrl-tab', {
+    [MrlTab_module.default['MrlTab']]: true,
+    [MrlTab_module.default['MrlTab-selected']]: active
+  });
+  var textClasses = classnames__default.default('mrl-tab--text', {
+    [MrlTab_module.default['MrlTab-Text']]: true
+  });
+  var handleClick = id => {
     if (hookClick) {
       hookClick();
     }
@@ -56,9 +65,7 @@ var MrlTab = function MrlTab(_ref) {
     "data-qa": "".concat(id, "-tab"),
     "data-roving": "true",
     id: id,
-    onClick: function onClick() {
-      return handleClick(id);
-    },
+    onClick: () => handleClick(id),
     role: "tab",
     tabIndex: active ? 0 : -1,
     type: "button"

package/dist/cjs/components/tabs/MrlTab/MrlTab.js.map

@@ -1 +1 @@
-{"version":3,"file":"MrlTab.js","sources":["../../../../../src/components/tabs/MrlTab/MrlTab.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { useMrlTabContext } from '../../..';\n\n/** MrlTab and MrlTabLink share styles as they should look identical */\nimport styles from './MrlTab.module.scss';\n\nexport interface MrlTabProps extends React.ComponentProps<'button'> {\n\t/** Class to be applied to the button element of the MrlTab */\n\tclassName?: string;\n\ticon?: React.ReactElement;\n\t/**\n\t * The id that will be passed to the MrlTabContext to set the active state.\n\t * NOTE: This must match the `tabId` set on `MrlTabContent`!\n\t */\n\tid: string;\n\t/** An addition function to call when clicking on a tab */\n\thookClick?: () => void;\n\ttext: string;\n}\n\n/**\n * Renders a tab component\n * @param {MrlTabProps} props the props for your MrlTab\n * @returns {React.ReactElement} an a element containing the text you pass\n */\nexport const MrlTab = ({\n\tclassName,\n\ticon,\n\tid,\n\thookClick,\n\ttext,\n\t...rest\n}: MrlTabProps): React.ReactElement => {\n\tconst { activeTab, setActiveTab } = useMrlTabContext();\n\tconst active = activeTab === id;\n\tconst buttonClasses = classnames(className, 'mrl-tab', {\n\t\t[styles['MrlTab']]: true,\n\t\t[styles['MrlTab-selected']]: active\n\t});\n\n\tconst textClasses = classnames('mrl-tab--text', {\n\t\t[styles['MrlTab-Text']]: true\n\t});\n\n\tconst handleClick = (id: string) => {\n\t\tif (hookClick) {\n\t\t\thookClick();\n\t\t}\n\n\t\tsetActiveTab(id);\n\t};\n\n\treturn (\n\t\t<button\n\t\t\t{...rest}\n\t\t\taria-selected={active}\n\t\t\tclassName={buttonClasses}\n\t\t\tdata-qa={`${id}-tab`}\n\t\t\tdata-roving=\"true\"\n\t\t\tid={id}\n\t\t\tonClick={() => handleClick(id)}\n\t\t\trole=\"tab\"\n\t\t\ttabIndex={active ? 0 : -1}\n\t\t\ttype=\"button\"\n\t\t>\n\t\t\t{!!icon && <span className={styles['MrlTab-icon']}>{icon}</span>}\n\t\t\t<span className={textClasses}>{text}</span>\n\t\t</button>\n\t);\n};\n"],"names":["MrlTab","_ref","className","icon","id","hookClick","text","rest","_objectWithoutProperties","_excluded","_useMrlTabContext","useMrlTabContext","activeTab","setActiveTab","active","buttonClasses","classnames","_defineProperty","styles","textClasses","handleClick","React","createElement","_extends","concat","onClick","role","tabIndex","type"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA;AACA;AACA;AACA;AACA;IACaA,MAAM,GAAG,SAATA,MAAMA,CAAAC,IAAA,EAOoB;AAAA,EAAA,IANtCC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,EAAE,GAAAH,IAAA,CAAFG,EAAE;IACFC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IACTC,IAAI,GAAAL,IAAA,CAAJK,IAAI;AACDC,IAAAA,IAAI,GAAAC,iDAAA,CAAAP,IAAA,EAAAQ,SAAA,CAAA;AAEP,EAAA,IAAAC,iBAAA,GAAoCC,wBAAgB,EAAE;IAA9CC,SAAS,GAAAF,iBAAA,CAATE,SAAS;IAAEC,YAAY,GAAAH,iBAAA,CAAZG,YAAY;AAC/B,EAAA,IAAMC,MAAM,GAAGF,SAAS,KAAKR,EAAE;EAC/B,IAAMW,aAAa,GAAGC,UAAU,CAACd,SAAS,EAAE,SAAS,EAAAe,wCAAA,CAAAA,wCAAA,CAAA,EAAA,EACnDC,qBAAM,CAAC,QAAQ,CAAC,EAAG,IAAI,CAAA,EACvBA,qBAAM,CAAC,iBAAiB,CAAC,EAAGJ,MAAM,CACnC,CAAC;AAEF,EAAA,IAAMK,WAAW,GAAGH,UAAU,CAAC,eAAe,EAAAC,wCAAA,CAAA,EAAA,EAC5CC,qBAAM,CAAC,aAAa,CAAC,EAAG,IAAI,CAC7B,CAAC;AAEF,EAAA,IAAME,WAAW,GAAG,SAAdA,WAAWA,CAAIhB,EAAU,EAAK;AACnC,IAAA,IAAIC,SAAS,EAAE;AACdA,MAAAA,SAAS,EAAE;AACZ,IAAA;IAEAQ,YAAY,CAACT,EAAE,CAAC;EACjB,CAAC;AAED,EAAA,oBACCiB,gBAAA,CAAAC,aAAA,CAAA,QAAA,EAAAC,iCAAA,KACKhB,IAAI,EAAA;AACR,IAAA,eAAA,EAAeO,MAAO;AACtBZ,IAAAA,SAAS,EAAEa,aAAc;IACzB,SAAA,EAAA,EAAA,CAAAS,MAAA,CAAYpB,EAAE,EAAA,MAAA,CAAO;AACrB,IAAA,aAAA,EAAY,MAAM;AAClBA,IAAAA,EAAE,EAAEA,EAAG;IACPqB,OAAO,EAAE,SAATA,OAAOA,GAAA;MAAA,OAAQL,WAAW,CAAChB,EAAE,CAAC;IAAA,CAAC;AAC/BsB,IAAAA,IAAI,EAAC,KAAK;AACVC,IAAAA,QAAQ,EAAEb,MAAM,GAAG,CAAC,GAAG,EAAG;AAC1Bc,IAAAA,IAAI,EAAC;AAAQ,GAAA,CAAA,EAEZ,CAAC,CAACzB,IAAI,iBAAIkB,gBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAMpB,SAAS,EAAEgB,qBAAM,CAAC,aAAa;AAAE,GAAA,EAAEf,IAAW,CAAC,eAChEkB,gBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMpB,IAAAA,SAAS,EAAEiB;GAAY,EAAEb,IAAW,CACnC,CAAC;AAEX;;;;"}
+{"version":3,"file":"MrlTab.js","sources":["../../../../../src/components/tabs/MrlTab/MrlTab.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { useMrlTabContext } from '../../..';\n\n/** MrlTab and MrlTabLink share styles as they should look identical */\nimport styles from './MrlTab.module.scss';\n\nexport interface MrlTabProps extends React.ComponentProps<'button'> {\n\t/** Class to be applied to the button element of the MrlTab */\n\tclassName?: string;\n\ticon?: React.ReactElement;\n\t/**\n\t * The id that will be passed to the MrlTabContext to set the active state.\n\t * NOTE: This must match the `tabId` set on `MrlTabContent`!\n\t */\n\tid: string;\n\t/** An addition function to call when clicking on a tab */\n\thookClick?: () => void;\n\ttext: string;\n}\n\n/**\n * Renders a tab component\n * @param {MrlTabProps} props the props for your MrlTab\n * @returns {React.ReactElement} an a element containing the text you pass\n */\nexport const MrlTab = ({\n\tclassName,\n\ticon,\n\tid,\n\thookClick,\n\ttext,\n\t...rest\n}: MrlTabProps): React.ReactElement => {\n\tconst { activeTab, setActiveTab } = useMrlTabContext();\n\tconst active = activeTab === id;\n\tconst buttonClasses = classnames(className, 'mrl-tab', {\n\t\t[styles['MrlTab']]: true,\n\t\t[styles['MrlTab-selected']]: active\n\t});\n\n\tconst textClasses = classnames('mrl-tab--text', {\n\t\t[styles['MrlTab-Text']]: true\n\t});\n\n\tconst handleClick = (id: string) => {\n\t\tif (hookClick) {\n\t\t\thookClick();\n\t\t}\n\n\t\tsetActiveTab(id);\n\t};\n\n\treturn (\n\t\t<button\n\t\t\t{...rest}\n\t\t\taria-selected={active}\n\t\t\tclassName={buttonClasses}\n\t\t\tdata-qa={`${id}-tab`}\n\t\t\tdata-roving=\"true\"\n\t\t\tid={id}\n\t\t\tonClick={() => handleClick(id)}\n\t\t\trole=\"tab\"\n\t\t\ttabIndex={active ? 0 : -1}\n\t\t\ttype=\"button\"\n\t\t>\n\t\t\t{!!icon && <span className={styles['MrlTab-icon']}>{icon}</span>}\n\t\t\t<span className={textClasses}>{text}</span>\n\t\t</button>\n\t);\n};\n"],"names":["MrlTab","_ref","className","icon","id","hookClick","text","rest","_objectWithoutProperties","_excluded","_useMrlTabContext","useMrlTabContext","activeTab","setActiveTab","active","buttonClasses","classnames","styles","textClasses","handleClick","React","createElement","_extends","concat","onClick","role","tabIndex","type"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA;AACA;AACA;AACA;AACA;AACO,IAAMA,MAAM,GAAGC,IAAA,IAOiB;AAAA,EAAA,IANtCC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,EAAE,GAAAH,IAAA,CAAFG,EAAE;IACFC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IACTC,IAAI,GAAAL,IAAA,CAAJK,IAAI;AACDC,IAAAA,IAAI,GAAAC,iDAAA,CAAAP,IAAA,EAAAQ,SAAA,CAAA;AAEP,EAAA,IAAAC,iBAAA,GAAoCC,wBAAgB,EAAE;IAA9CC,SAAS,GAAAF,iBAAA,CAATE,SAAS;IAAEC,YAAY,GAAAH,iBAAA,CAAZG,YAAY;AAC/B,EAAA,IAAMC,MAAM,GAAGF,SAAS,KAAKR,EAAE;AAC/B,EAAA,IAAMW,aAAa,GAAGC,2BAAU,CAACd,SAAS,EAAE,SAAS,EAAE;AACtD,IAAA,CAACe,qBAAM,CAAC,QAAQ,CAAC,GAAG,IAAI;AACxB,IAAA,CAACA,qBAAM,CAAC,iBAAiB,CAAC,GAAGH;AAC9B,GAAC,CAAC;AAEF,EAAA,IAAMI,WAAW,GAAGF,2BAAU,CAAC,eAAe,EAAE;AAC/C,IAAA,CAACC,qBAAM,CAAC,aAAa,CAAC,GAAG;AAC1B,GAAC,CAAC;EAEF,IAAME,WAAW,GAAIf,EAAU,IAAK;AACnC,IAAA,IAAIC,SAAS,EAAE;AACdA,MAAAA,SAAS,EAAE;AACZ,IAAA;IAEAQ,YAAY,CAACT,EAAE,CAAC;EACjB,CAAC;AAED,EAAA,oBACCgB,gBAAA,CAAAC,aAAA,CAAA,QAAA,EAAAC,iCAAA,KACKf,IAAI,EAAA;AACR,IAAA,eAAA,EAAeO,MAAO;AACtBZ,IAAAA,SAAS,EAAEa,aAAc;IACzB,SAAA,EAAA,EAAA,CAAAQ,MAAA,CAAYnB,EAAE,EAAA,MAAA,CAAO;AACrB,IAAA,aAAA,EAAY,MAAM;AAClBA,IAAAA,EAAE,EAAEA,EAAG;AACPoB,IAAAA,OAAO,EAAEA,MAAML,WAAW,CAACf,EAAE,CAAE;AAC/BqB,IAAAA,IAAI,EAAC,KAAK;AACVC,IAAAA,QAAQ,EAAEZ,MAAM,GAAG,CAAC,GAAG,EAAG;AAC1Ba,IAAAA,IAAI,EAAC;AAAQ,GAAA,CAAA,EAEZ,CAAC,CAACxB,IAAI,iBAAIiB,gBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAMnB,SAAS,EAAEe,qBAAM,CAAC,aAAa;AAAE,GAAA,EAAEd,IAAW,CAAC,eAChEiB,gBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMnB,IAAAA,SAAS,EAAEgB;GAAY,EAAEZ,IAAW,CACnC,CAAC;AAEX;;;;"}

package/dist/cjs/components/tabs/MrlTabContent/MrlTabContent.js

@@ -7,7 +7,10 @@ var MrlTabContent_module = require('./MrlTabContent.module.scss.js');
 var index = require('../../../utils/trapFocus/index.js');
 var MrlTabs = require('../MrlTabs/MrlTabs.js');
 
-function _interopNamespaceDefault(e) {
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopNamespace(e) {
+	if (e && e.__esModule) return e;
 	var n = Object.create(null);
 	if (e) {
 		Object.keys(e).forEach(function (k) {
@@ -24,10 +27,11 @@ function _interopNamespaceDefault(e) {
 	return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 
 var _excluded = ["children", "className", "tabId"];
-var MrlTabContent = /*#__PURE__*/React__namespace.memo(function (_ref) {
+var MrlTabContent = /*#__PURE__*/React__namespace.memo(_ref => {
   var children = _ref.children,
     className = _ref.className,
     tabId = _ref.tabId,
@@ -40,8 +44,11 @@ var MrlTabContent = /*#__PURE__*/React__namespace.memo(function (_ref) {
     _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
     focusableElementsInPanel = _React$useState2[0],
     setFocusableElementsInPanel = _React$useState2[1];
-  var containerClass = classnames(className, 'mrl-tab-content', _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, MrlTabContent_module.default.MrlTabContent, true), MrlTabContent_module.default['MrlTabContent-hidden'], isHidden));
-  React__namespace.useEffect(function () {
+  var containerClass = classnames__default.default(className, 'mrl-tab-content', {
+    [MrlTabContent_module.default.MrlTabContent]: true,
+    [MrlTabContent_module.default['MrlTabContent-hidden']]: isHidden
+  });
+  React__namespace.useEffect(() => {
     var focusableElements = index.getFocusableElementsInsideElement(panelRef.current);
     setFocusableElementsInPanel(focusableElements);
   }, []);