td-stylekit 24.6.1 → 25.0.0

package/dist/es/Modal/components/index.js

@@ -1,10 +1,80 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Body", {
+  enumerable: true,
+  get: function get() {
+    return _Body["default"];
+  }
+});
+Object.defineProperty(exports, "Footer", {
+  enumerable: true,
+  get: function get() {
+    return _Footer["default"];
+  }
+});
+Object.defineProperty(exports, "FooterConfirmation", {
+  enumerable: true,
+  get: function get() {
+    return _FooterConfirmation["default"];
+  }
+});
+Object.defineProperty(exports, "FooterContainer", {
+  enumerable: true,
+  get: function get() {
+    return _elements.FooterContainer;
+  }
+});
+Object.defineProperty(exports, "Header", {
+  enumerable: true,
+  get: function get() {
+    return _Header["default"];
+  }
+});
+Object.defineProperty(exports, "MenuBody", {
+  enumerable: true,
+  get: function get() {
+    return _MenuBody["default"];
+  }
+});
+Object.defineProperty(exports, "ModalDialog", {
+  enumerable: true,
+  get: function get() {
+    return _elements.ModalDialog;
+  }
+});
+Object.defineProperty(exports, "ModalMessage", {
+  enumerable: true,
+  get: function get() {
+    return _ModalMessage["default"];
+  }
+});
+Object.defineProperty(exports, "ModalOverlay", {
+  enumerable: true,
+  get: function get() {
+    return _ModalOverlay["default"];
+  }
+});
+
+var _Header = _interopRequireDefault(require("./Header"));
+
+var _Body = _interopRequireDefault(require("./Body"));
+
+var _MenuBody = _interopRequireDefault(require("./MenuBody"));
+
+var _Footer = _interopRequireDefault(require("./Footer"));
+
+var _FooterConfirmation = _interopRequireDefault(require("./FooterConfirmation"));
+
+var _ModalOverlay = _interopRequireDefault(require("./ModalOverlay"));
+
+var _ModalMessage = _interopRequireDefault(require("./ModalMessage"));
+
+var _elements = require("./elements");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
-if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
-export { default as Header } from './Header';
-export { default as Body } from './Body';
-export { default as MenuBody } from './MenuBody';
-export { default as Footer } from './Footer';
-export { default as FooterConfirmation } from './FooterConfirmation';
-export { default as ModalOverlay } from './ModalOverlay';
-export { default as ModalMessage } from './ModalMessage';
-export { FooterContainer, ModalDialog } from './elements';
+if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};

package/dist/es/Modal/constants.js

