td-stylekit 28.41.0 → 28.42.1

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [28.42.1](https://github.com/treasure-data/td-stylekit/compare/v28.42.0...v28.42.1) (2024-07-16)
+
+
+### Bug Fixes
+
+* **CON-16406:** Vendor and fix react-middle-ellipsis ([#1580](https://github.com/treasure-data/td-stylekit/issues/1580)) ([21c4aa4](https://github.com/treasure-data/td-stylekit/commit/21c4aa4843cb8da35119f1c734912edba689fcb1))
+
+# [28.42.0](https://github.com/treasure-data/td-stylekit/compare/v28.41.0...v28.42.0) (2024-06-25)
+
+
+### Features
+
+* **CON-14986:** Allow typing in DateControl time fields ([#1575](https://github.com/treasure-data/td-stylekit/issues/1575)) ([a184312](https://github.com/treasure-data/td-stylekit/commit/a1843124080ed7fbd4958d3ace18606487a90786))
+
 # [28.41.0](https://github.com/treasure-data/td-stylekit/compare/v28.40.5...v28.41.0) (2024-06-19)
 
 

package/dist/es/DateControl/DateControl.js

@@ -172,7 +172,7 @@ var UnstyledDateControl = exports.UnstyledDateControl = function UnstyledDateCon
   }, [previousValue, value, displayTimePart, resolvedDisplayFormat, previousEditor, editor, locale]);
   var onFocus = function onFocus() {
     window.setTimeout(function () {
-      if (inputRef !== null && inputRef !== void 0 && inputRef.current) {
+      if (inputRef !== null && inputRef !== void 0 && inputRef.current && editor !== 'date-time') {
         inputRef.current.select();
       }
     }, 0);

package/dist/es/MiddleTruncatedText/MiddleEllipsis.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+type Props = {
+    /** Only accepts one html element child and the text must be the direct child of that */
+    children: React.ReactNode;
+    /** In order to update when the children change a key is required */
+    key: string;
+};
+export declare function MiddleEllipsis(props: Props): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=MiddleEllipsis.d.ts.map

package/dist/es/MiddleTruncatedText/MiddleEllipsis.js

@@ -0,0 +1,101 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MiddleEllipsis = MiddleEllipsis;
+var _react = require("react");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
+if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
+/**
+MIT License
+
+Copyright (c) 2019 Peter Bray
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+Copied & modified from https://github.com/bluepeter/react-middle-ellipsis/blob/88bc58d855fb3b47cee2c54b8d5a3c9a736debb7/src/index.js
+ */
+function ellipse(parentNode, childNode, txtNode) {
+  var childWidth = childNode.offsetWidth;
+  var containerWidth = parentNode.offsetWidth;
+  var txtWidth = txtNode.offsetWidth;
+  var targetWidth = childWidth > txtWidth ? childWidth : txtWidth;
+  if (targetWidth > containerWidth) {
+    var _txtNode$textContent;
+    var str = (_txtNode$textContent = txtNode.textContent) !== null && _txtNode$textContent !== void 0 ? _txtNode$textContent : '';
+    var txtChars = str.length;
+    var avgLetterSize = txtWidth / txtChars;
+    var canFit = (containerWidth - (targetWidth - txtWidth)) / avgLetterSize;
+    var delEachSide = (txtChars - canFit + 5) / 2;
+    var endLeft = Math.floor(txtChars / 2 - delEachSide);
+    var startRight = Math.ceil(txtChars / 2 + delEachSide);
+    txtNode.setAttribute('data-original', str);
+    txtNode.textContent = str.substring(0, endLeft) + '...' + str.substring(startRight);
+  }
+}
+function isHTMLElement(node) {
+  if (!node) {
+    return false;
+  }
+  return node.nodeType === Node.ELEMENT_NODE;
+}
+function prepEllipse(node) {
+  var parent = node.parentNode;
+  var child = node.childNodes[0];
+  var txtToEllipse = child;
+  if (isHTMLElement(parent) && isHTMLElement(child) && isHTMLElement(txtToEllipse)) {
+    // (Re)-set text back to data-original-text if it exists.
+    if (txtToEllipse.hasAttribute('data-original')) {
+      txtToEllipse.textContent = txtToEllipse.getAttribute('data-original');
+    }
+    var parentOffsetWidth = isHTMLElement(parent) ? parent.offsetWidth : 0;
+    ellipse(
+    // Use the smaller width.
+    node.offsetWidth > parentOffsetWidth ? parent : node, child, txtToEllipse);
+  }
+}
+function MiddleEllipsis(props) {
+  var measuredParentRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(function () {
+    function onResize() {
+      if (measuredParentRef.current) {
+        prepEllipse(measuredParentRef.current);
+      }
+    }
+
+    // Run initially
+    onResize();
+    window.addEventListener('resize', onResize);
+    return function () {
+      window.removeEventListener('resize', onResize);
+    };
+  }, []);
+  return (0, _jsxRuntime.jsx)("div", {
+    "data-gs-c": gsC(props.children),
+    "data-gs": gs("src", "middletruncatedtext", "middleellipsis.tsx", "middle-ellipsis", "div"),
+    ref: measuredParentRef,
+    style: {
+      wordBreak: 'keep-all',
+      overflowWrap: 'normal'
+    },
+    children: props.children
+  });
+}

package/dist/es/MiddleTruncatedText/MiddleTruncatedText.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _reactMiddleEllipsis = _interopRequireDefault(require("react-middle-ellipsis"));
+var _MiddleEllipsis = require("./MiddleEllipsis");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
@@ -31,7 +31,7 @@ var Container = /*#__PURE__*/(0, _base["default"])('div', process.env.NODE_ENV =
 } : {
   name: "1bmnxg7",
   styles: "white-space:nowrap",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9NaWRkbGVUcnVuY2F0ZWRUZXh0L01pZGRsZVRydW5jYXRlZFRleHQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVlrQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvTWlkZGxlVHJ1bmNhdGVkVGV4dC9NaWRkbGVUcnVuY2F0ZWRUZXh0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogSWYgYSBzdHJpbmcgb2YgdGV4dCBkb2VzIG5vdCBmaXQgd2l0aGluIHRoZSBhdmFpbGFibGUgd2lkdGggdGhpcyBjb21wb25lbnQgdHJ1bmNhdGVzIGl0IGluIHRoZSBtaWRkbGUgKGVnIFwiYWJjLi4ueHl6XCIpLlxuICpcbiAqIFByaW9yIGFydCBmcm9tIE9TIFggYW5kIGl0cyBzdHlsZSBndWlkZTpcbiAqIGh0dHBzOi8vZGV2ZWxvcGVyLmFwcGxlLmNvbS9saWJyYXJ5L21hYy9kb2N1bWVudGF0aW9uL1VzZXJFeHBlcmllbmNlL0NvbmNlcHR1YWwvT1NYSElHdWlkZWxpbmVzL1Rlcm1pbm9sb2d5V29yZGluZy5odG1sXG4gKiAgIFwiQW4gZWxsaXBzaXMgY2hhcmFjdGVyIGNhbiBhbHNvIHNob3cgdGhhdCB0aGVyZSBpcyBtb3JlIHRleHQgdGhhbiB0aGVyZSBpcyByb29tIHRvIGRpc3BsYXkgaW4gYSBkb2N1bWVudCB0aXRsZSBvciBsaXN0IGl0ZW0uXG4gKiBJbiBnZW5lcmFsLCBpdOKAmXMgYmVzdCB0byB1c2UgYW4gZWxsaXBzaXMgdG8gdGFrZSB0aGUgcGxhY2Ugb2YgdGV4dCBpbiB0aGUgbWlkZGxlIG9mIGEgdGl0bGUgb3IgbmFtZSxcbiAqIGJlY2F1c2UgdGhpcyBwcmVzZXJ2ZXMgdGhlIGJlZ2lubmluZyBhbmQgZW5kIG9mIHRoZSB0ZXh0LCB3aGljaCB0ZW5kIHRvIGJlIHRoZSBtb3N0IHJlY29nbml6YWJsZSBwYXJ0cy5cIlxuICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCBNaWRkbGVFbGxpcHNpcyBmcm9tICdyZWFjdC1taWRkbGUtZWxsaXBzaXMnXG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZCgnZGl2Jykoe1xuICB3aGl0ZVNwYWNlOiAnbm93cmFwJ1xufSlcblxuZXhwb3J0IHR5cGUgTWlkZGxlVHJ1bmNhdGVkVGV4dFByb3BzID0ge1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgaWQ/OiBzdHJpbmdcbiAgdGV4dDogc3RyaW5nXG4gIHRpdGxlPzogc3RyaW5nXG59XG5cbmNvbnN0IE1pZGRsZVRydW5jYXRlZFRleHQgPSAoe1xuICBjbGFzc05hbWUsXG4gIGlkLFxuICB0ZXh0LFxuICB0aXRsZVxufTogTWlkZGxlVHJ1bmNhdGVkVGV4dFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lciBjbGFzc05hbWU9e2NsYXNzTmFtZX0gdGl0bGU9e3RpdGxlIHx8IHRleHR9PlxuICAgICAgPE1pZGRsZUVsbGlwc2lzIGtleT17dGV4dH0+XG4gICAgICAgIDxzcGFuIGlkPXtpZH0+e3RleHR9PC9zcGFuPlxuICAgICAgPC9NaWRkbGVFbGxpcHNpcz5cbiAgICA8L0NvbnRhaW5lcj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBNaWRkbGVUcnVuY2F0ZWRUZXh0XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9NaWRkbGVUcnVuY2F0ZWRUZXh0L01pZGRsZVRydW5jYXRlZFRleHQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVlrQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvTWlkZGxlVHJ1bmNhdGVkVGV4dC9NaWRkbGVUcnVuY2F0ZWRUZXh0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogSWYgYSBzdHJpbmcgb2YgdGV4dCBkb2VzIG5vdCBmaXQgd2l0aGluIHRoZSBhdmFpbGFibGUgd2lkdGggdGhpcyBjb21wb25lbnQgdHJ1bmNhdGVzIGl0IGluIHRoZSBtaWRkbGUgKGVnIFwiYWJjLi4ueHl6XCIpLlxuICpcbiAqIFByaW9yIGFydCBmcm9tIE9TIFggYW5kIGl0cyBzdHlsZSBndWlkZTpcbiAqIGh0dHBzOi8vZGV2ZWxvcGVyLmFwcGxlLmNvbS9saWJyYXJ5L21hYy9kb2N1bWVudGF0aW9uL1VzZXJFeHBlcmllbmNlL0NvbmNlcHR1YWwvT1NYSElHdWlkZWxpbmVzL1Rlcm1pbm9sb2d5V29yZGluZy5odG1sXG4gKiAgIFwiQW4gZWxsaXBzaXMgY2hhcmFjdGVyIGNhbiBhbHNvIHNob3cgdGhhdCB0aGVyZSBpcyBtb3JlIHRleHQgdGhhbiB0aGVyZSBpcyByb29tIHRvIGRpc3BsYXkgaW4gYSBkb2N1bWVudCB0aXRsZSBvciBsaXN0IGl0ZW0uXG4gKiBJbiBnZW5lcmFsLCBpdOKAmXMgYmVzdCB0byB1c2UgYW4gZWxsaXBzaXMgdG8gdGFrZSB0aGUgcGxhY2Ugb2YgdGV4dCBpbiB0aGUgbWlkZGxlIG9mIGEgdGl0bGUgb3IgbmFtZSxcbiAqIGJlY2F1c2UgdGhpcyBwcmVzZXJ2ZXMgdGhlIGJlZ2lubmluZyBhbmQgZW5kIG9mIHRoZSB0ZXh0LCB3aGljaCB0ZW5kIHRvIGJlIHRoZSBtb3N0IHJlY29nbml6YWJsZSBwYXJ0cy5cIlxuICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IE1pZGRsZUVsbGlwc2lzIH0gZnJvbSAnLi9NaWRkbGVFbGxpcHNpcydcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkKCdkaXYnKSh7XG4gIHdoaXRlU3BhY2U6ICdub3dyYXAnXG59KVxuXG5leHBvcnQgdHlwZSBNaWRkbGVUcnVuY2F0ZWRUZXh0UHJvcHMgPSB7XG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBpZD86IHN0cmluZ1xuICB0ZXh0OiBzdHJpbmdcbiAgdGl0bGU/OiBzdHJpbmdcbn1cblxuY29uc3QgTWlkZGxlVHJ1bmNhdGVkVGV4dCA9ICh7XG4gIGNsYXNzTmFtZSxcbiAgaWQsXG4gIHRleHQsXG4gIHRpdGxlXG59OiBNaWRkbGVUcnVuY2F0ZWRUZXh0UHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8Q29udGFpbmVyIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSB0aXRsZT17dGl0bGUgfHwgdGV4dH0+XG4gICAgICA8TWlkZGxlRWxsaXBzaXMga2V5PXt0ZXh0fT5cbiAgICAgICAgPHNwYW4gaWQ9e2lkfT57dGV4dH08L3NwYW4+XG4gICAgICA8L01pZGRsZUVsbGlwc2lzPlxuICAgIDwvQ29udGFpbmVyPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IE1pZGRsZVRydW5jYXRlZFRleHRcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 var MiddleTruncatedText = function MiddleTruncatedText(_ref) {
@@ -44,7 +44,7 @@ var MiddleTruncatedText = function MiddleTruncatedText(_ref) {
     "data-gs": gs("src", "middletruncatedtext", "middletruncatedtext.tsx", "container"),
     className: className,
     title: title || text,
-    children: (0, _jsxRuntime.jsx)(_reactMiddleEllipsis["default"], {
+    children: (0, _jsxRuntime.jsx)(_MiddleEllipsis.MiddleEllipsis, {
       "data-gs": gs("src", "middletruncatedtext", "middletruncatedtext.tsx", "container", "middle-ellipsis"),
       children: (0, _jsxRuntime.jsx)("span", {
         "data-gs-c": gsC(text),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "td-stylekit",
-  "version": "28.41.0",
+  "version": "28.42.1",
   "main": "dist/es/index.js",
   "module": "dist/es/index.js",
   "types": "dist/es/index.d.ts",
@@ -82,7 +82,6 @@
     "react-colorful": "^5.5.1",
     "react-day-picker": "7.3.2",
     "react-highlight-words": "^0.16.0",
-    "react-middle-ellipsis": "^1.0.12",
     "react-select": "4.3.1",
     "react-sortable-tree": "^2.8.0",
     "use-onclickoutside": "^0.3.1",