td-stylekit 24.8.0 → 25.2.0

package/dist/es/TimeControl/elements.js

@@ -1,20 +1,42 @@
-import _styled from "@emotion/styled-base";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TimeFormControl = exports.StyledPopover = exports.Container = void 0;
+
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+
+var _Popover = _interopRequireDefault(require("../Popover"));
+
+var _FormControl = _interopRequireDefault(require("../FormControl"));
+
+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)."; }
+
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
-import Popover from '../Popover';
-import FormControl from '../FormControl';
-export var Container = /*#__PURE__*/_styled('div', {
-  target: "e1dd2vau0"
+var Container = ( /*#__PURE__*/0, _base["default"])('div', process.env.NODE_ENV === "production" ? {
+  target: "e1dd2vau2"
+} : {
+  target: "e1dd2vau2",
+  label: "Container"
 })(process.env.NODE_ENV === "production" ? {
-  name: "79elbk",
-  styles: "position:relative;"
+  name: "bjn8wh",
+  styles: "position:relative"
 } : {
-  name: "79elbk",
-  styles: "position:relative;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UaW1lQ29udHJvbC9lbGVtZW50cy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS3lCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9UaW1lQ29udHJvbC9lbGVtZW50cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9wcm9wLXR5cGVzICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCBQb3BvdmVyIGZyb20gJy4uL1BvcG92ZXInXG5pbXBvcnQgRm9ybUNvbnRyb2wgZnJvbSAnLi4vRm9ybUNvbnRyb2wnXG5cbmV4cG9ydCBjb25zdCBDb250YWluZXIgPSBzdHlsZWQoJ2RpdicpKHtcbiAgcG9zaXRpb246ICdyZWxhdGl2ZSdcbn0pXG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQb3BvdmVyID0gc3R5bGVkKFBvcG92ZXIpKCh7IHRoZW1lIH0pID0+ICh7XG4gIG1heFdpZHRoOiAnbm9uZScsXG4gIHBhZGRpbmc6IDAsXG4gIGJvcmRlclJhZGl1czogdGhlbWUucmFkaXVzWzFdXG59KSlcblxuZXhwb3J0IGNvbnN0IFRpbWVGb3JtQ29udHJvbCA9IHN0eWxlZChGb3JtQ29udHJvbCk8e1xuICB2YXJpYW50PzogJ3ByaW1hcnknIHwgJ3NlY29uZGFyeSdcbn0+KCh7IHRoZW1lLCB2YXJpYW50IH0pID0+ICh7XG4gICcmIGlucHV0OmZvY3VzJzoge1xuICAgIGJveFNoYWRvdzogYDBweCAwcHggMHB4ICR7dGhlbWUuYm9yZGVyV2lkdGhbMl19ICR7XG4gICAgICB2YXJpYW50ID09PSAncHJpbWFyeSdcbiAgICAgICAgPyB0aGVtZS5wYWxldHRlLnByaW1hcnlbMl1cbiAgICAgICAgOiB0aGVtZS5wYWxldHRlLnNlY29uZGFyeVsyXVxuICAgIH1gXG4gIH1cbn0pKVxuIl19 */"
+  name: "bjn8wh",
+  styles: "position:relative",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UaW1lQ29udHJvbC9lbGVtZW50cy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS3lCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9UaW1lQ29udHJvbC9lbGVtZW50cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9wcm9wLXR5cGVzICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCBQb3BvdmVyIGZyb20gJy4uL1BvcG92ZXInXG5pbXBvcnQgRm9ybUNvbnRyb2wgZnJvbSAnLi4vRm9ybUNvbnRyb2wnXG5cbmV4cG9ydCBjb25zdCBDb250YWluZXIgPSBzdHlsZWQoJ2RpdicpKHtcbiAgcG9zaXRpb246ICdyZWxhdGl2ZSdcbn0pXG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQb3BvdmVyID0gc3R5bGVkKFBvcG92ZXIpKCh7IHRoZW1lIH0pID0+ICh7XG4gIG1heFdpZHRoOiAnbm9uZScsXG4gIHBhZGRpbmc6IDAsXG4gIGJvcmRlclJhZGl1czogdGhlbWUucmFkaXVzWzFdXG59KSlcblxuZXhwb3J0IGNvbnN0IFRpbWVGb3JtQ29udHJvbCA9IHN0eWxlZChGb3JtQ29udHJvbCk8e1xuICB2YXJpYW50PzogJ3ByaW1hcnknIHwgJ3NlY29uZGFyeSdcbn0+KCh7IHRoZW1lLCB2YXJpYW50IH0pID0+ICh7XG4gICcmIGlucHV0OmZvY3VzJzoge1xuICAgIGJveFNoYWRvdzogYDBweCAwcHggMHB4ICR7dGhlbWUuYm9yZGVyV2lkdGhbMl19ICR7XG4gICAgICB2YXJpYW50ID09PSAncHJpbWFyeSdcbiAgICAgICAgPyB0aGVtZS5wYWxldHRlLnByaW1hcnlbMl1cbiAgICAgICAgOiB0aGVtZS5wYWxldHRlLnNlY29uZGFyeVsyXVxuICAgIH1gXG4gIH1cbn0pKVxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-export var StyledPopover = /*#__PURE__*/_styled(Popover, {
+exports.Container = Container;
+var StyledPopover = ( /*#__PURE__*/0, _base["default"])(_Popover["default"], process.env.NODE_ENV === "production" ? {
   target: "e1dd2vau1"
+} : {
+  target: "e1dd2vau1",
+  label: "StyledPopover"
 })(function (_ref) {
   var theme = _ref.theme;
   return {
@@ -23,8 +45,12 @@ export var StyledPopover = /*#__PURE__*/_styled(Popover, {
     borderRadius: theme.radius[1]
   };
 }, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UaW1lQ29udHJvbC9lbGVtZW50cy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUzZCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9UaW1lQ29udHJvbC9lbGVtZW50cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9wcm9wLXR5cGVzICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCBQb3BvdmVyIGZyb20gJy4uL1BvcG92ZXInXG5pbXBvcnQgRm9ybUNvbnRyb2wgZnJvbSAnLi4vRm9ybUNvbnRyb2wnXG5cbmV4cG9ydCBjb25zdCBDb250YWluZXIgPSBzdHlsZWQoJ2RpdicpKHtcbiAgcG9zaXRpb246ICdyZWxhdGl2ZSdcbn0pXG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQb3BvdmVyID0gc3R5bGVkKFBvcG92ZXIpKCh7IHRoZW1lIH0pID0+ICh7XG4gIG1heFdpZHRoOiAnbm9uZScsXG4gIHBhZGRpbmc6IDAsXG4gIGJvcmRlclJhZGl1czogdGhlbWUucmFkaXVzWzFdXG59KSlcblxuZXhwb3J0IGNvbnN0IFRpbWVGb3JtQ29udHJvbCA9IHN0eWxlZChGb3JtQ29udHJvbCk8e1xuICB2YXJpYW50PzogJ3ByaW1hcnknIHwgJ3NlY29uZGFyeSdcbn0+KCh7IHRoZW1lLCB2YXJpYW50IH0pID0+ICh7XG4gICcmIGlucHV0OmZvY3VzJzoge1xuICAgIGJveFNoYWRvdzogYDBweCAwcHggMHB4ICR7dGhlbWUuYm9yZGVyV2lkdGhbMl19ICR7XG4gICAgICB2YXJpYW50ID09PSAncHJpbWFyeSdcbiAgICAgICAgPyB0aGVtZS5wYWxldHRlLnByaW1hcnlbMl1cbiAgICAgICAgOiB0aGVtZS5wYWxldHRlLnNlY29uZGFyeVsyXVxuICAgIH1gXG4gIH1cbn0pKVxuIl19 */");
-export var TimeFormControl = /*#__PURE__*/_styled(FormControl, {
-  target: "e1dd2vau2"
+exports.StyledPopover = StyledPopover;
+var TimeFormControl = ( /*#__PURE__*/0, _base["default"])(_FormControl["default"], process.env.NODE_ENV === "production" ? {
+  target: "e1dd2vau0"
+} : {
+  target: "e1dd2vau0",
+  label: "TimeFormControl"
 })(function (_ref2) {
   var theme = _ref2.theme,
       variant = _ref2.variant;
@@ -33,4 +59,5 @@ export var TimeFormControl = /*#__PURE__*/_styled(FormControl, {
       boxShadow: "0px 0px 0px ".concat(theme.borderWidth[2], " ").concat(variant === 'primary' ? theme.palette.primary[2] : theme.palette.secondary[2])
     }
   };
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UaW1lQ29udHJvbC9lbGVtZW50cy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZStCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9UaW1lQ29udHJvbC9lbGVtZW50cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9wcm9wLXR5cGVzICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCBQb3BvdmVyIGZyb20gJy4uL1BvcG92ZXInXG5pbXBvcnQgRm9ybUNvbnRyb2wgZnJvbSAnLi4vRm9ybUNvbnRyb2wnXG5cbmV4cG9ydCBjb25zdCBDb250YWluZXIgPSBzdHlsZWQoJ2RpdicpKHtcbiAgcG9zaXRpb246ICdyZWxhdGl2ZSdcbn0pXG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQb3BvdmVyID0gc3R5bGVkKFBvcG92ZXIpKCh7IHRoZW1lIH0pID0+ICh7XG4gIG1heFdpZHRoOiAnbm9uZScsXG4gIHBhZGRpbmc6IDAsXG4gIGJvcmRlclJhZGl1czogdGhlbWUucmFkaXVzWzFdXG59KSlcblxuZXhwb3J0IGNvbnN0IFRpbWVGb3JtQ29udHJvbCA9IHN0eWxlZChGb3JtQ29udHJvbCk8e1xuICB2YXJpYW50PzogJ3ByaW1hcnknIHwgJ3NlY29uZGFyeSdcbn0+KCh7IHRoZW1lLCB2YXJpYW50IH0pID0+ICh7XG4gICcmIGlucHV0OmZvY3VzJzoge1xuICAgIGJveFNoYWRvdzogYDBweCAwcHggMHB4ICR7dGhlbWUuYm9yZGVyV2lkdGhbMl19ICR7XG4gICAgICB2YXJpYW50ID09PSAncHJpbWFyeSdcbiAgICAgICAgPyB0aGVtZS5wYWxldHRlLnByaW1hcnlbMl1cbiAgICAgICAgOiB0aGVtZS5wYWxldHRlLnNlY29uZGFyeVsyXVxuICAgIH1gXG4gIH1cbn0pKVxuIl19 */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UaW1lQ29udHJvbC9lbGVtZW50cy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZStCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9UaW1lQ29udHJvbC9lbGVtZW50cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9wcm9wLXR5cGVzICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCBQb3BvdmVyIGZyb20gJy4uL1BvcG92ZXInXG5pbXBvcnQgRm9ybUNvbnRyb2wgZnJvbSAnLi4vRm9ybUNvbnRyb2wnXG5cbmV4cG9ydCBjb25zdCBDb250YWluZXIgPSBzdHlsZWQoJ2RpdicpKHtcbiAgcG9zaXRpb246ICdyZWxhdGl2ZSdcbn0pXG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQb3BvdmVyID0gc3R5bGVkKFBvcG92ZXIpKCh7IHRoZW1lIH0pID0+ICh7XG4gIG1heFdpZHRoOiAnbm9uZScsXG4gIHBhZGRpbmc6IDAsXG4gIGJvcmRlclJhZGl1czogdGhlbWUucmFkaXVzWzFdXG59KSlcblxuZXhwb3J0IGNvbnN0IFRpbWVGb3JtQ29udHJvbCA9IHN0eWxlZChGb3JtQ29udHJvbCk8e1xuICB2YXJpYW50PzogJ3ByaW1hcnknIHwgJ3NlY29uZGFyeSdcbn0+KCh7IHRoZW1lLCB2YXJpYW50IH0pID0+ICh7XG4gICcmIGlucHV0OmZvY3VzJzoge1xuICAgIGJveFNoYWRvdzogYDBweCAwcHggMHB4ICR7dGhlbWUuYm9yZGVyV2lkdGhbMl19ICR7XG4gICAgICB2YXJpYW50ID09PSAncHJpbWFyeSdcbiAgICAgICAgPyB0aGVtZS5wYWxldHRlLnByaW1hcnlbMl1cbiAgICAgICAgOiB0aGVtZS5wYWxldHRlLnNlY29uZGFyeVsyXVxuICAgIH1gXG4gIH1cbn0pKVxuIl19 */");
+exports.TimeFormControl = TimeFormControl;

package/dist/es/TimeControl/index.js

@@ -1,3 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _TimeControl["default"];
+  }
+});
+
+var _TimeControl = _interopRequireDefault(require("./TimeControl"));
+
+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 } from './TimeControl';
+if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};

package/dist/es/TimeControl/utils.js

@@ -1,8 +1,30 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDisplayValue = useDisplayValue;
+
+var _react = require("react");
+
+var _moment = _interopRequireDefault(require("moment"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure 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 _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 _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
-import { useState, useEffect, useMemo } from 'react';
-import moment from 'moment';
 var TIME_FORMAT_24 = 'HH:mm:ss';
 var TIME_FORMAT_12 = 'hh:mm:ss A';
 var TIME_FORMAT_MS = ':mm:ss'; // This hook contains all the logic needed to handle user input
@@ -13,28 +35,28 @@ var TIME_FORMAT_MS = ':mm:ss'; // This hook contains all the logic needed to han
 // React component (few "business rules" also there) but I have the feeling
 // that a shared `DropdownEditorControl` component might better serve this purpose.
 
-export function useDisplayValue(time, editor, onChange) {
-  var _useState = useState(),
+function useDisplayValue(time, editor, onChange) {
+  var _useState = (0, _react.useState)(),
       _useState2 = _slicedToArray(_useState, 2),
       errors = _useState2[0],
       setErrors = _useState2[1];
 
-  var _useState3 = useState(time),
+  var _useState3 = (0, _react.useState)(time),
       _useState4 = _slicedToArray(_useState3, 2),
       shadowValue = _useState4[0],
       setShadowValue = _useState4[1];
 
-  var _useState5 = useState(false),
+  var _useState5 = (0, _react.useState)(false),
       _useState6 = _slicedToArray(_useState5, 2),
       isEditing = _useState6[0],
       setIsEditing = _useState6[1];
 
-  var _useState7 = useState('24'),
+  var _useState7 = (0, _react.useState)('24'),
       _useState8 = _slicedToArray(_useState7, 2),
       period = _useState8[0],
       setPeriod = _useState8[1];
 
-  var displayFormat = useMemo(function () {
+  var displayFormat = (0, _react.useMemo)(function () {
     if (editor === 'minutes-seconds') {
       return TIME_FORMAT_MS;
     }
@@ -43,15 +65,15 @@ export function useDisplayValue(time, editor, onChange) {
   }, [period, editor]);
 
   var reconcileShadowValue = function reconcileShadowValue() {
-    return setShadowValue(moment(time, TIME_FORMAT_24).format(displayFormat));
+    return setShadowValue((0, _moment["default"])(time, TIME_FORMAT_24).format(displayFormat));
   }; // If we do not have an initial value then we use the current time (when editing
   // hh:mm:ss) or always 00:00 when editing mm:ss. We override default behaviour of TimePicker.
 
 
-  useEffect(function () {
+  (0, _react.useEffect)(function () {
     if (!time && onChange) {
       if (editor === 'hours-minutes-seconds') {
-        onChange(moment().format(TIME_FORMAT_24));
+        onChange((0, _moment["default"])().format(TIME_FORMAT_24));
       } else {
         onChange('00:00');
       }
@@ -62,11 +84,12 @@ export function useDisplayValue(time, editor, onChange) {
   // with the TimePicker directly.
   // eslint-disable-next-line react-hooks/exhaustive-deps
 
-  useEffect(function () {
+  (0, _react.useEffect)(function () {
     if (time) {
       // Without this check the input will say Invalid Error when time is undefined
       reconcileShadowValue();
-    }
+    } // eslint-disable-next-line react-hooks/exhaustive-deps
+
   }, [time, period]);
 
   var setEditing = function setEditing(value) {
@@ -84,7 +107,7 @@ export function useDisplayValue(time, editor, onChange) {
       return;
     }
 
-    var time = moment(value, displayFormat, true);
+    var time = (0, _moment["default"])(value, displayFormat, true);
 
     if (time.isValid()) {
       setErrors(undefined);
@@ -120,13 +143,13 @@ export function useDisplayValue(time, editor, onChange) {
   // has different rules (even when they - optionally - use AM/PM).
 
 
-  var displayValue = useMemo(function () {
+  var displayValue = (0, _react.useMemo)(function () {
     if (shadowValue || !time) {
       return shadowValue;
     }
 
-    var result = moment(time, TIME_FORMAT_24);
-    return result.isValid() ? result.format(displayFormat) : '';
+    var result = (0, _moment["default"])(time, TIME_FORMAT_24);
+    return result.isValid() ? result.format(displayFormat) : ''; // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [time, shadowValue, errors, isEditing, displayFormat]);
   return {
     displayValue: displayValue,

package/dist/es/TimeField/TimeField.d.ts

@@ -6,6 +6,10 @@ export declare type TimeFieldProps = Omit<FormFieldProps<'text'>, 'type' | 'valu
     value: string;
 };
 export declare const TimeField: ({ error, name, value, ...props }: TimeFieldProps) => JSX.Element;
-declare const _default: React.SFC<import("emotion-theming/types/helper").AddOptionalTo<TimeFieldProps, "theme">>;
+declare const _default: React.FC<Pick<Omit<FormFieldProps<"text">, "type" | "value"> & {
+    value: string;
+}, "max" | "required" | "error" | "hidden" | "dir" | "form" | "label" | "slot" | "style" | "title" | "pattern" | "invalid" | "disabled" | "color" | "multiple" | "size" | "inline" | "wrap" | "tooltip" | "children" | "list" | "step" | "height" | "translate" | "width" | "className" | "readOnly" | "checked" | "name" | "data-instrumentation" | "getRef" | "id" | "onClick" | "onKeyPress" | "onMouseDown" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "min" | "crossOrigin" | "value" | "data-gs-c" | "showAddOnInTooltip" | "showFullError" | "showFullHint" | "hint" | "hintNode" | "truncateErrors" | "hideAddOn" | "variant" | "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "maxLength" | "minLength" | "src" | "cols" | "dirName" | "rows" | "inputRef" | "isClearable" | "addOnClassName" | "tooltipClassName" | "valueCanBeNull"> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}>;
 export default _default;
 //# sourceMappingURL=TimeField.d.ts.map

package/dist/es/TimeField/TimeField.js

@@ -1,23 +1,44 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import { jsx as ___EmotionJSX } from "@emotion/core";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.TimeField = exports.FORMAT_VALIDATION_REGEX = exports.FORMAT_ERROR_MESSAGE = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@emotion/react");
+
+var _FormField = _interopRequireDefault(require("../FormField"));
+
+var _form = require("../utils/form");
+
+var _excluded = ["error", "name", "value"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+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 () {};
-import React from 'react';
-import { withTheme } from 'emotion-theming';
-import FormField from '../FormField';
-import { getErrorList } from '../utils/form';
-export var FORMAT_ERROR_MESSAGE = 'Format HH:MM AM';
-export var FORMAT_VALIDATION_REGEX = /^(0{0,1}[1-9]|1[0-2]):(0[0-9]|[1-5][0-9]) (AM|PM)$/i;
-export var TimeField = function TimeField(_ref) {
+var FORMAT_ERROR_MESSAGE = 'Format HH:MM AM';
+exports.FORMAT_ERROR_MESSAGE = FORMAT_ERROR_MESSAGE;
+var FORMAT_VALIDATION_REGEX = /^(0{0,1}[1-9]|1[0-2]):(0[0-9]|[1-5][0-9]) (AM|PM)$/i;
+exports.FORMAT_VALIDATION_REGEX = FORMAT_VALIDATION_REGEX;
+
+var TimeField = function TimeField(_ref) {
   var error = _ref.error,
       name = _ref.name,
       value = _ref.value,
-      props = _objectWithoutProperties(_ref, ["error", "name", "value"]);
+      props = _objectWithoutProperties(_ref, _excluded);
 
-  var errorList = error ? getErrorList(error) : [];
+  var errorList = error ? (0, _form.getErrorList)(error) : [];
   var validationError = !FORMAT_VALIDATION_REGEX.test(value) ? [FORMAT_ERROR_MESSAGE] : [];
-  return ___EmotionJSX(FormField, _extends({
+  return (0, _react2.jsx)(_FormField["default"], _extends({
     "data-gs-c": gsC(name, value),
     "data-gs": gs("src", "timefield", "timefield.tsx", "form-field")
   }, props, {
@@ -27,4 +48,9 @@ export var TimeField = function TimeField(_ref) {
     type: "text"
   }));
 };
-export default withTheme(TimeField);
+
+exports.TimeField = TimeField;
+
+var _default = (0, _react2.withTheme)(TimeField);
+
+exports["default"] = _default;

package/dist/es/TimeField/index.js

@@ -1,3 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _TimeField["default"];
+  }
+});
+
+var _TimeField = _interopRequireDefault(require("./TimeField"));
+
+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 } from './TimeField';
+if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};

package/dist/es/TimePicker/TimePicker.js

@@ -1,19 +1,46 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import { jsx as ___EmotionJSX } from "@emotion/core";
+"use strict";
+
+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); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.TimePicker = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _components = require("./components");
+
+var _utils = require("./utils");
+
+var _react2 = require("@emotion/react");
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure 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 _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 _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
 
-/* eslint-disable react/prop-types */
-import React, { useState, useMemo, useEffect } from 'react';
-import { Container, Spinner, Separator, PeriodSelector } from './components';
-import { getTimePartsSeparators, parseTime, formatTime, maybeConvert24HoursTo12, maybeConvert12HoursTo24, isValidTime, changeTimePeriod } from './utils';
-export var TimePicker = function TimePicker(props) {
+var TimePicker = function TimePicker(props) {
   var borderless = props.borderless,
       editor = props.editor,
       _props$initialPeriod = props.initialPeriod,
@@ -24,9 +51,9 @@ export var TimePicker = function TimePicker(props) {
       variant = props.variant,
       onChange = props.onChange,
       onPeriodChange = props.onPeriodChange;
-  var separators = useMemo(getTimePartsSeparators, []);
+  var separators = (0, _react.useMemo)(_utils.getTimePartsSeparators, []);
 
-  var _useState = useState(initialPeriod),
+  var _useState = (0, _react.useState)(initialPeriod),
       _useState2 = _slicedToArray(_useState, 2),
       period = _useState2[0],
       setPeriod = _useState2[1]; // When the component is first initialized we accept an empty
@@ -34,17 +61,17 @@ export var TimePicker = function TimePicker(props) {
   // initial value but we want to notify the caller about that value.
 
 
-  var value = parseTime(props.time);
-  useEffect(function () {
+  var value = (0, _utils.parseTime)(props.time);
+  (0, _react.useEffect)(function () {
     if (!props.time && onChange) {
-      onChange(formatTime(value), value);
+      onChange((0, _utils.formatTime)(value), value);
     } // eslint-disable-next-line react-hooks/exhaustive-deps
 
   }, []);
 
   var handleChangeTime = function handleChangeTime(newValue) {
-    if (onChange && isValidTime(newValue)) {
-      onChange(formatTime(newValue), newValue);
+    if (onChange && (0, _utils.isValidTime)(newValue)) {
+      onChange((0, _utils.formatTime)(newValue), newValue);
     }
   };
 
@@ -61,8 +88,8 @@ export var TimePicker = function TimePicker(props) {
     // am/pm we actually need to adjust the time itself.
 
 
-    var newValue = changeTimePeriod(value, period, newPeriod);
-    onChange(formatTime(newValue), newValue);
+    var newValue = (0, _utils.changeTimePeriod)(value, period, newPeriod);
+    onChange((0, _utils.formatTime)(newValue), newValue);
   }; // 24/12 hours format is only a display property, value
   // is always stored in the 24 hours format but hours are
   // displayed (and edited) as 12 or 24 according to `period`.
@@ -73,29 +100,29 @@ export var TimePicker = function TimePicker(props) {
   // "separator" after the seconds (for example 10時30分00秒).
 
 
-  return ___EmotionJSX(Container, {
+  return (0, _react2.jsx)(_components.Container, {
     "data-gs": gs("src", "timepicker", "timepicker.tsx", "container"),
     borderless: borderless,
     "data-instrumentation": dataInstrumentation
-  }, ___EmotionJSX(Spinner, {
+  }, (0, _react2.jsx)(_components.Spinner, {
     "data-gs": gs("src", "timepicker", "timepicker.tsx", "container", "spinner"),
     partName: "hours",
     "data-instrumentation": "".concat(dataInstrumentation, "-hourspinner"),
-    value: maybeConvert24HoursTo12(value.hours, period),
+    value: (0, _utils.maybeConvert24HoursTo12)(value.hours, period),
     minimum: period === '24' ? 0 : 1,
     maximum: period === '24' ? 23 : 12,
     disabled: disabled || editor === 'minutes-seconds',
     readonly: readonly,
     variant: variant,
     onChange: function onChange(hours) {
-      return handleChangeTime(_objectSpread({}, value, {
-        hours: maybeConvert12HoursTo24(hours, period)
+      return handleChangeTime(_objectSpread(_objectSpread({}, value), {}, {
+        hours: (0, _utils.maybeConvert12HoursTo24)(hours, period)
       }));
     }
-  }), ___EmotionJSX(Separator, {
+  }), (0, _react2.jsx)(_components.Separator, {
     "data-gs-c": gsC(separators[0]),
     "data-gs": gs("src", "timepicker", "timepicker.tsx", "container", "separator")
-  }, separators[0]), ___EmotionJSX(Spinner, {
+  }, separators[0]), (0, _react2.jsx)(_components.Spinner, {
     "data-gs-c": gsC(value.minutes),
     "data-gs": gs("src", "timepicker", "timepicker.tsx", "container", "spinner"),
     partName: "minutes",
@@ -105,14 +132,14 @@ export var TimePicker = function TimePicker(props) {
     readonly: readonly,
     variant: variant,
     onChange: function onChange(minutes) {
-      return handleChangeTime(_objectSpread({}, value, {
+      return handleChangeTime(_objectSpread(_objectSpread({}, value), {}, {
         minutes: minutes
       }));
     }
-  }), ___EmotionJSX(Separator, {
+  }), (0, _react2.jsx)(_components.Separator, {
     "data-gs-c": gsC(separators[1]),
     "data-gs": gs("src", "timepicker", "timepicker.tsx", "container", "separator")
-  }, separators[1]), ___EmotionJSX(Spinner, {
+  }, separators[1]), (0, _react2.jsx)(_components.Spinner, {
     "data-gs-c": gsC(value.seconds),
     "data-gs": gs("src", "timepicker", "timepicker.tsx", "container", "spinner"),
     partName: "seconds",
@@ -122,11 +149,11 @@ export var TimePicker = function TimePicker(props) {
     readonly: readonly,
     variant: variant,
     onChange: function onChange(seconds) {
-      return handleChangeTime(_objectSpread({}, value, {
+      return handleChangeTime(_objectSpread(_objectSpread({}, value), {}, {
         seconds: seconds
       }));
     }
-  }), ___EmotionJSX(PeriodSelector, {
+  }), (0, _react2.jsx)(_components.PeriodSelector, {
     "data-gs-c": gsC(period),
     "data-gs": gs("src", "timepicker", "timepicker.tsx", "container", "period-selector"),
     "data-instrumentation": "".concat(dataInstrumentation, "-minutesecondspinner"),
@@ -139,6 +166,8 @@ export var TimePicker = function TimePicker(props) {
     onChange: hadleChangePeriod
   }));
 };
+
+exports.TimePicker = TimePicker;
 TimePicker.defaultProps = {
   editor: 'hours-minutes-seconds',
   variant: 'primary',
@@ -146,4 +175,5 @@ TimePicker.defaultProps = {
   initialPeriod: '24'
 };
 TimePicker.displayName = 'TimePicker';
-export default TimePicker;
+var _default = TimePicker;
+exports["default"] = _default;