@cashub/ui 0.22.2 → 0.22.3
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/package.json +1 -1
- package/table/Table.js +32 -21
package/package.json
CHANGED
package/table/Table.js
CHANGED
|
@@ -16,7 +16,7 @@ var _Paginate = _interopRequireDefault(require("../paginate/Paginate"));
|
|
|
16
16
|
var _Select = _interopRequireDefault(require("../select/Select"));
|
|
17
17
|
var _Popover = _interopRequireDefault(require("../popover/Popover"));
|
|
18
18
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
19
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
|
|
19
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
|
|
20
20
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
21
21
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
22
22
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
@@ -189,6 +189,7 @@ const Table = _ref => {
|
|
|
189
189
|
clickable: onRowClick,
|
|
190
190
|
active: active,
|
|
191
191
|
primary: rowConfig.primary,
|
|
192
|
+
border: rowConfig.border,
|
|
192
193
|
backgroundReverse: backgroundReverse,
|
|
193
194
|
onClick: event => {
|
|
194
195
|
handleRowClick(event, row);
|
|
@@ -260,7 +261,7 @@ const Table = _ref => {
|
|
|
260
261
|
};
|
|
261
262
|
const ResponsiveTable = _styledComponents.default.table(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n width: 100%;\n border-collapse: separate;\n margin-top: calc(var(--spacing-s) * -1);\n border-spacing: 0 var(--spacing-s);\n color: var(--font-on-background);\n table-layout: fixed;\n"])));
|
|
262
263
|
const TableHead = _styledComponents.default.thead(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n ", "\n"])), _media.default.mobile(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n display: none;\n "]))));
|
|
263
|
-
const BodyTR = _styledComponents.default.tr(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n &:hover {\n > td {\n border-color: var(--color-primary);\n }\n }\n\n ", "\n\n ", "\n \n ", "\n"])), _ref2 => {
|
|
264
|
+
const BodyTR = _styledComponents.default.tr(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n &:hover {\n > td {\n border-color: var(--color-primary);\n border-width: var(--border-width);\n }\n }\n\n ", "\n\n ", "\n\n ", "\n \n ", "\n"])), _ref2 => {
|
|
264
265
|
let {
|
|
265
266
|
active,
|
|
266
267
|
primary
|
|
@@ -268,45 +269,55 @@ const BodyTR = _styledComponents.default.tr(_templateObject4 || (_templateObject
|
|
|
268
269
|
return (active || primary) && (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n > td {\n background: var(--color-background3);\n }\n "])));
|
|
269
270
|
}, _ref3 => {
|
|
270
271
|
let {
|
|
271
|
-
|
|
272
|
+
border
|
|
272
273
|
} = _ref3;
|
|
274
|
+
return border && (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n > td {\n border-color: var(--color-white);\n border-width: 3px;\n }\n "])));
|
|
275
|
+
}, _ref4 => {
|
|
276
|
+
let {
|
|
277
|
+
clickable
|
|
278
|
+
} = _ref4;
|
|
273
279
|
return clickable && 'pointer: cursor;';
|
|
274
|
-
}, _media.default.mobile(
|
|
280
|
+
}, _media.default.mobile(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n overflow: hidden;\n position: relative;\n transition: .3s;\n display: block;\n margin-bottom: 0.75rem;\n padding: var(--spacing-xs) var(--spacing-s);\n background: var(\n --color-background", "\n );\n border-radius: var(--border-radius);\n transition: .3s;\n border: 1px solid transparent;\n\n &:hover {\n border: var(--border-width) solid var(--color-primary);\n }\n\n ", "\n\n ", "\n\n ", "\n "])), _ref5 => {
|
|
275
281
|
let {
|
|
276
282
|
backgroundReverse
|
|
277
|
-
} =
|
|
283
|
+
} = _ref5;
|
|
278
284
|
return backgroundReverse ? 1 : 2;
|
|
279
|
-
},
|
|
285
|
+
}, _ref6 => {
|
|
280
286
|
let {
|
|
281
287
|
active,
|
|
282
288
|
primary
|
|
283
|
-
} =
|
|
284
|
-
return (active || primary) && (0, _styledComponents.css)(
|
|
285
|
-
},
|
|
289
|
+
} = _ref6;
|
|
290
|
+
return (active || primary) && (0, _styledComponents.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n background: var(--color-background3);\n "])));
|
|
291
|
+
}, _ref7 => {
|
|
292
|
+
let {
|
|
293
|
+
border
|
|
294
|
+
} = _ref7;
|
|
295
|
+
return border && (0, _styledComponents.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n border-color: var(--color-white);\n border-width: 3px;\n "])));
|
|
296
|
+
}, _ref8 => {
|
|
286
297
|
let {
|
|
287
298
|
noData
|
|
288
|
-
} =
|
|
289
|
-
return noData && (0, _styledComponents.css)(
|
|
299
|
+
} = _ref8;
|
|
300
|
+
return noData && (0, _styledComponents.css)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n height: 168px;\n\n > td {\n &:first-child:before {\n display: none;\n }\n }\n "])));
|
|
290
301
|
}));
|
|
291
|
-
const TableDataCell = _styledComponents.default.td(
|
|
302
|
+
const TableDataCell = _styledComponents.default.td(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n height: 48px;\n background: ", ";\n padding: 0 var(--spacing-xs);\n max-width: 0px;\n text-align: ", ";\n vertical-align: middle;\n border-top: var(--border-width) solid transparent;\n border-bottom: var(--border-width) solid transparent;\n transition: border-color 0.3s;\n\n &:first-child {\n border-left: var(--border-width) solid transparent;\n border-top-left-radius: var(--border-radius-l);\n border-bottom-left-radius: var(--border-radius-l);\n padding-left: var(--spacing);\n }\n\n &:last-child {\n border-right: var(--border-width) solid transparent;\n border-top-right-radius: var(--border-radius-l);\n border-bottom-right-radius: var(--border-radius-l);\n padding-right: var(--spacing);\n }\n\n > span {\n display: inline-block;\n width: 100%;\n overflow: hidden;\n white-space: pre;\n text-overflow: ellipsis;\n }\n\n ", "\n\n ", "\n"])), _ref9 => {
|
|
292
303
|
let {
|
|
293
304
|
backgroundReverse
|
|
294
|
-
} =
|
|
305
|
+
} = _ref9;
|
|
295
306
|
return backgroundReverse ? 'var(--color-background1)' : 'var(--color-background2)';
|
|
296
|
-
},
|
|
307
|
+
}, _ref10 => {
|
|
297
308
|
let {
|
|
298
309
|
center
|
|
299
|
-
} =
|
|
310
|
+
} = _ref10;
|
|
300
311
|
return center ? 'center' : 'left';
|
|
301
|
-
},
|
|
312
|
+
}, _ref11 => {
|
|
302
313
|
let {
|
|
303
314
|
noData
|
|
304
|
-
} =
|
|
305
|
-
return noData && (0, _styledComponents.css)(
|
|
306
|
-
}, _media.default.mobile(
|
|
315
|
+
} = _ref11;
|
|
316
|
+
return noData && (0, _styledComponents.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n padding: 20px 0;\n "])));
|
|
317
|
+
}, _media.default.mobile(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n display: flex;\n height: auto;\n margin-bottom: var(--spacing-xs);\n background: transparent !important;\n border: none !important;\n min-width: 100%;\n \n &:first-child {\n padding: var(--spacing-xs) 0 0 var(--spacing-xs);\n }\n\n &:last-child {\n padding-right: var(--spacing-xs);\n }\n\n &:before {\n content: attr(data-label) \": \";\n font-weight: bold;\n padding-right: var(--spacing-xs);\n }\n\n > span {\n flex: 1;\n }\n \n ", "\n "])), _ref12 => {
|
|
307
318
|
let {
|
|
308
319
|
custom
|
|
309
|
-
} =
|
|
310
|
-
return custom && (0, _styledComponents.css)(
|
|
320
|
+
} = _ref12;
|
|
321
|
+
return custom && (0, _styledComponents.css)(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n &:last-child:before {\n display: none;\n }\n\n &:last-child {\n padding: 0;\n position: absolute;\n right: 0.75rem;\n top: var(--spacing-xs);\n justify-content: flex-end;\n }\n "])));
|
|
311
322
|
}));
|
|
312
323
|
var _default = exports.default = Table;
|