react-markdown-table-ts 1.1.2 → 1.1.4
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/README.md +7 -4
- package/dist/MarkdownTable.stories.d.ts +13 -0
- package/dist/index.cjs.js +24 -7
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +24 -7
- package/dist/index.esm.js.map +1 -1
- package/dist/jest.setup.d.ts +2 -0
- package/dist/jest.setup.js +3 -0
- package/dist/jest.setup.js.map +1 -0
- package/dist/src/MarkdownTable.stories.d.ts +156 -0
- package/dist/src/MarkdownTable.stories.js +172 -0
- package/dist/src/MarkdownTable.stories.js.map +1 -0
- package/dist/src/index.d.ts +5 -0
- package/dist/src/index.js +78 -0
- package/dist/src/index.js.map +1 -0
- package/dist/src/types.d.ts +123 -0
- package/dist/src/types.js +3 -0
- package/dist/src/types.js.map +1 -0
- package/dist/src/utils.d.ts +8 -0
- package/dist/src/utils.js +176 -0
- package/dist/src/utils.js.map +1 -0
- package/dist/src/validation.d.ts +19 -0
- package/dist/src/validation.js +106 -0
- package/dist/src/validation.js.map +1 -0
- package/dist/test/MarkdownTable.test.d.ts +1 -0
- package/dist/test/MarkdownTable.test.js +91 -0
- package/dist/test/MarkdownTable.test.js.map +1 -0
- package/dist/test/utils.test.d.ts +1 -0
- package/dist/test/utils.test.js +234 -0
- package/dist/test/utils.test.js.map +1 -0
- package/dist/test/validation.test.d.ts +1 -0
- package/dist/test/validation.test.js +86 -0
- package/dist/test/validation.test.js.map +1 -0
- package/dist/types.d.ts +7 -1
- package/package.json +1 -1
package/dist/index.esm.js
CHANGED
@@ -31,6 +31,17 @@ function __extends(d, b) {
|
|
31
31
|
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
32
32
|
}
|
33
33
|
|
34
|
+
var __assign = function() {
|
35
|
+
__assign = Object.assign || function __assign(t) {
|
36
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
37
|
+
s = arguments[i];
|
38
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
39
|
+
}
|
40
|
+
return t;
|
41
|
+
};
|
42
|
+
return __assign.apply(this, arguments);
|
43
|
+
};
|
44
|
+
|
34
45
|
function __spreadArray(to, from, pack) {
|
35
46
|
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
36
47
|
if (ar || !(i in from)) {
|
@@ -4082,6 +4093,7 @@ var AlignmentFormatter = /** @class */ (function () {
|
|
4082
4093
|
right: function (width) { return "".concat('-'.repeat(width - 1), ":"); },
|
4083
4094
|
center: function (width) { return ":".concat('-'.repeat(width - 2), ":"); },
|
4084
4095
|
none: function (width) { return '-'.repeat(width); },
|
4096
|
+
justify: function (width) { return '-'.repeat(width); }
|
4085
4097
|
};
|
4086
4098
|
return AlignmentFormatter;
|
4087
4099
|
}());
|
@@ -4092,9 +4104,12 @@ var TableFormatter = /** @class */ (function () {
|
|
4092
4104
|
this.adjustedAlignments = this.getAdjustedAlignments();
|
4093
4105
|
}
|
4094
4106
|
TableFormatter.prototype.getAdjustedAlignments = function () {
|
4095
|
-
var defaultAlignment = '
|
4107
|
+
var defaultAlignment = 'none';
|
4108
|
+
var sanitizeAlignment = function (alignment) {
|
4109
|
+
return alignment === 'justify' ? 'none' : alignment;
|
4110
|
+
};
|
4096
4111
|
return this.config.columnAlignments.length < this.config.columnCount
|
4097
|
-
? __spreadArray(__spreadArray([], Array.from(this.config.columnAlignments), true), Array(this.config.columnCount - this.config.columnAlignments.length).fill(defaultAlignment), true) : Array.from(this.config.columnAlignments);
|
4112
|
+
? __spreadArray(__spreadArray([], Array.from(this.config.columnAlignments).map(sanitizeAlignment), true), Array(this.config.columnCount - this.config.columnAlignments.length).fill(defaultAlignment), true) : Array.from(this.config.columnAlignments).map(sanitizeAlignment);
|
4098
4113
|
};
|
4099
4114
|
TableFormatter.prototype.formatRow = function (row) {
|
4100
4115
|
var _this = this;
|
@@ -4244,10 +4259,10 @@ var applySyntaxHighlighting = function (preElementRef, markdownTableSyntax) {
|
|
4244
4259
|
}, [markdownTableSyntax]);
|
4245
4260
|
};
|
4246
4261
|
var MarkdownTable = function (_a) {
|
4247
|
-
var _b = _a.inputData, inputData = _b === void 0 ? null : _b, _c = _a.hasHeader, hasHeader = _c === void 0 ? true : _c, _d = _a.columnAlignments, columnAlignments = _d === void 0 ? [] : _d, _e = _a.isCompact, isCompact = _e === void 0 ? false : _e, _f = _a.hasTabs, hasTabs = _f === void 0 ? false : _f, _g = _a.hasPadding, hasPadding = _g === void 0 ? true : _g, _h = _a.convertLineBreaks, convertLineBreaks = _h === void 0 ? false : _h, className = _a.className, onGenerate = _a.onGenerate, _j = _a.theme, theme = _j === void 0 ? 'light' : _j, preStyle = _a.preStyle;
|
4262
|
+
var _b = _a.inputData, inputData = _b === void 0 ? null : _b, _c = _a.hasHeader, hasHeader = _c === void 0 ? true : _c, _d = _a.columnAlignments, columnAlignments = _d === void 0 ? [] : _d, _e = _a.isCompact, isCompact = _e === void 0 ? false : _e, _f = _a.hasTabs, hasTabs = _f === void 0 ? false : _f, _g = _a.hasPadding, hasPadding = _g === void 0 ? true : _g, _h = _a.convertLineBreaks, convertLineBreaks = _h === void 0 ? false : _h, className = _a.className, onGenerate = _a.onGenerate, _j = _a.theme, theme = _j === void 0 ? 'light' : _j, preStyle = _a.preStyle, _k = _a.topPadding, topPadding = _k === void 0 ? 16 : _k;
|
4248
4263
|
var adjustColumnWidths = !isCompact;
|
4249
4264
|
var preElementRef = useRef(null);
|
4250
|
-
var markdownTableSyntax = useMemo(function () { return generateTableSyntax(inputData, hasHeader,
|
4265
|
+
var markdownTableSyntax = useMemo(function () { return generateTableSyntax(inputData, hasHeader, columnAlignments, adjustColumnWidths, hasTabs, convertLineBreaks, hasPadding); }, [
|
4251
4266
|
inputData,
|
4252
4267
|
hasHeader,
|
4253
4268
|
columnAlignments,
|
@@ -4262,10 +4277,12 @@ var MarkdownTable = function (_a) {
|
|
4262
4277
|
}
|
4263
4278
|
}, [markdownTableSyntax, onGenerate]);
|
4264
4279
|
applySyntaxHighlighting(preElementRef, markdownTableSyntax);
|
4265
|
-
return (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.
|
4280
|
+
return (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsxs("style", { children: [theme === 'light' ? LIGHT_THEME_CSS : DARK_THEME_CSS, "\n pre {\n position: relative;\n padding-top: ".concat(topPadding, "px !important;\n }\n pre::before {\n position: absolute;\n top: 8px;\n left: 12px;\n color: ").concat(theme === 'light' ? '#666' : '#999', ";\n letter-spacing: 2px;\n font-size: 12px;\n }\n ")] }), jsxRuntimeExports.jsx("div", { style: {
|
4266
4281
|
position: 'relative',
|
4267
|
-
isolation: 'isolate'
|
4268
|
-
|
4282
|
+
isolation: 'isolate',
|
4283
|
+
display: 'flex',
|
4284
|
+
justifyContent: 'center'
|
4285
|
+
}, children: jsxRuntimeExports.jsx("pre", { ref: preElementRef, className: "".concat(className, " language-markdown line-numbers ").concat(theme === 'dark' ? 'dark-theme' : ''), style: __assign({ width: 'fit-content', minWidth: 'min-content', margin: 0 }, preStyle), children: jsxRuntimeExports.jsx("code", { className: "language-markdown", role: "code", children: markdownTableSyntax }) }) })] }));
|
4269
4286
|
};
|
4270
4287
|
|
4271
4288
|
export { MarkdownTable };
|