@@ -1,17 +1,28 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MODAL_SIZES_MAP = exports.MODAL_SIZES = void 0;
+
+var _keymirror = _interopRequireDefault(require("keymirror"));
 
 var _MODAL_SIZES_MAP;
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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; }
+
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
-import keymirror from 'keymirror';
-export var MODAL_SIZES = keymirror({
+var MODAL_SIZES = (0, _keymirror["default"])({
   SMALL: null,
   MEDIUM: null,
   LARGE: null,
   FULL: null
 });
-export var MODAL_SIZES_MAP = (_MODAL_SIZES_MAP = {}, _defineProperty(_MODAL_SIZES_MAP, MODAL_SIZES.SMALL, {
+exports.MODAL_SIZES = MODAL_SIZES;
+var MODAL_SIZES_MAP = (_MODAL_SIZES_MAP = {}, _defineProperty(_MODAL_SIZES_MAP, MODAL_SIZES.SMALL, {
   width: 400,
   minHeight: 200,
   maxHeight: '80%'
@@ -26,4 +37,5 @@ export var MODAL_SIZES_MAP = (_MODAL_SIZES_MAP = {}, _defineProperty(_MODAL_SIZE
 }), _defineProperty(_MODAL_SIZES_MAP, MODAL_SIZES.FULL, {
   width: '90%',
   height: '90%'
-}), _MODAL_SIZES_MAP);
+}), _MODAL_SIZES_MAP);
+exports.MODAL_SIZES_MAP = MODAL_SIZES_MAP;

package/dist/es/Modal/context.js

@@ -1,7 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ModalContext = void 0;
+
+var _react = require("react");
+
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
-import { createContext } from 'react';
-export var ModalContext = createContext({
+var ModalContext = /*#__PURE__*/(0, _react.createContext)({
   inModal: false,
   setPageInstrumentation: function setPageInstrumentation() {}
-});
+});
+exports.ModalContext = ModalContext;

package/dist/es/Modal/index.js

@@ -1,4 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _Modal = _interopRequireDefault(require("./Modal"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
-import Modal from './Modal';
-export default Modal;
+var _default = _Modal["default"];
+exports["default"] = _default;

package/dist/es/MultiSelect/MultiSelect.d.ts

@@ -28,6 +28,7 @@ export declare type MultiSelectProps = {
     showTotal?: boolean;
     'data-instrumentation'?: string;
     theme?: Theme;
+    ref?: React.RefObject<MultiSelect>;
 };
 declare type MultiSelectState = {
     selected: Array<number>;
@@ -73,7 +74,7 @@ export declare class MultiSelect extends React.Component<MultiSelectProps, Multi
     noRowsRenderer: () => JSX.Element;
     render(): JSX.Element;
 }
-declare const ThemedComponent: React.SFC<import("emotion-theming/types/helper").AddOptionalTo<Pick<MultiSelectProps & React.RefAttributes<MultiSelect>, "filter" | "key" | "ref" | "height" | "width" | "theme" | "options" | "onSelectionChange" | "onEnterKey" | "onFilterChange" | "inputName" | "inputPlaceholder" | "showTotal"> & Partial<Pick<MultiSelectProps & React.RefAttributes<MultiSelect>, "data-instrumentation" | "rowRenderer" | "initiallySelected">> & Partial<Pick<{
+declare const ThemedComponent: React.FC<Pick<Pick<MultiSelectProps, "filter" | "ref" | "height" | "width" | "theme" | "options" | "onSelectionChange" | "onEnterKey" | "onFilterChange" | "inputName" | "inputPlaceholder" | "showTotal"> & Partial<Pick<MultiSelectProps, "data-instrumentation" | "rowRenderer" | "initiallySelected">> & Partial<Pick<{
     rowRenderer: ({ option }: {
         option: {
             name: string;
@@ -83,6 +84,8 @@ declare const ThemedComponent: React.SFC<import("emotion-theming/types/helper").
     }) => JSX.Element;
     initiallySelected: never[];
     'data-instrumentation': string;
-}, never>>, "theme">>;
+}, never>>, "filter" | "ref" | "height" | "width" | "data-instrumentation" | "options" | "rowRenderer" | "initiallySelected" | "onSelectionChange" | "onEnterKey" | "onFilterChange" | "inputName" | "inputPlaceholder" | "showTotal"> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}>;
 export default ThemedComponent;
 //# sourceMappingURL=MultiSelect.d.ts.map

package/dist/es/MultiSelect/MultiSelect.js

@@ -1,31 +1,76 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { jsx as ___EmotionJSX } from "@emotion/core";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.MultiSelect = void 0;
+
+var _react = require("@emotion/react");
+
+var _lodash = _interopRequireDefault(require("lodash.includes"));
+
+var _lodash2 = _interopRequireDefault(require("lodash.range"));
+
+var _lodash3 = _interopRequireDefault(require("lodash.uniq"));
+
+var _react2 = _interopRequireDefault(require("react"));
+
+var _reactVirtualized = require("react-virtualized");
+
+var _elements = require("./elements");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+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; }
+
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
-// loosely based on https://github.com/hawkrives/react-list-select
-import { withTheme } from 'emotion-theming';
-import includes from 'lodash.includes';
-import range from 'lodash.range';
-import uniq from 'lodash.uniq';
-import React from 'react';
-import { AutoSizer, List } from 'react-virtualized';
-import { Counter, DefaultRowRenderer, ListContainer, ListItem, NoRowRender, SearchInput, SelectContainer, SelectDivider, SelectSpacer } from './elements';
-export var MultiSelect = /*#__PURE__*/function (_React$Component) {
+
+var MultiSelect = /*#__PURE__*/function (_React$Component) {
   _inherits(MultiSelect, _React$Component);
 
+  var _super = _createSuper(MultiSelect);
+
   function MultiSelect(_props) {
     var _this;
 
     _classCallCheck(this, MultiSelect);
 
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(MultiSelect).call(this, _props));
+    _this = _super.call(this, _props);
 
     _defineProperty(_assertThisInitialized(_this), "select", function (_ref) {
       var index = _ref.index,
@@ -43,7 +88,7 @@ export var MultiSelect = /*#__PURE__*/function (_React$Component) {
         if (contiguous && typeof lastSelected === 'number') {
           var start = Math.min(lastSelected, index);
           var end = Math.max(lastSelected, index);
-          selected = uniq([].concat(_toConsumableArray(selected), _toConsumableArray(range(start, end + 1))));
+          selected = (0, _lodash3["default"])([].concat(_toConsumableArray(selected), _toConsumableArray((0, _lodash2["default"])(start, end + 1))));
         }
 
         return {
@@ -71,10 +116,10 @@ export var MultiSelect = /*#__PURE__*/function (_React$Component) {
         if (contiguous && typeof lastSelected === 'number') {
           var start = Math.min(lastSelected, index);
           var end = Math.max(lastSelected, index);
-          var toDeselect = range(start, end + 1);
+          var toDeselect = (0, _lodash2["default"])(start, end + 1);
           return {
             selected: selected.filter(function (idx) {
-              return !includes(toDeselect, idx);
+              return !(0, _lodash["default"])(toDeselect, idx);
             }),
             lastSelected: index
           };
@@ -232,8 +277,8 @@ export var MultiSelect = /*#__PURE__*/function (_React$Component) {
           options = _this$props.options,
           dataInstrumentation = _this$props['data-instrumentation'],
           rowRenderer = _this$props.rowRenderer;
-      var isSelected = includes(selected, index);
-      return ___EmotionJSX(ListItem, {
+      var isSelected = (0, _lodash["default"])(selected, index);
+      return (0, _react.jsx)(_elements.ListItem, {
         "data-gs-c": gsC(rowRenderer({
           option: options[index],
           index: index
@@ -254,7 +299,7 @@ export var MultiSelect = /*#__PURE__*/function (_React$Component) {
     });
 
     _defineProperty(_assertThisInitialized(_this), "noRowsRenderer", function () {
-      return ___EmotionJSX(NoRowRender, {
+      return (0, _react.jsx)(_elements.NoRowRender, {
         "data-gs": gs("src", "multiselect", "multiselect.tsx", "multi-select", "no-row-render"),
         text: ""
       });
@@ -328,9 +373,9 @@ export var MultiSelect = /*#__PURE__*/function (_React$Component) {
           selected = _this$state2.selected,
           focusedIndex = _this$state2.focusedIndex,
           pose = _this$state2.pose;
-      return ___EmotionJSX(SelectContainer, {
+      return (0, _react.jsx)(_elements.SelectContainer, {
         "data-gs": gs("src", "multiselect", "multiselect.tsx", "select-container")
-      }, ___EmotionJSX(SearchInput, {
+      }, (0, _react.jsx)(_elements.SearchInput, {
         "data-gs-c": gsC(inputName, filter),
         "data-gs": gs("src", "multiselect", "multiselect.tsx", "select-container", "search-input"),
         name: inputName,
@@ -338,11 +383,11 @@ export var MultiSelect = /*#__PURE__*/function (_React$Component) {
         "data-instrumentation": "".concat(dataInstrumentation, "-search"),
         onChange: onFilterChange,
         placeholder: inputPlaceholder
-      }), ___EmotionJSX(SelectSpacer, {
+      }), (0, _react.jsx)(_elements.SelectSpacer, {
         "data-gs": gs("src", "multiselect", "multiselect.tsx", "select-container", "select-spacer")
-      }, ___EmotionJSX(SelectDivider, {
+      }, (0, _react.jsx)(_elements.SelectDivider, {
         "data-gs": gs("src", "multiselect", "multiselect.tsx", "select-container", "select-spacer", "select-divider")
-      })), ___EmotionJSX(ListContainer, {
+      })), (0, _react.jsx)(_elements.ListContainer, {
         "data-gs": gs("src", "multiselect", "multiselect.tsx", "select-container", "list-container"),
         onKeyDown: this.onKeyDown,
         onFocus: this.focusFirstItem,
@@ -353,11 +398,11 @@ export var MultiSelect = /*#__PURE__*/function (_React$Component) {
         },
         "data-instrumentation": dataInstrumentation,
         animate: pose
-      }, ___EmotionJSX(AutoSizer, {
+      }, (0, _react.jsx)(_reactVirtualized.AutoSizer, {
         "data-gs-c": gsC(function (_ref5) {
           var width = _ref5.width,
               height = _ref5.height;
-          return ___EmotionJSX(List, {
+          return (0, _react.jsx)(_reactVirtualized.List, {
             "data-gs": gs("src", "multiselect", "multiselect.tsx", "select-container", "list-container", "auto-sizer", "list"),
             height: height || _this4.props.height || 0,
             width: width || _this4.props.width || 0,
@@ -383,7 +428,7 @@ export var MultiSelect = /*#__PURE__*/function (_React$Component) {
       }, function (_ref5) {
         var width = _ref5.width,
             height = _ref5.height;
-        return ___EmotionJSX(List, {
+        return (0, _react.jsx)(_reactVirtualized.List, {
           "data-gs": gs("src", "multiselect", "multiselect.tsx", "select-container", "list-container", "auto-sizer", "list"),
           height: height || _this4.props.height || 0,
           width: width || _this4.props.width || 0,
@@ -401,7 +446,7 @@ export var MultiSelect = /*#__PURE__*/function (_React$Component) {
             }
           }
         });
-      })), ___EmotionJSX(Counter, {
+      })), (0, _react.jsx)(_elements.Counter, {
         "data-gs-c": gsC("selected"),
         "data-gs": gs("src", "multiselect", "multiselect.tsx", "select-container", "counter")
       }, selected.length || 0, " selected", ' ', showTotal && "/ ".concat(options.length, " total")));
@@ -409,12 +454,14 @@ export var MultiSelect = /*#__PURE__*/function (_React$Component) {
   }]);
 
   return MultiSelect;
-}(React.Component);
+}(_react2["default"].Component);
+
+exports.MultiSelect = MultiSelect;
 
 _defineProperty(MultiSelect, "defaultProps", {
   rowRenderer: function rowRenderer(_ref7) {
     var option = _ref7.option;
-    return ___EmotionJSX(DefaultRowRenderer, {
+    return (0, _react.jsx)(_elements.DefaultRowRenderer, {
       "data-gs": gs("src", "multiselect", "multiselect.tsx", "default-row-renderer"),
       text: option.name
     });
@@ -423,6 +470,7 @@ _defineProperty(MultiSelect, "defaultProps", {
   'data-instrumentation': 'multiselect'
 });
 
-var ThemedComponent = withTheme(MultiSelect);
+var ThemedComponent = (0, _react.withTheme)(MultiSelect);
 ThemedComponent.displayName = 'MultiSelect';
-export default ThemedComponent;
+var _default = ThemedComponent;
+exports["default"] = _default;