@terraware/web-components 1.0.50 → 1.0.52
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/components/TextTruncated/index.d.ts +11 -0
- package/components/TextTruncated/index.d.ts.map +1 -0
- package/components/TextTruncated/index.js +159 -0
- package/index.d.ts +2 -1
- package/index.d.ts.map +1 -1
- package/index.js +8 -0
- package/license-report.html +1 -1
- package/package.json +1 -1
- package/stories/TextTruncated.stories.d.ts +9 -0
- package/stories/TextTruncated.stories.d.ts.map +1 -0
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export interface Props {
|
|
3
|
+
stringList: string[];
|
|
4
|
+
maxLengthPx: number;
|
|
5
|
+
moreSeparator?: string;
|
|
6
|
+
moreText?: string;
|
|
7
|
+
textStyle?: Record<string, any>;
|
|
8
|
+
showAllStyle?: Record<string, any>;
|
|
9
|
+
}
|
|
10
|
+
export default function TextTruncated(props: Props): JSX.Element;
|
|
11
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextTruncated/index.tsx"],"names":[],"mappings":";AAsEA,MAAM,WAAW,KAAK;IACpB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAChC,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACpC;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CA0E/D"}
|
|
@@ -0,0 +1,159 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.default = TextTruncated;
|
|
9
|
+
|
|
10
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
11
|
+
|
|
12
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
|
|
13
|
+
|
|
14
|
+
var _material = require("@mui/material");
|
|
15
|
+
|
|
16
|
+
var _react = require("react");
|
|
17
|
+
|
|
18
|
+
var _styles = require("@mui/styles");
|
|
19
|
+
|
|
20
|
+
var useStyles = (0, _styles.makeStyles)(function (theme) {
|
|
21
|
+
return {
|
|
22
|
+
arrow: {
|
|
23
|
+
color: "".concat(theme.palette.TwClrBg, " !important"),
|
|
24
|
+
'&:before': {
|
|
25
|
+
border: "1px solid ".concat(theme.palette.TwClrBrdrTertiary)
|
|
26
|
+
}
|
|
27
|
+
},
|
|
28
|
+
tooltip: {
|
|
29
|
+
backgroundColor: "".concat(theme.palette.TwClrBg, " !important"),
|
|
30
|
+
color: "".concat(theme.palette.TwClrTxt, " !important"),
|
|
31
|
+
border: "1px solid ".concat(theme.palette.TwClrBrdrTertiary, " !important"),
|
|
32
|
+
borderRadius: '8px !important',
|
|
33
|
+
boxShadow: "0px 3px 3px ".concat(theme.palette.TwClrBaseGray100),
|
|
34
|
+
padding: '8px'
|
|
35
|
+
}
|
|
36
|
+
};
|
|
37
|
+
});
|
|
38
|
+
/**
|
|
39
|
+
* Represents the result of truncating the string list
|
|
40
|
+
* text: the text to display before the '...# more' link
|
|
41
|
+
* numberMore: the number to display in the '...# more' link
|
|
42
|
+
* has two special values
|
|
43
|
+
* 0: the full text can be displayed; do not show '...# more'
|
|
44
|
+
* -1: the list is of length one but the element cannot be fully
|
|
45
|
+
* displayed. show '...more' without a '#'
|
|
46
|
+
*/
|
|
47
|
+
|
|
48
|
+
/**
|
|
49
|
+
* Compute TextDisplay for a list of strings
|
|
50
|
+
* @param strings list of strings to process
|
|
51
|
+
* @param maxLength max displayable length
|
|
52
|
+
*/
|
|
53
|
+
function computeFromStringList(strings, maxLength) {
|
|
54
|
+
if (strings[0].length > maxLength) {
|
|
55
|
+
// case in which the first string is too long to fit by itself
|
|
56
|
+
return {
|
|
57
|
+
text: strings[0].substring(0, maxLength),
|
|
58
|
+
numberMore: strings.length === 1 ? -1 : strings.length - 1
|
|
59
|
+
};
|
|
60
|
+
} // concatenate strings with ', ' and stop before exceeding max
|
|
61
|
+
|
|
62
|
+
|
|
63
|
+
var stringsRemaining = strings.length - 1;
|
|
64
|
+
var result = strings[0];
|
|
65
|
+
|
|
66
|
+
for (var i = 1; i < strings.length; i++) {
|
|
67
|
+
var tempResult = [result, strings[i]].join(', ');
|
|
68
|
+
|
|
69
|
+
if (tempResult.length > maxLength) {
|
|
70
|
+
break;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
stringsRemaining--;
|
|
74
|
+
result = tempResult;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
return {
|
|
78
|
+
text: result,
|
|
79
|
+
numberMore: stringsRemaining
|
|
80
|
+
};
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
function TextTruncated(props) {
|
|
84
|
+
var stringList = props.stringList,
|
|
85
|
+
maxLengthPx = props.maxLengthPx,
|
|
86
|
+
_props$moreSeparator = props.moreSeparator,
|
|
87
|
+
moreSeparator = _props$moreSeparator === void 0 ? '... ' : _props$moreSeparator,
|
|
88
|
+
_props$moreText = props.moreText,
|
|
89
|
+
moreText = _props$moreText === void 0 ? 'more' : _props$moreText,
|
|
90
|
+
textStyle = props.textStyle,
|
|
91
|
+
showAllStyle = props.showAllStyle;
|
|
92
|
+
|
|
93
|
+
var _useState = (0, _react.useState)(false),
|
|
94
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
95
|
+
showAllOpen = _useState2[0],
|
|
96
|
+
setShowAllOpen = _useState2[1];
|
|
97
|
+
|
|
98
|
+
var classes = useStyles();
|
|
99
|
+
|
|
100
|
+
var _useState3 = (0, _react.useState)(),
|
|
101
|
+
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
|
|
102
|
+
canvasContext = _useState4[0],
|
|
103
|
+
setCanvasContext = _useState4[1];
|
|
104
|
+
|
|
105
|
+
var theme = (0, _material.useTheme)();
|
|
106
|
+
(0, _react.useEffect)(function () {
|
|
107
|
+
var _canvas$getContext;
|
|
108
|
+
|
|
109
|
+
var canvas = document.createElement('canvas');
|
|
110
|
+
setCanvasContext((_canvas$getContext = canvas === null || canvas === void 0 ? void 0 : canvas.getContext('2d')) !== null && _canvas$getContext !== void 0 ? _canvas$getContext : undefined);
|
|
111
|
+
}, []);
|
|
112
|
+
var pixelsPerChar = (0, _react.useMemo)(function () {
|
|
113
|
+
// compute the pixels per character, averaged over the comma-separated joined stringList
|
|
114
|
+
var fullText = stringList.join(', ');
|
|
115
|
+
var result = 0;
|
|
116
|
+
|
|
117
|
+
if (canvasContext) {
|
|
118
|
+
var fontSize = textStyle && textStyle.fontSize || theme.typography.fontSize;
|
|
119
|
+
var fontFamily = textStyle && textStyle.fontFamily || theme.typography.fontFamily;
|
|
120
|
+
canvasContext.font = "".concat(fontSize, "px ").concat(fontFamily);
|
|
121
|
+
result = canvasContext.measureText(fullText).width;
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
return result / fullText.length;
|
|
125
|
+
}, [stringList, textStyle, canvasContext]);
|
|
126
|
+
var maxExcludingSuffix = stringList.join(', ').length;
|
|
127
|
+
|
|
128
|
+
if (pixelsPerChar > 0) {
|
|
129
|
+
var maxChars = maxLengthPx / pixelsPerChar;
|
|
130
|
+
maxExcludingSuffix = maxChars - moreSeparator.length - moreText.length - 1 - Math.ceil(Math.log10(stringList.length));
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
var textToDisplay = computeFromStringList(stringList, maxExcludingSuffix);
|
|
134
|
+
return /*#__PURE__*/React.createElement(_material.Typography, {
|
|
135
|
+
sx: textStyle
|
|
136
|
+
}, textToDisplay.text, textToDisplay.numberMore !== 0 ? moreSeparator : '', textToDisplay.numberMore !== 0 ? /*#__PURE__*/React.createElement(_material.Tooltip, {
|
|
137
|
+
arrow: true,
|
|
138
|
+
classes: {
|
|
139
|
+
arrow: classes.arrow,
|
|
140
|
+
tooltip: classes.tooltip
|
|
141
|
+
},
|
|
142
|
+
open: showAllOpen,
|
|
143
|
+
title: /*#__PURE__*/React.createElement(_material.Typography, {
|
|
144
|
+
sx: showAllStyle
|
|
145
|
+
}, stringList.join(', '))
|
|
146
|
+
}, /*#__PURE__*/React.createElement(_material.Link, {
|
|
147
|
+
component: "button",
|
|
148
|
+
onClick: function onClick() {
|
|
149
|
+
return setShowAllOpen(!showAllOpen);
|
|
150
|
+
},
|
|
151
|
+
onBlur: function onBlur() {
|
|
152
|
+
return setShowAllOpen(false);
|
|
153
|
+
}
|
|
154
|
+
}, /*#__PURE__*/React.createElement(_material.Typography, {
|
|
155
|
+
sx: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, textStyle), {}, {
|
|
156
|
+
marginTop: '-3px'
|
|
157
|
+
})
|
|
158
|
+
}, (textToDisplay.numberMore > 0 ? textToDisplay.numberMore + ' ' : '') + moreText))) : null);
|
|
159
|
+
}
|
package/index.d.ts
CHANGED
|
@@ -20,6 +20,7 @@ import Select from './components/Select/Select';
|
|
|
20
20
|
import SelectT from './components/Select/SelectT';
|
|
21
21
|
import SummaryBox from './components/SummaryBox';
|
|
22
22
|
import Textfield from './components/Textfield/Textfield';
|
|
23
|
+
import TextTruncated from './components/TextTruncated';
|
|
23
24
|
import Table from './components/table';
|
|
24
25
|
import { descendingComparator, getComparator, SortOrder, stableSort } from './components/table/sort';
|
|
25
26
|
import CellRenderer, { CellDateRenderer, TableRowType } from './components/table/TableCellRenderer';
|
|
@@ -30,5 +31,5 @@ import theme from './theme';
|
|
|
30
31
|
export type { IconName } from './components/Icon/icons/';
|
|
31
32
|
export type { Size } from './components/Size';
|
|
32
33
|
export type { EnhancedTableDetailsRow, RendererProps, TableColumnType, TableRowType, SortOrder };
|
|
33
|
-
export { Autocomplete, Button, CellRenderer, CellDateRenderer, Checkbox, DatePicker, descendingComparator, DialogBox, Divisor, Dropdown, DropdownV1, ErrorBox, getComparator, icons, Icon, IconTooltip, Message, NavFooter, NavItem, NavSection, Navbar, Note, ProgressCircle, RadioButton, Select, SelectT, stableSort, SummaryBox, Svg, Textfield, Table, theme, };
|
|
34
|
+
export { Autocomplete, Button, CellRenderer, CellDateRenderer, Checkbox, DatePicker, descendingComparator, DialogBox, Divisor, Dropdown, DropdownV1, ErrorBox, getComparator, icons, Icon, IconTooltip, Message, NavFooter, NavItem, NavSection, Navbar, Note, ProgressCircle, RadioButton, Select, SelectT, stableSort, SummaryBox, Svg, Textfield, TextTruncated, Table, theme, };
|
|
34
35
|
//# sourceMappingURL=index.d.ts.map
|
package/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAClE,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAC7C,OAAO,UAAU,MAAM,oCAAoC,CAAC;AAC5D,OAAO,SAAS,MAAM,kCAAkC,CAAC;AACzD,OAAO,OAAO,MAAM,sBAAsB,CAAC;AAC3C,OAAO,QAAQ,EAAE,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,QAAQ,MAAM,gCAAgC,CAAC;AACtD,OAAO,IAAI,MAAM,wBAAwB,CAAC;AAC1C,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,KAAK,MAAM,yBAAyB,CAAC;AAC5C,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,SAAS,MAAM,+BAA+B,CAAC;AACtD,OAAO,OAAO,MAAM,6BAA6B,CAAC;AAClD,OAAO,UAAU,MAAM,gCAAgC,CAAC;AACxD,OAAO,IAAI,MAAM,mBAAmB,CAAC;AACrC,OAAO,cAAc,MAAM,4CAA4C,CAAC;AACxE,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,OAAO,MAAM,6BAA6B,CAAC;AAElD,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,SAAS,MAAM,kCAAkC,CAAC;AACzD,OAAO,KAAK,MAAM,oBAAoB,CAAC;AACvC,OAAO,EAAE,oBAAoB,EAAE,aAAa,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrG,OAAO,YAAY,EAAE,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpG,OAAO,EAAE,uBAAuB,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AACnG,OAAO,KAAK,GAAG,MAAM,kBAAkB,CAAC;AACxC,OAAO,OAAO,MAAM,8BAA8B,CAAC;AACnD,OAAO,KAAK,MAAM,SAAS,CAAC;AAE5B,YAAY,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACzD,YAAY,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAC9C,YAAY,EAAE,uBAAuB,EAAE,aAAa,EAAE,eAAe,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC;AAEjG,OAAO,EACL,YAAY,EACZ,MAAM,EACN,YAAY,EACZ,gBAAgB,EAChB,QAAQ,EACR,UAAU,EACV,oBAAoB,EACpB,SAAS,EACT,OAAO,EACP,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,aAAa,EACb,KAAK,EACL,IAAI,EACJ,WAAW,EACX,OAAO,EACP,SAAS,EACT,OAAO,EACP,UAAU,EACV,MAAM,EACN,IAAI,EACJ,cAAc,EACd,WAAW,EACX,MAAM,EACN,OAAO,EACP,UAAU,EACV,UAAU,EACV,GAAG,EACH,SAAS,EACT,KAAK,EACL,KAAK,GACN,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAClE,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAC7C,OAAO,UAAU,MAAM,oCAAoC,CAAC;AAC5D,OAAO,SAAS,MAAM,kCAAkC,CAAC;AACzD,OAAO,OAAO,MAAM,sBAAsB,CAAC;AAC3C,OAAO,QAAQ,EAAE,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,QAAQ,MAAM,gCAAgC,CAAC;AACtD,OAAO,IAAI,MAAM,wBAAwB,CAAC;AAC1C,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,KAAK,MAAM,yBAAyB,CAAC;AAC5C,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,SAAS,MAAM,+BAA+B,CAAC;AACtD,OAAO,OAAO,MAAM,6BAA6B,CAAC;AAClD,OAAO,UAAU,MAAM,gCAAgC,CAAC;AACxD,OAAO,IAAI,MAAM,mBAAmB,CAAC;AACrC,OAAO,cAAc,MAAM,4CAA4C,CAAC;AACxE,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,OAAO,MAAM,6BAA6B,CAAC;AAElD,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,SAAS,MAAM,kCAAkC,CAAC;AACzD,OAAO,aAAa,MAAM,4BAA4B,CAAC;AACvD,OAAO,KAAK,MAAM,oBAAoB,CAAC;AACvC,OAAO,EAAE,oBAAoB,EAAE,aAAa,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrG,OAAO,YAAY,EAAE,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpG,OAAO,EAAE,uBAAuB,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AACnG,OAAO,KAAK,GAAG,MAAM,kBAAkB,CAAC;AACxC,OAAO,OAAO,MAAM,8BAA8B,CAAC;AACnD,OAAO,KAAK,MAAM,SAAS,CAAC;AAE5B,YAAY,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACzD,YAAY,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAC9C,YAAY,EAAE,uBAAuB,EAAE,aAAa,EAAE,eAAe,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC;AAEjG,OAAO,EACL,YAAY,EACZ,MAAM,EACN,YAAY,EACZ,gBAAgB,EAChB,QAAQ,EACR,UAAU,EACV,oBAAoB,EACpB,SAAS,EACT,OAAO,EACP,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,aAAa,EACb,KAAK,EACL,IAAI,EACJ,WAAW,EACX,OAAO,EACP,SAAS,EACT,OAAO,EACP,UAAU,EACV,MAAM,EACN,IAAI,EACJ,cAAc,EACd,WAAW,EACX,MAAM,EACN,OAAO,EACP,UAAU,EACV,UAAU,EACV,GAAG,EACH,SAAS,EACT,aAAa,EACb,KAAK,EACL,KAAK,GACN,CAAC"}
|
package/index.js
CHANGED
|
@@ -143,6 +143,12 @@ Object.defineProperty(exports, "Textfield", {
|
|
|
143
143
|
return _Textfield.default;
|
|
144
144
|
}
|
|
145
145
|
});
|
|
146
|
+
Object.defineProperty(exports, "TextTruncated", {
|
|
147
|
+
enumerable: true,
|
|
148
|
+
get: function get() {
|
|
149
|
+
return _TextTruncated.default;
|
|
150
|
+
}
|
|
151
|
+
});
|
|
146
152
|
Object.defineProperty(exports, "Table", {
|
|
147
153
|
enumerable: true,
|
|
148
154
|
get: function get() {
|
|
@@ -237,6 +243,8 @@ var _SummaryBox = _interopRequireDefault(require("./components/SummaryBox"));
|
|
|
237
243
|
|
|
238
244
|
var _Textfield = _interopRequireDefault(require("./components/Textfield/Textfield"));
|
|
239
245
|
|
|
246
|
+
var _TextTruncated = _interopRequireDefault(require("./components/TextTruncated"));
|
|
247
|
+
|
|
240
248
|
var _table = _interopRequireDefault(require("./components/table"));
|
|
241
249
|
|
|
242
250
|
var _sort = require("./components/table/sort");
|
package/license-report.html
CHANGED
|
@@ -45,6 +45,6 @@ th, td {
|
|
|
45
45
|
padding: 15px;
|
|
46
46
|
}
|
|
47
47
|
</style>
|
|
48
|
-
<table><thead><tr><th class="string">department</th><th class="string">related to</th><th class="string">name</th><th class="string">license period</th><th class="string">material / not material</th><th class="string">license type</th><th class="string">link</th><th class="string">remote version</th><th class="string">installed version</th><th class="string">defined version</th><th class="string">author</th></tr></thead><tbody><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@date-io/date-fns</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/dmtrKovalenko/date-io.git</td><td class="string">2.16.0</td><td class="string">2.15.0</td><td class="string">^2.14.0</td><td class="string">Dmitriy Kovalenko dmtr.kovalenko@outlook.com</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@date-io/moment</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/dmtrKovalenko/date-io.git</td><td class="string">2.16.0</td><td class="string">2.10.11</td><td class="string">^2.10.11</td><td class="string">Dmitriy Kovalenko dmtr.kovalenko@outlook.com</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@dnd-kit/core</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/clauderic/dnd-kit.git</td><td class="string">6.0.5</td><td class="string">6.0.5</td><td class="string">^6.0.5</td><td class="string">Claudéric Demers</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@dnd-kit/sortable</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/clauderic/dnd-kit.git</td><td class="string">7.0.1</td><td class="string">7.0.1</td><td class="string">^7.0.1</td><td class="string">Claudéric Demers</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@emotion/react</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/emotion-js/emotion.git#main</td><td class="string">11.10.
|
|
48
|
+
<table><thead><tr><th class="string">department</th><th class="string">related to</th><th class="string">name</th><th class="string">license period</th><th class="string">material / not material</th><th class="string">license type</th><th class="string">link</th><th class="string">remote version</th><th class="string">installed version</th><th class="string">defined version</th><th class="string">author</th></tr></thead><tbody><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@date-io/date-fns</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/dmtrKovalenko/date-io.git</td><td class="string">2.16.0</td><td class="string">2.15.0</td><td class="string">^2.14.0</td><td class="string">Dmitriy Kovalenko dmtr.kovalenko@outlook.com</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@date-io/moment</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/dmtrKovalenko/date-io.git</td><td class="string">2.16.0</td><td class="string">2.10.11</td><td class="string">^2.10.11</td><td class="string">Dmitriy Kovalenko dmtr.kovalenko@outlook.com</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@dnd-kit/core</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/clauderic/dnd-kit.git</td><td class="string">6.0.5</td><td class="string">6.0.5</td><td class="string">^6.0.5</td><td class="string">Claudéric Demers</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@dnd-kit/sortable</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/clauderic/dnd-kit.git</td><td class="string">7.0.1</td><td class="string">7.0.1</td><td class="string">^7.0.1</td><td class="string">Claudéric Demers</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@emotion/react</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/emotion-js/emotion.git#main</td><td class="string">11.10.5</td><td class="string">11.10.0</td><td class="string">^11.9.3</td><td class="string">Emotion Contributors</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@mui/icons-material</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">5.10.9</td><td class="string">5.8.4</td><td class="string">^5.8.4</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@mui/material</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">5.10.11</td><td class="string">5.10.1</td><td class="string">^5.8.7</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@mui/styles</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">5.10.10</td><td class="string">5.9.3</td><td class="string">^5.8.7</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@mui/x-date-pickers</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/mui-x.git</td><td class="string">5.0.5</td><td class="string">5.0.0-beta.6</td><td class="string">^5.0.0-alpha.7</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">classnames</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/JedWatson/classnames.git</td><td class="string">2.3.2</td><td class="string">2.3.1</td><td class="string">^2.3.1</td><td class="string">Jed Watson</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">date-fns</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/date-fns/date-fns.git</td><td class="string">2.29.3</td><td class="string">2.29.2</td><td class="string">^2.28.0</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">moment</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/moment/moment.git</td><td class="string">2.29.4</td><td class="string">2.29.1</td><td class="string">^2.29.1</td><td class="string">Iskren Ivov Chernev <iskren.chernev@gmail.com> (https://github.com/ichernev)</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">moment-timezone</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/moment/moment-timezone.git</td><td class="string">0.5.38</td><td class="string">0.5.37</td><td class="string">^0.5.37</td><td class="string">Tim Wood <washwithcare@gmail.com> (http://timwoodcreates.com/)</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">react</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/facebook/react.git</td><td class="string">17.0.2</td><td class="string">17.0.2</td><td class="string">^17.0.2</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">react-dom</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/facebook/react.git</td><td class="string">17.0.2</td><td class="string">17.0.2</td><td class="string">^17.0.2</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">react-responsive</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git://github.com/contra/react-responsive.git</td><td class="string">9.0.0</td><td class="string">9.0.0-beta.10</td><td class="string">^9.0.0-beta.6</td><td class="string">Contra <yo@contra.io> (https://contra.io)</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">react-sortable-hoc</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/clauderic/react-sortable-hoc.git</td><td class="string">2.0.0</td><td class="string">2.0.0</td><td class="string">^2.0.0</td><td class="string">Clauderic Demers me@ced.io</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">sass</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/sass/dart-sass.git</td><td class="string">1.55.0</td><td class="string">1.35.1</td><td class="string">^1.35.1</td><td class="string">Natalie Weizenbaum nweiz@google.com https://github.com/nex3</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">tinycolor2</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/bgrins/TinyColor.git</td><td class="string">1.4.2</td><td class="string">1.4.2</td><td class="string">^1.4.2</td><td class="string">Brian Grinstead <briangrinstead@gmail.com> (http://briangrinstead.com)</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">web-vitals</td><td class="string">perpetual</td><td class="string">material</td><td class="string">Apache-2.0</td><td class="string">git+https://github.com/GoogleChrome/web-vitals.git</td><td class="string">1.1.2</td><td class="string">1.1.2</td><td class="string">^1.0.1</td><td class="string">Philip Walton philip@philipwalton.com http://philipwalton.com</td></tr></tbody></table>
|
|
49
49
|
</body>
|
|
50
50
|
</html>
|
package/package.json
CHANGED
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { Story } from '@storybook/react';
|
|
2
|
+
import TextTruncated, { Props as TextTruncatedProps } from '../components/TextTruncated/index';
|
|
3
|
+
declare const _default: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: typeof TextTruncated;
|
|
6
|
+
};
|
|
7
|
+
export default _default;
|
|
8
|
+
export declare const Default: Story<TextTruncatedProps>;
|
|
9
|
+
//# sourceMappingURL=TextTruncated.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextTruncated.stories.d.ts","sourceRoot":"","sources":["../../src/stories/TextTruncated.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,OAAO,aAAa,EAAE,EACpB,KAAK,IAAI,kBAAkB,EAC5B,MAAM,mCAAmC,CAAC;;;;;AAE3C,wBAGE;AAMF,eAAO,MAAM,OAAO,2BAAoB,CAAC"}
|