@popsure/dirty-swan 0.54.21 → 0.54.22
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/index.js +6 -4
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/{TableSection-32fb8adb.js → TableSection-24502d3f.js} +1 -1
- package/dist/esm/{TableSection-32fb8adb.js.map → TableSection-24502d3f.js.map} +1 -1
- package/dist/esm/components/table/Table.js +1 -1
- package/dist/esm/components/table/Table.stories.js +5 -2
- package/dist/esm/components/table/Table.stories.js.map +1 -1
- package/dist/esm/components/table/Table.test.js +1 -1
- package/dist/esm/components/table/components/TableCell/BaseCell/BaseCell.js +6 -4
- package/dist/esm/components/table/components/TableCell/BaseCell/BaseCell.js.map +1 -1
- package/dist/esm/components/table/components/TableContents/TableContents.js +1 -1
- package/dist/esm/components/table/components/TableContents/TableContents.test.js +1 -1
- package/dist/esm/components/table/components/TableSection/TableSection.js +1 -1
- package/dist/esm/components/table/components/TableSection/TableSection.test.js +1 -1
- package/dist/esm/index.js +1 -1
- package/package.json +1 -1
- package/src/lib/components/table/Table.stories.tsx +4 -1
- package/src/lib/components/table/components/TableCell/BaseCell/BaseCell.module.scss +6 -0
- package/src/lib/components/table/components/TableCell/BaseCell/BaseCell.tsx +5 -2
package/dist/cjs/index.js
CHANGED
|
@@ -14360,8 +14360,8 @@ var css_248z$9 = ".TableCell-module_th__2rjCU {\n vertical-align: middle;\n sc
|
|
|
14360
14360
|
var styles$9 = {"th":"TableCell-module_th__2rjCU","thNavigation":"TableCell-module_thNavigation__qZ2sY","fixedCell":"TableCell-module_fixedCell__cL3-m","fixedCard":"TableCell-module_fixedCard__2LO8s"};
|
|
14361
14361
|
styleInject(css_248z$9);
|
|
14362
14362
|
|
|
14363
|
-
var css_248z$8 = ".BaseCell-module_relative__1v2X0 {\n position: relative;\n}\n\n.BaseCell-module_infoButtonAbsolute__Mpjrz {\n position: absolute;\n right: -32px;\n}\n\n.BaseCell-module_icon__1775U {\n margin: 2px;\n}\n\n.BaseCell-module_description__3_kfe {\n word-break: break-word;\n}\n\n.BaseCell-module_bigWithUnderline__2xx5X {\n position: relative;\n display: flex;\n line-height: 38px;\n text-decoration: underline;\n text-decoration-color: #8e8cee;\n text-decoration-thickness: 4px;\n text-underline-offset: 8px;\n}";
|
|
14364
|
-
var styles$8 = {"relative":"BaseCell-module_relative__1v2X0","infoButtonAbsolute":"BaseCell-module_infoButtonAbsolute__Mpjrz","icon":"BaseCell-module_icon__1775U","description":"BaseCell-module_description__3_kfe","bigWithUnderline":"BaseCell-module_bigWithUnderline__2xx5X"};
|
|
14363
|
+
var css_248z$8 = ".BaseCell-module_relative__1v2X0 {\n position: relative;\n}\n\n@media (max-width: 34rem) {\n .BaseCell-module_maxWidth__14Cly {\n max-width: calc(100% - 64px);\n }\n}\n\n.BaseCell-module_infoButtonAbsolute__Mpjrz {\n position: absolute;\n right: -32px;\n}\n\n.BaseCell-module_icon__1775U {\n margin: 2px;\n}\n\n.BaseCell-module_description__3_kfe {\n word-break: break-word;\n}\n\n.BaseCell-module_bigWithUnderline__2xx5X {\n position: relative;\n display: flex;\n line-height: 38px;\n text-decoration: underline;\n text-decoration-color: #8e8cee;\n text-decoration-thickness: 4px;\n text-underline-offset: 8px;\n}";
|
|
14364
|
+
var styles$8 = {"relative":"BaseCell-module_relative__1v2X0","maxWidth":"BaseCell-module_maxWidth__14Cly","infoButtonAbsolute":"BaseCell-module_infoButtonAbsolute__Mpjrz","icon":"BaseCell-module_icon__1775U","description":"BaseCell-module_description__3_kfe","bigWithUnderline":"BaseCell-module_bigWithUnderline__2xx5X"};
|
|
14365
14365
|
styleInject(css_248z$8);
|
|
14366
14366
|
|
|
14367
14367
|
var css_248z$7 = ".MiniProgressBar-module_progressBar__2K07F {\n margin-bottom: 4px;\n}\n.MiniProgressBar-module_progressBar__2K07F rect {\n fill: #ebebff;\n}\n\n.MiniProgressBar-module_filledBars1__ZhQbV rect:first-child {\n fill: #91919c;\n}\n\n.MiniProgressBar-module_filledBars2__2lH_z rect:nth-child(-n+2) {\n fill: #91919c;\n}\n\n.MiniProgressBar-module_filledBars3__1OKUj rect:nth-child(-n+3) {\n fill: #b0cdf3;\n}\n\n.MiniProgressBar-module_filledBars4__T9kuj rect:nth-child(-n+4) {\n fill: #b0cdf3;\n}\n\n.MiniProgressBar-module_filledBars5__WxVpb rect {\n fill: #8e8cee;\n}";
|
|
@@ -14386,7 +14386,8 @@ var progressLookup = {
|
|
|
14386
14386
|
'100%': 5,
|
|
14387
14387
|
};
|
|
14388
14388
|
var BaseCell = function (_a) {
|
|
14389
|
-
var _b
|
|
14389
|
+
var _b;
|
|
14390
|
+
var _c = _a.align, align = _c === void 0 ? 'center' : _c, checkmarkValue = _a.checkmarkValue, _d = _a.description, description = _d === void 0 ? '' : _d, _e = _a.fontVariant, fontVariant = _e === void 0 ? 'NORMAL' : _e, _f = _a.hideProgressBar, hideProgressBar = _f === void 0 ? false : _f, _g = _a.modalTitle, modalTitle = _g === void 0 ? '' : _g, _h = _a.modalContent, modalContent = _h === void 0 ? '' : _h, openModal = _a.openModal, rating = _a.rating, _j = _a.text, text = _j === void 0 ? '' : _j;
|
|
14390
14391
|
var alignClassName = {
|
|
14391
14392
|
center: 'ta-center jc-center ai-center',
|
|
14392
14393
|
left: 'ta-left jc-start',
|
|
@@ -14397,9 +14398,10 @@ var BaseCell = function (_a) {
|
|
|
14397
14398
|
var progressBarValue = !hideProgressBar && typeof text === 'string'
|
|
14398
14399
|
? progressLookup[text]
|
|
14399
14400
|
: undefined;
|
|
14401
|
+
console.log(modalContent);
|
|
14400
14402
|
return (jsxRuntime.jsx("div", { className: classNames$1('d-flex gap8 ai-center', {
|
|
14401
14403
|
'jc-center': align === 'center',
|
|
14402
|
-
}), children: jsxRuntime.jsxs("div", { className: classNames$1('d-flex fd-column', alignClassName, styles$8.relative), children: [progressBarValue !== undefined && (jsxRuntime.jsx(MiniProgressBar, { nFilledBars: progressBarValue })), (rating === null || rating === void 0 ? void 0 : rating.value) && (jsxRuntime.jsx("span", { "data-testid": "table-cell-rating", title: "".concat(rating === null || rating === void 0 ? void 0 : rating.value, " out of 3"), children: validRatingValues.map(function (value) { return (jsxRuntime.jsx(SelectedIcon, { "aria-hidden": "true", color: value <= (rating === null || rating === void 0 ? void 0 : rating.value) ? 'primary-500' : 'grey-400', className: styles$8.icon }, value)); }) })), jsxRuntime.jsxs("div", { className: "d-flex ai-center", children: [checkmarkValue !== undefined && (jsxRuntime.jsx("span", { title: checkmarkValue ? 'Yes' : 'No', children: checkmarkValue ? (jsxRuntime.jsx(CheckIcon, { "data-testid": "table-cell-boolean-yes", size: 24, "aria-hidden": true, color: "primary-500" })) : (jsxRuntime.jsx(XIcon, { "data-testid": "table-cell-boolean-no", size: 24, "aria-hidden": true, color: "grey-400" })) })), jsxRuntime.jsxs("div", { className: "d-inline", children: [text && fontVariant === 'NORMAL' && (jsxRuntime.jsx("div", { className: "p-p d-inline", "data-testid": "table-cell-text", children: text })), text && fontVariant === 'PRICE' && (jsxRuntime.jsx("div", { className: "p-h1 p--serif tc-primary-500", "data-testid": "table-cell-content", children: text })), text && fontVariant === 'BIG_WITH_UNDERLINE' && (jsxRuntime.jsx("h2", { "aria-hidden": true, className: classNames$1('tc-grey-800 p-h2 p--serif', styles$8.bigWithUnderline), children: text })), modalContent && openModal && align == 'left' && (jsxRuntime.jsx("span", { className: "ml8", children: jsxRuntime.jsx(TableInfoButton, { onClick: function () {
|
|
14404
|
+
}), children: jsxRuntime.jsxs("div", { className: classNames$1('d-flex fd-column', alignClassName, styles$8.relative, (_b = {}, _b[styles$8.maxWidth] = modalContent && align === 'center', _b)), children: [progressBarValue !== undefined && (jsxRuntime.jsx(MiniProgressBar, { nFilledBars: progressBarValue })), (rating === null || rating === void 0 ? void 0 : rating.value) && (jsxRuntime.jsx("span", { "data-testid": "table-cell-rating", title: "".concat(rating === null || rating === void 0 ? void 0 : rating.value, " out of 3"), children: validRatingValues.map(function (value) { return (jsxRuntime.jsx(SelectedIcon, { "aria-hidden": "true", color: value <= (rating === null || rating === void 0 ? void 0 : rating.value) ? 'primary-500' : 'grey-400', className: styles$8.icon }, value)); }) })), jsxRuntime.jsxs("div", { className: "d-flex ai-center", children: [checkmarkValue !== undefined && (jsxRuntime.jsx("span", { title: checkmarkValue ? 'Yes' : 'No', children: checkmarkValue ? (jsxRuntime.jsx(CheckIcon, { "data-testid": "table-cell-boolean-yes", size: 24, "aria-hidden": true, color: "primary-500" })) : (jsxRuntime.jsx(XIcon, { "data-testid": "table-cell-boolean-no", size: 24, "aria-hidden": true, color: "grey-400" })) })), jsxRuntime.jsxs("div", { className: "d-inline", children: [text && fontVariant === 'NORMAL' && (jsxRuntime.jsx("div", { className: "p-p d-inline", "data-testid": "table-cell-text", children: text })), text && fontVariant === 'PRICE' && (jsxRuntime.jsx("div", { className: "p-h1 p--serif tc-primary-500", "data-testid": "table-cell-content", children: text })), text && fontVariant === 'BIG_WITH_UNDERLINE' && (jsxRuntime.jsx("h2", { "aria-hidden": true, className: classNames$1('tc-grey-800 p-h2 p--serif', styles$8.bigWithUnderline), children: text })), modalContent && openModal && align == 'left' && (jsxRuntime.jsx("span", { className: "ml8", children: jsxRuntime.jsx(TableInfoButton, { onClick: function () {
|
|
14403
14405
|
return openModal({
|
|
14404
14406
|
title: modalTitle,
|
|
14405
14407
|
body: modalContent,
|