td-stylekit 27.2.0 → 27.3.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [27.3.0](https://github.com/treasure-data/td-stylekit/compare/v27.2.0...v27.3.0) (2022-09-26)
+
+
+### Features
+
+* **Icons:** Add legacy rts and key icons ([#1334](https://github.com/treasure-data/td-stylekit/issues/1334)) ([f83d98a](https://github.com/treasure-data/td-stylekit/commit/f83d98a))
+
 # [27.2.0](https://github.com/treasure-data/td-stylekit/compare/v27.1.1...v27.2.0) (2022-09-15)
 
 

package/dist/es/Icon/staticTypes.d.ts

@@ -536,6 +536,8 @@ export declare type IconTypes = {
     QueryIcon: React.ComponentType<JSX.IntrinsicElements['svg']>;
     RealTimeSegment: React.ComponentType<JSX.IntrinsicElements['svg']>;
     RealTimeSegmentIcon: React.ComponentType<JSX.IntrinsicElements['svg']>;
+    RealTimeSegmentLegacy: React.ComponentType<JSX.IntrinsicElements['svg']>;
+    RealTimeSegmentLegacyIcon: React.ComponentType<JSX.IntrinsicElements['svg']>;
     Redo: React.ComponentType<JSX.IntrinsicElements['svg']>;
     RedoIcon: React.ComponentType<JSX.IntrinsicElements['svg']>;
     Refresh: React.ComponentType<JSX.IntrinsicElements['svg']>;
@@ -570,6 +572,8 @@ export declare type IconTypes = {
     SymbolMinusIcon: React.ComponentType<JSX.IntrinsicElements['svg']>;
     Table: React.ComponentType<JSX.IntrinsicElements['svg']>;
     TableIcon: React.ComponentType<JSX.IntrinsicElements['svg']>;
+    ToolKeyStriped: React.ComponentType<JSX.IntrinsicElements['svg']>;
+    ToolKeyStripedIcon: React.ComponentType<JSX.IntrinsicElements['svg']>;
     Train: React.ComponentType<JSX.IntrinsicElements['svg']>;
     TrainIcon: React.ComponentType<JSX.IntrinsicElements['svg']>;
     TreeNav: React.ComponentType<JSX.IntrinsicElements['svg']>;

package/dist/es/Icon/types.js

@@ -1084,7 +1084,10 @@ React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
   d: "M16.997 10.8l.388.318a.497.497 0 00.067-.532.503.503 0 00-.455-.286v.5zm-4.191 0l-.49-.116a.498.498 0 00.49.616v-.5zm1.504-6.3l.49.115a.499.499 0 00-.264-.562.505.505 0 00-.612.127l.386.32zm-7.307 8.7l-.386-.32a.498.498 0 00-.07.532c.083.176.26.288.456.288v-.5zm4.191 0l.491.108a.498.498 0 00-.491-.608v.5zm-1.397 6.3l-.491-.108a.5.5 0 00.271.558c.21.1.46.046.609-.132l-.389-.318zm7.2-9.2h-4.191v1h4.191v-1zm-3.702.615l1.505-6.3-.98-.23-.492 2.065-1.012 4.234.98.232zm.63-6.735l-7.308 8.7.772.64.69-.82 5.248-6.25 1.37-1.63-.773-.64zM7.002 13.7h4.191v-1H7.003v1zm3.7-.608l-1.397 6.3.982.216.451-2.034.946-4.266-.982-.216zm-.517 6.726l7.2-8.7-.778-.636-.676.818-5.193 6.274-1.33 1.608.777.636z"
 }), /*#__PURE__*/React.createElement("path", {
   d: "M12.411 11.11a.498.498 0 01-.095-.425l1.011-4.235-5.249 6.25h3.116c.152 0 .297.069.392.187a.498.498 0 01.1.42l-.947 4.267 5.193-6.274h-3.126c-.154 0-.3-.07-.395-.19z"
-})),Redo: /*#__PURE__*/
+})),RealTimeSegmentLegacy: /*#__PURE__*/
+React.createElement("path", {
+  d: "M14.636 5.303l.164-.688a.495.495 0 00.006-.203l-.404-.404a.505.505 0 00-.478.172l-.188.223.9.9zM12.768 5.556l.484-.576 1.18 1.18-.205.855-1.46-1.459zM11.8 6.71l.484-.577 1.738 1.739-.204.856-2.019-2.019zM10.831 7.862l.484-.576 2.298 2.298-.17.716h.886l2.043 2.042-.48.58-5.061-5.06zM9.863 9.015l.484-.576 5.064 5.064-.48.58-5.068-5.068zM8.894 10.168l.484-.576 5.073 5.072-.48.58-5.077-5.076zM7.926 11.321l.484-.576 5.08 5.08-.48.58-2.49-2.49.048-.215h-.263l-2.38-2.379zM6.958 12.474l.484-.576L9.244 13.7h-1.06l-1.226-1.226zM9.365 19.124l.193-.868 1.05 1.05-.422.512a.497.497 0 01-.064.063l-.757-.757zM11.089 18.727L9.75 17.388l.193-.868 1.626 1.626-.48.58zM12.53 16.985l-.48.58-1.915-1.913.193-.868 2.202 2.201zM7.123 13.7h-.12a.503.503 0 01-.49-.61l.61.61zM17.332 11.182l-.48.58L15.39 10.3h1.06l.882.882z"
+}),Redo: /*#__PURE__*/
 React.createElement("path", {
   d: "M15.571 4.501a.5.5 0 01.854-.354l3.323 3.324a.5.5 0 010 .707l-3.323 3.323a.5.5 0 01-.854-.353V8.824h-5.285a4.286 4.286 0 100 8.572h2.265a1 1 0 110 2h-2.265a6.286 6.286 0 110-12.572h5.285V4.501z",
   fillRule: "evenodd"
@@ -1212,6 +1215,9 @@ React.createElement("path", {
 React.createElement("path", {
   d: "M11.876 12.992A4.002 4.002 0 014 12a4 4 0 017.876-.992c.04-.005.082-.008.124-.008h7a1 1 0 110 2h-1v1.5a1 1 0 11-2 0V13h-4c-.042 0-.083-.003-.124-.008zM10 12a2 2 0 11-4 0 2 2 0 014 0z",
   fillRule: "evenodd"
+}),ToolKeyStriped: /*#__PURE__*/
+React.createElement("path", {
+  d: "M7.227 15.925a4.004 4.004 0 01-3.152-3.152l3.152 3.152zM8.347 15.985l-4.332-4.332c.026-.306.087-.601.178-.883l1.935 1.935c.202.537.63.965 1.167 1.167l1.935 1.935a3.979 3.979 0 01-.883.178zM10.591 15.047c-.193.165-.402.31-.624.437l-1.531-1.532c.268-.06.516-.173.732-.328l1.423 1.423zM11.536 13.87c-.12.228-.261.442-.421.64l-1.43-1.43c.146-.23.247-.49.291-.77l1.56 1.56zM12.787 13H12c-.042 0-.083-.003-.124-.008-.01.042-.022.083-.034.124l-2.101-2.101a2.01 2.01 0 00-.756-.756L6.884 8.158a3.99 3.99 0 01.908-.153L12.787 13zM13.848 13L8.965 8.117a4.007 4.007 0 012.911 2.89c.04-.004.082-.007.124-.007h.908l2 2h-1.06zM18 13.97v.53a.996.996 0 01-.098.433L16 13.03V13h-.031l-2-2h1.06L18 13.97zM18.09 13l-2-2h1.06l1.99 1.99c-.045.007-.092.01-.14.01h-.91zM19.805 12.594L18.21 11H19c.114 0 .224.02.327.055l.618.618a1 1 0 01-.14.92zM16 14.092l1.346 1.346A1 1 0 0116 14.5v-.408zM7.69 10.024l-1.56-1.56c-.228.12-.442.261-.64.421l1.43 1.43c.23-.146.49-.247.77-.291zM6.376 10.832L4.953 9.41c-.165.193-.31.402-.437.624l1.532 1.531a1.99 1.99 0 01.328-.732z"
 }),ToolPen: /*#__PURE__*/
 React.createElement("path", {
   d: "M14.038 7.301a.5.5 0 00-.707 0l-9.184 9.184A.5.5 0 004 16.84V19.5a.5.5 0 00.5.5h2.662a.5.5 0 00.353-.146L16.7 10.67a.5.5 0 000-.707L14.038 7.3zm5.264-2.603a2.381 2.381 0 00-3.368 0l-.633.633a.5.5 0 000 .707L17.962 8.7a.5.5 0 00.707 0l.633-.634c.93-.93.93-2.438 0-3.368z"

package/dist/es/utils/enzyme.d.ts

@@ -1,17 +1,3 @@
-import type React from 'react';
-import { RenderOptions, RenderResult } from '@testing-library/react';
 export declare const mountWithTheme: (tree: any) => any;
 export declare const mountWithV5Theme: (tree: any) => any;
-/**
- * Custom render method to allow wrapping components in ThemeProvider for testing
- *
- * @param {ReactElement} ui - The component to be rendered
- * @param {RenderOptions} options - testing library options
- *
- * @return {RenderResult} testing library render result
- */
-declare function customRender(ui: React.ReactElement, options?: RenderOptions & {
-    theme: 'v4' | 'v5';
-}): RenderResult;
-export { customRender as render };
 //# sourceMappingURL=enzyme.d.ts.map

package/dist/es/utils/enzyme.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.mountWithV5Theme = exports.mountWithTheme = void 0;
-exports.render = customRender;
 
 var _react = require("@emotion/react");
 
@@ -12,22 +11,8 @@ var _enzyme = require("enzyme");
 
 var _src = require("../../src");
 
-var _react2 = require("@testing-library/react");
-
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 
-var _excluded = ["theme"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
 
@@ -67,37 +52,5 @@ var mountWithV5Theme = function mountWithV5Theme(tree) {
     wrappingComponent: ThemeProviderWrapperV5
   });
 };
-/**
- * Custom render method to allow wrapping components in ThemeProvider for testing
- *
- * @param {ReactElement} ui - The component to be rendered
- * @param {RenderOptions} options - testing library options
- *
- * @return {RenderResult} testing library render result
- */
-
-
-exports.mountWithV5Theme = mountWithV5Theme;
-
-function customRender(ui, options) {
-  var _ref3 = options || {},
-      _ref3$theme = _ref3.theme,
-      theme = _ref3$theme === void 0 ? 'v4' : _ref3$theme,
-      rest = _objectWithoutProperties(_ref3, _excluded);
-
-  var Providers = function Providers(_ref4) {
-    var children = _ref4.children;
-    return (0, _jsxRuntime.jsx)(_react.ThemeProvider // types for v4 overrides are not correct
-    // @ts-ignore
-    , {
-      "data-gs-c": gsC(children),
-      "data-gs": gs("src", "utils", "enzyme.tsx", "custom-render", "emotion-theme-provider"),
-      theme: theme === 'v5' ? _src.ThemeProvider.v5Theme : _src.ThemeProvider.v4Theme,
-      children: children
-    });
-  };
 
-  return (0, _react2.render)(ui, _objectSpread({
-    wrapper: Providers
-  }, rest));
-}
+exports.mountWithV5Theme = mountWithV5Theme;

package/dist/es/utils/testingLibrary.d.ts

@@ -0,0 +1,18 @@
+import type React from 'react';
+import { RenderOptions, RenderResult } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+/**
+ * Custom render method to allow wrapping components in ThemeProvider for testing
+ *
+ * @param {ReactElement} ui - The component to be rendered
+ * @param {RenderOptions} options - testing library options
+ *
+ * @return {RenderResult} testing library render result
+ */
+declare function customRender(ui: React.ReactElement, options?: RenderOptions & {
+    theme: 'v4' | 'v5';
+}): RenderResult;
+export * from '@testing-library/react';
+export { userEvent };
+export { customRender as render };
+//# sourceMappingURL=testingLibrary.d.ts.map

package/dist/es/utils/testingLibrary.js

@@ -0,0 +1,86 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  render: true,
+  userEvent: true
+};
+exports.render = customRender;
+Object.defineProperty(exports, "userEvent", {
+  enumerable: true,
+  get: function get() {
+    return _userEvent["default"];
+  }
+});
+
+var _react = require("@emotion/react");
+
+var _ = require("..");
+
+var _react2 = require("@testing-library/react");
+
+Object.keys(_react2).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _react2[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _react2[key];
+    }
+  });
+});
+
+var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
+
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+
+var _excluded = ["theme"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
+if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
+
+/**
+ * Custom render method to allow wrapping components in ThemeProvider for testing
+ *
+ * @param {ReactElement} ui - The component to be rendered
+ * @param {RenderOptions} options - testing library options
+ *
+ * @return {RenderResult} testing library render result
+ */
+function customRender(ui, options) {
+  var _ref = options || {},
+      _ref$theme = _ref.theme,
+      theme = _ref$theme === void 0 ? 'v4' : _ref$theme,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  var Providers = function Providers(_ref2) {
+    var children = _ref2.children;
+    return (0, _jsxRuntime.jsx)(_react.ThemeProvider // types for v4 overrides are not correct
+    // @ts-ignore
+    , {
+      "data-gs-c": gsC(children),
+      "data-gs": gs("src", "utils", "testinglibrary.tsx", "custom-render", "emotion-theme-provider"),
+      theme: theme === 'v5' ? _.ThemeProvider.v5Theme : _.ThemeProvider.v4Theme,
+      children: children
+    });
+  };
+
+  return (0, _react2.render)(ui, _objectSpread({
+    wrapper: Providers
+  }, rest));
+} // re-export everything

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "td-stylekit",
-  "version": "27.2.0",
+  "version": "27.3.0",
   "main": "dist/es/index.js",
   "module": "dist/es/index.js",
   "types": "dist/es/index.d.ts",
@@ -115,10 +115,10 @@
     "@storybook/source-loader": "6.5.0-alpha.50",
     "@storybook/testing-react": "^1.2.3",
     "@storybook/theming": "6.5.0-alpha.50",
-    "@testing-library/dom": "^7.29.1",
-    "@testing-library/jest-dom": "^5.11.8",
-    "@testing-library/react": "^11.2.2",
-    "@testing-library/user-event": "^12.6.0",
+    "@testing-library/dom": "^8.17.1",
+    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/react": "^12.1.5",
+    "@testing-library/user-event": "^14.4.3",
     "@types/color": "^3.0.1",
     "@types/jest": "^29.0.0",
     "@types/lodash.clamp": "^4.0.6",