@popsure/dirty-swan 0.56.5 → 0.56.7
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 +13 -7
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/{TableSection-24337bc7.js → TableSection-a6e85f15.js} +13 -7
- package/dist/esm/TableSection-a6e85f15.js.map +1 -0
- package/dist/esm/components/table/Table.js +1 -1
- package/dist/esm/components/table/Table.stories.js +1 -1
- package/dist/esm/components/table/Table.test.js +1 -1
- package/dist/esm/components/table/components/TableCell/BaseCell/BaseCell.js +1 -1
- 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/components/TableCell/BaseCell/BaseCell.tsx +6 -1
- package/src/lib/hooks/useMediaQuery.ts +13 -6
- package/dist/esm/TableSection-24337bc7.js.map +0 -1
package/dist/cjs/index.js
CHANGED
|
@@ -16171,7 +16171,7 @@ var BaseCell = function (_a) {
|
|
|
16171
16171
|
'jc-center': align === 'center',
|
|
16172
16172
|
}), children: jsxRuntime.jsxs("div", { className: classNames$1('d-flex fd-column', alignClassName, (_b = {},
|
|
16173
16173
|
_b[styles$8.maxWidth] = modalContent && align === 'center',
|
|
16174
|
-
_b)), children: [progressBarValue !== undefined && (jsxRuntime.jsx(MiniProgressBar, { nFilledBars: progressBarValue })), jsxRuntime.jsxs("div", { className: "d-flex ai-center", children: [(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, size: (rating === null || rating === void 0 ? void 0 : rating.type) === 'zap' ? 16 : 14 }, value)); }) })), checkmarkValue !== undefined && (jsxRuntime.jsx("span", { className: 'd-inline-block mx8', title: checkmarkValue ? 'Yes' : 'No', children: checkmarkValue ? (jsxRuntime.jsx(CheckThickIcon, { noMargin: true, "data-testid": "table-cell-boolean-yes", size: 24, "aria-hidden": true, color: "primary-500" })) : (jsxRuntime.jsx(XIcon, { noMargin: true, "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 ml8
|
|
16174
|
+
_b)), children: [progressBarValue !== undefined && (jsxRuntime.jsx(MiniProgressBar, { nFilledBars: progressBarValue })), jsxRuntime.jsxs("div", { className: "d-flex ai-center", children: [(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, size: (rating === null || rating === void 0 ? void 0 : rating.type) === 'zap' ? 16 : 14 }, value)); }) })), checkmarkValue !== undefined && (jsxRuntime.jsx("span", { className: 'd-inline-block mx8', title: checkmarkValue ? 'Yes' : 'No', children: checkmarkValue ? (jsxRuntime.jsx(CheckThickIcon, { noMargin: true, "data-testid": "table-cell-boolean-yes", size: 24, "aria-hidden": true, color: "primary-500" })) : (jsxRuntime.jsx(XIcon, { noMargin: true, "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: classNames$1("p-p d-inline", { 'ml8': align !== 'left' }), "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 && (jsxRuntime.jsx("span", { className: "ml8", children: jsxRuntime.jsx(TableInfoButton, { onClick: function () {
|
|
16175
16175
|
return openModal({
|
|
16176
16176
|
title: modalTitle,
|
|
16177
16177
|
body: modalContent,
|
|
@@ -16255,13 +16255,13 @@ var styles$4 = {"wrapper":"Table-module_wrapper__2MMNq","container":"Table-modul
|
|
|
16255
16255
|
styleInject(css_248z$4);
|
|
16256
16256
|
|
|
16257
16257
|
var breakpointLookup = function (breakpoint) {
|
|
16258
|
+
if (typeof window === 'undefined') {
|
|
16259
|
+
return {
|
|
16260
|
+
initialValue: false,
|
|
16261
|
+
queryString: '',
|
|
16262
|
+
};
|
|
16263
|
+
}
|
|
16258
16264
|
switch (breakpoint) {
|
|
16259
|
-
case 'BELOW_MOBILE':
|
|
16260
|
-
default:
|
|
16261
|
-
return {
|
|
16262
|
-
initialValue: window.innerWidth <= 544, // 34rem = 544px = mobile breakpoint}
|
|
16263
|
-
queryString: '(max-width: 34rem)',
|
|
16264
|
-
};
|
|
16265
16265
|
case 'BELOW_TABLET':
|
|
16266
16266
|
return {
|
|
16267
16267
|
initialValue: window.innerWidth <= 720, // 45rem = 720px = tablet breakpoint
|
|
@@ -16287,6 +16287,12 @@ var breakpointLookup = function (breakpoint) {
|
|
|
16287
16287
|
initialValue: window.innerWidth >= 1024, // 64rem = 1024px = desktop breakpoint
|
|
16288
16288
|
queryString: '(min-width: 64rem)',
|
|
16289
16289
|
};
|
|
16290
|
+
case 'BELOW_MOBILE':
|
|
16291
|
+
default:
|
|
16292
|
+
return {
|
|
16293
|
+
initialValue: window.innerWidth <= 544, // 34rem = 544px = mobile breakpoint}
|
|
16294
|
+
queryString: '(max-width: 34rem)',
|
|
16295
|
+
};
|
|
16290
16296
|
}
|
|
16291
16297
|
};
|
|
16292
16298
|
var useMediaQuery = function (breakpoint) {
|