@pedidopago/ui 1.7.26 → 1.8.0

package/dist/components/Thumbnail/thumbnail.test.js

@@ -1,66 +1 @@
-"use strict";
-
-require("@testing-library/jest-dom");
-var _react = require("@testing-library/react");
-var _testUtils = require("../../shared/tests/test-utils");
-var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
-var _ = require(".");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-var makeSut = function makeSut(props) {
-  var _render = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Thumbnail, _objectSpread({}, props))),
-    container = _render.container;
-  var file = new File(['any_content'], 'any_name.png', {
-    type: 'image/png'
-  });
-  var input = container.querySelector('input[type=file]');
-  return {
-    container: container,
-    file: file,
-    input: input
-  };
-};
-describe('Thumbnail', function () {
-  beforeEach(function () {
-    window.URL.createObjectURL = jest.fn(function () {
-      return 'blob_url';
-    });
-  });
-  it('Should render Thumbnail with url', function () {
-    makeSut({
-      src: 'https://image.flaticon.com/icons/png/512/833/833268.png',
-      alt: 'any_alt'
-    });
-    expect(_react.screen.getByAltText('any_alt')).toBeInTheDocument();
-  });
-  it('Should input recieve file', function () {
-    var _makeSut = makeSut(),
-      file = _makeSut.file,
-      input = _makeSut.input;
-    _userEvent.default.upload(input, file);
-    expect(input.files && input.files[0]).toStrictEqual(file);
-  });
-  it('Should render preview image', function () {
-    var _makeSut2 = makeSut(),
-      file = _makeSut2.file,
-      input = _makeSut2.input;
-    _userEvent.default.upload(input, file);
-    expect(_react.screen.getByAltText(file.name)).toBeInTheDocument();
-  });
-  it('Should return image on onSelect', function () {
-    var mockState = jest.fn();
-    var _makeSut3 = makeSut({
-        getThumbImage: mockState
-      }),
-      file = _makeSut3.file,
-      input = _makeSut3.input;
-    _userEvent.default.upload(input, file);
-    expect(mockState).toBeCalledWith(file);
-  });
-});
+"use strict";require("@testing-library/jest-dom");var _react=require("@testing-library/react"),_testUtils=require("../../shared/tests/test-utils"),_userEvent=_interopRequireDefault(require("@testing-library/user-event")),_=require("."),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null==arguments[i]?{}:arguments[i],i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))});return target}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}var makeSut=function(props){var _render=(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_.Thumbnail,_objectSpread({},props))),container=_render.container,file=new File(["any_content"],"any_name.png",{type:"image/png"}),input=container.querySelector("input[type=file]");return{container:container,file:file,input:input}};describe("Thumbnail",function(){beforeEach(function(){window.URL.createObjectURL=jest.fn(function(){return"blob_url"})}),it("Should render Thumbnail with url",function(){makeSut({src:"https://image.flaticon.com/icons/png/512/833/833268.png",alt:"any_alt"}),expect(_react.screen.getByAltText("any_alt")).toBeInTheDocument()}),it("Should input recieve file",function(){var _makeSut=makeSut(),file=_makeSut.file,input=_makeSut.input;_userEvent.default.upload(input,file),expect(input.files&&input.files[0]).toStrictEqual(file)}),it("Should render preview image",function(){var _makeSut2=makeSut(),file=_makeSut2.file,input=_makeSut2.input;_userEvent.default.upload(input,file),expect(_react.screen.getByAltText(file.name)).toBeInTheDocument()}),it("Should return image on onSelect",function(){var mockState=jest.fn(),_makeSut3=makeSut({getThumbImage:mockState}),file=_makeSut3.file,input=_makeSut3.input;_userEvent.default.upload(input,file),expect(mockState).toBeCalledWith(file)})});

package/dist/components/Thumbnail/utils/index.js

@@ -1,27 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _validateFileSize = require("./validate-file-size");
-Object.keys(_validateFileSize).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _validateFileSize[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _validateFileSize[key];
-    }
-  });
-});
-var _validateFileType = require("./validate-file-type");
-Object.keys(_validateFileType).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _validateFileType[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _validateFileType[key];
-    }
-  });
-});
+"use strict";var _validateFileSize=require("./validate-file-size");var _validateFileType=require("./validate-file-type");Object.defineProperty(exports,"__esModule",{value:!0});Object.keys(_validateFileSize).forEach(function(key){"default"===key||"__esModule"===key||key in exports&&exports[key]===_validateFileSize[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _validateFileSize[key]}})});Object.keys(_validateFileType).forEach(function(key){"default"===key||"__esModule"===key||key in exports&&exports[key]===_validateFileType[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _validateFileType[key]}})});

package/dist/components/Thumbnail/utils/validate-file-size.js

@@ -1,10 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.isValidFileSize = isValidFileSize;
-function isValidFileSize(fileSize, maxAllowedSize) {
-  var sizeAllowed = maxAllowedSize * 1024 * 1024;
-  return fileSize <= sizeAllowed;
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.isValidFileSize=isValidFileSize;function isValidFileSize(fileSize,maxAllowedSize){return fileSize<=1024*(1024*maxAllowedSize)}

package/dist/components/Thumbnail/utils/validate-file-type.js

@@ -1,9 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.isValidFileType = isValidFileType;
-function isValidFileType(fileName) {
-  return /image\/*/.test(fileName);
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.isValidFileType=isValidFileType;function isValidFileType(fileName){return /image\/*/.test(fileName)}

package/dist/components/TimeInput/constants.js

@@ -1,29 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TWENTYFOUR_HOUR_LIST = exports.TIMEPERIODS = exports.MINUTE_LIST = exports.AMPM_HOUR_LIST = void 0;
-var TWENTYFOUR_HOURS = Array.from({
-  length: 24
-}, function (_, i) {
-  return i.toString().padStart(2, '0');
-});
-var TWENTYFOUR_HOUR_LIST = ['-'].concat(TWENTYFOUR_HOURS, ['-']);
-exports.TWENTYFOUR_HOUR_LIST = TWENTYFOUR_HOUR_LIST;
-var AMPM_HOURS = Array.from({
-  length: 12
-}, function (_, i) {
-  return (i + 1).toString().padStart(2, '0');
-});
-var AMPM_HOUR_LIST = ['-'].concat(AMPM_HOURS, ['-']);
-exports.AMPM_HOUR_LIST = AMPM_HOUR_LIST;
-var MINUTES = Array.from({
-  length: 60
-}, function (_, i) {
-  return i.toString().padStart(2, '0');
-});
-var MINUTE_LIST = ['-'].concat(MINUTES, ['-']);
-exports.MINUTE_LIST = MINUTE_LIST;
-var TIMEPERIODS = ['-', 'AM', 'PM', '-'];
-exports.TIMEPERIODS = TIMEPERIODS;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TWENTYFOUR_HOUR_LIST=exports.TIMEPERIODS=exports.MINUTE_LIST=exports.AMPM_HOUR_LIST=void 0;var TWENTYFOUR_HOURS=Array.from({length:24},function(_,i){return i.toString().padStart(2,"0")}),TWENTYFOUR_HOUR_LIST=["-"].concat(TWENTYFOUR_HOURS,["-"]);exports.TWENTYFOUR_HOUR_LIST=TWENTYFOUR_HOUR_LIST;var AMPM_HOURS=Array.from({length:12},function(_,i){return(i+1).toString().padStart(2,"0")}),AMPM_HOUR_LIST=["-"].concat(AMPM_HOURS,["-"]);exports.AMPM_HOUR_LIST=AMPM_HOUR_LIST;var MINUTES=Array.from({length:60},function(_,i){return i.toString().padStart(2,"0")}),MINUTE_LIST=["-"].concat(MINUTES,["-"]);exports.MINUTE_LIST=MINUTE_LIST;var TIMEPERIODS=["-","AM","PM","-"];exports.TIMEPERIODS=TIMEPERIODS;

package/dist/components/TimeInput/index.js

@@ -1,288 +1 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TimeInput = void 0;
-var _react = require("react");
-var _Button = _interopRequireDefault(require("../Button"));
-var _Flex = _interopRequireDefault(require("../Flex"));
-var _Icon = _interopRequireDefault(require("../Icon"));
-var _Input = _interopRequireDefault(require("../Input"));
-var _Typography = _interopRequireDefault(require("../Typography"));
-var _Modal = require("../Modal");
-var _Observer = require("../Observer");
-var _useDraggableScroll4 = require("../../shared/hooks/useDraggableScroll");
-var _utils = require("./utils");
-var _constants = require("./constants");
-var _styles = require("./styles");
-var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["label", "placeholder", "helperText", "alert", "variant"];
-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); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-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) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-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; }
-var TimeInput = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
-  var _ref$label = _ref.label,
-    label = _ref$label === void 0 ? '' : _ref$label,
-    _ref$placeholder = _ref.placeholder,
-    placeholder = _ref$placeholder === void 0 ? '' : _ref$placeholder,
-    helperText = _ref.helperText,
-    alert = _ref.alert,
-    _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? '24_hours' : _ref$variant,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isModalOpen = _useState2[0],
-    setIsModalOpen = _useState2[1];
-  var timeInputRef = (0, _react.useRef)(null);
-  var mainContainer = (0, _react.useRef)(null);
-  var hourContainerRef = (0, _react.useRef)(null);
-  var minuteContainerRef = (0, _react.useRef)(null);
-  var hourElementRef = (0, _react.useRef)(null);
-  var minuteElementRef = (0, _react.useRef)(null);
-  var timePeriodContainerRef = (0, _react.useRef)(null);
-  var _useState3 = (0, _react.useState)('00:00'),
-    _useState4 = _slicedToArray(_useState3, 2),
-    selectedTime = _useState4[0],
-    setSelectedTime = _useState4[1];
-  var _useState5 = (0, _react.useState)(),
-    _useState6 = _slicedToArray(_useState5, 2),
-    timeValue = _useState6[0],
-    setTimeValue = _useState6[1];
-  var _useState7 = (0, _react.useState)('PM'),
-    _useState8 = _slicedToArray(_useState7, 2),
-    selectedPeriod = _useState8[0],
-    setSelectedPeriod = _useState8[1];
-  var _useState9 = (0, _react.useState)(),
-    _useState10 = _slicedToArray(_useState9, 2),
-    periodValue = _useState10[0],
-    setPeriodValue = _useState10[1];
-  var HOUR_LIST = variant === '24_hours' ? _constants.TWENTYFOUR_HOUR_LIST : _constants.AMPM_HOUR_LIST;
-  var observerOptions = (0, _utils.setObserverOptions)(mainContainer);
-  var isAMPMVariant = variant === 'am_pm';
-  var _useDraggableScroll = (0, _useDraggableScroll4.useDraggableScroll)(hourContainerRef, {
-      direction: 'vertical'
-    }),
-    onMouseDownHour = _useDraggableScroll.onMouseDown;
-  var _useDraggableScroll2 = (0, _useDraggableScroll4.useDraggableScroll)(minuteContainerRef, {
-      direction: 'vertical'
-    }),
-    onMouseDownMinute = _useDraggableScroll2.onMouseDown;
-  var _useDraggableScroll3 = (0, _useDraggableScroll4.useDraggableScroll)(timePeriodContainerRef, {
-      direction: 'vertical'
-    }),
-    onMouseDownTimePeriod = _useDraggableScroll3.onMouseDown;
-  (0, _react.useImperativeHandle)(ref, function () {
-    return timeInputRef.current;
-  });
-
-  // scrolling input value hour and minute to respective elements:
-  (0, _react.useEffect)(function () {
-    if (!hourContainerRef.current || !minuteContainerRef.current || !timeValue) return;
-    (0, _utils.handleScrollIntoView)(hourContainerRef, minuteContainerRef, timeValue, timePeriodContainerRef);
-  }, [isModalOpen]);
-  function handleOnClose() {
-    setIsModalOpen(function (oldState) {
-      return !oldState;
-    });
-  }
-  function handleOpenTimePicker() {
-    var _timeInputRef$current, _timeInputRef$current2;
-    setSelectedTime((_timeInputRef$current = timeInputRef.current) === null || _timeInputRef$current === void 0 ? void 0 : _timeInputRef$current.value);
-    setTimeValue((_timeInputRef$current2 = timeInputRef.current) === null || _timeInputRef$current2 === void 0 ? void 0 : _timeInputRef$current2.value);
-    if (!rest.disabled) setIsModalOpen(function (oldState) {
-      return !oldState;
-    });
-  }
-  function handleConfirm() {
-    var timeFormatted = selectedTime;
-    if (isAMPMVariant) {
-      setPeriodValue(periodValue);
-      // add am_pm values:
-      timeFormatted = "".concat(selectedTime, " ").concat(selectedPeriod);
-      setTimeValue(timeFormatted);
-    } else {
-      setTimeValue(timeFormatted);
-    }
-    if (timeInputRef.current) {
-      var _nativeInputValueSett;
-      var nativeInputValueSetter = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, 'value');
-      nativeInputValueSetter === null || nativeInputValueSetter === void 0 ? void 0 : (_nativeInputValueSett = nativeInputValueSetter.set) === null || _nativeInputValueSett === void 0 ? void 0 : _nativeInputValueSett.call(timeInputRef.current, timeFormatted);
-      var event = new Event('input', {
-        bubbles: true
-      });
-      timeInputRef.current.dispatchEvent(event);
-    }
-    setIsModalOpen(false);
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.TimeInputContainer, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.default, _objectSpread(_objectSpread({
-      "data-testid": "time-input",
-      ref: timeInputRef,
-      leftIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
-        name: "clock",
-        color: "neutral.neutral5"
-      }),
-      onLeftIconClick: handleOpenTimePicker,
-      label: label,
-      type: variant === '24_hours' ? 'tel' : 'text',
-      placeholder: placeholder || "HH:MM ".concat(variant === 'am_pm' ? 'AM/PM' : ''),
-      helperText: helperText,
-      alert: alert,
-      disabled: !!rest.disabled,
-      tabIndex: rest.disabled ? -1 : 0,
-      className: rest.className,
-      style: rest.style
-    }, rest), {}, {
-      onChange: function onChange(event) {
-        var _rest$onChange;
-        event.currentTarget.value = (0, _utils.onChangeFormatter)(event, isAMPMVariant);
-        setTimeValue(event.currentTarget.value);
-        setSelectedTime(event.currentTarget.value);
-        (0, _utils.handleSetNativeInputValue)(timeInputRef, event.currentTarget.value);
-        (_rest$onChange = rest.onChange) === null || _rest$onChange === void 0 ? void 0 : _rest$onChange.call(rest, event);
-      }
-    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Modal.Modal, {
-      maxWidth: "min(400px, 90%)",
-      maxHeight: "370px",
-      open: isModalOpen,
-      onClose: handleOnClose,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Flex.default, {
-        direction: "column",
-        alignItems: "center",
-        spacing: "8",
-        style: {
-          padding: '2em',
-          width: '100%'
-        },
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.ClockContent, {
-          ref: mainContainer,
-          variant: variant,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.DigitContainer, {
-            ref: hourContainerRef,
-            onMouseDown: onMouseDownHour,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-              className: "hour_separator",
-              ref: hourElementRef
-            }), HOUR_LIST.map(function (hour, index) {
-              return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Observer.Observer, {
-                onObserved: function onObserved() {
-                  setSelectedTime(function (state) {
-                    var _state$split = state.split(':'),
-                      _state$split2 = _slicedToArray(_state$split, 2),
-                      minute = _state$split2[1];
-                    return "".concat(hour, ":").concat(minute);
-                  });
-                },
-                observerOptions: observerOptions,
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
-                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
-                    fontSize: "xl",
-                    fontWeight: "600",
-                    color: "neutral.neutral6",
-                    "data-input-hour": hour,
-                    children: hour
-                  })
-                })
-              }, "hour-".concat(index));
-            })]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: "comma",
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
-              fontSize: "xl",
-              fontWeight: "600",
-              color: "neutral.neutral6",
-              children: ':'
-            })
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.DigitContainer, {
-            ref: minuteContainerRef,
-            onMouseDown: onMouseDownMinute,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-              className: "minutes_separator",
-              ref: minuteElementRef
-            }), _constants.MINUTE_LIST.map(function (minute, index) {
-              return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Observer.Observer, {
-                onObserved: function onObserved() {
-                  setSelectedTime(function (state) {
-                    var _state$split3 = state.split(':'),
-                      _state$split4 = _slicedToArray(_state$split3, 1),
-                      hour = _state$split4[0];
-                    return "".concat(hour, ":").concat(minute);
-                  });
-                },
-                observerOptions: observerOptions,
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
-                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
-                    fontSize: "xl",
-                    fontWeight: "600",
-                    color: "neutral.neutral6",
-                    "data-input-minute": minute,
-                    children: minute
-                  })
-                })
-              }, "minute-".concat(index));
-            })]
-          }), isAMPMVariant && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.DigitContainer, {
-            ref: timePeriodContainerRef,
-            onMouseDown: onMouseDownTimePeriod,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-              className: "ampm_separator",
-              ref: minuteElementRef
-            }), _constants.TIMEPERIODS.map(function (period, index) {
-              return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Observer.Observer, {
-                onObserved: function onObserved() {
-                  setSelectedPeriod(period);
-                },
-                observerOptions: observerOptions,
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
-                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
-                    fontSize: "xl",
-                    fontWeight: "600",
-                    color: "neutral.neutral6",
-                    "data-input-period": period,
-                    children: period
-                  })
-                })
-              }, "am-pm-".concat(index));
-            })]
-          })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Flex.default, {
-          direction: "row",
-          alignItems: "center",
-          spacing: "4",
-          style: {
-            width: '100%'
-          },
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
-            variant: "outline",
-            bgColor: "tertiary.default",
-            textColor: "tertiary.focus",
-            fullWidth: true,
-            onClick: handleOnClose,
-            children: "Cancelar"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
-            fullWidth: true,
-            onClick: handleConfirm,
-            "data-testid": "time-input-confirm-button",
-            children: "Ok"
-          })]
-        })]
-      })
-    })]
-  });
-});
-exports.TimeInput = TimeInput;
-TimeInput.displayName = 'TimeInput';
+"use strict";function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.TimeInput=void 0;var _react=require("react"),_Button=_interopRequireDefault(require("../Button")),_Flex=_interopRequireDefault(require("../Flex")),_Icon=_interopRequireDefault(require("../Icon")),_Input=_interopRequireDefault(require("../Input")),_Typography=_interopRequireDefault(require("../Typography")),_Modal=require("../Modal"),_Observer=require("../Observer"),_useDraggableScroll4=require("../../shared/hooks/useDraggableScroll"),_utils=require("./utils"),_constants=require("./constants"),_styles=require("./styles"),_jsxRuntime=require("react/jsx-runtime"),_excluded=["label","placeholder","helperText","alert","variant"];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);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null==arguments[i]?{}:arguments[i],i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))});return target}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}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){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=_objectWithoutPropertiesLoose(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],0<=excluded.indexOf(key)||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],0<=excluded.indexOf(key)||(target[key]=source[key]);return target}var TimeInput=/*#__PURE__*/(0,_react.forwardRef)(function(_ref,ref){function handleOnClose(){setIsModalOpen(function(oldState){return!oldState})}var _ref$label=_ref.label,label=void 0===_ref$label?"":_ref$label,_ref$placeholder=_ref.placeholder,placeholder=void 0===_ref$placeholder?"":_ref$placeholder,helperText=_ref.helperText,alert=_ref.alert,_ref$variant=_ref.variant,variant=void 0===_ref$variant?"24_hours":_ref$variant,rest=_objectWithoutProperties(_ref,_excluded),_useState=(0,_react.useState)(!1),_useState2=_slicedToArray(_useState,2),isModalOpen=_useState2[0],setIsModalOpen=_useState2[1],timeInputRef=(0,_react.useRef)(null),mainContainer=(0,_react.useRef)(null),hourContainerRef=(0,_react.useRef)(null),minuteContainerRef=(0,_react.useRef)(null),hourElementRef=(0,_react.useRef)(null),minuteElementRef=(0,_react.useRef)(null),timePeriodContainerRef=(0,_react.useRef)(null),_useState3=(0,_react.useState)("00:00"),_useState4=_slicedToArray(_useState3,2),selectedTime=_useState4[0],setSelectedTime=_useState4[1],_useState5=(0,_react.useState)(),_useState6=_slicedToArray(_useState5,2),timeValue=_useState6[0],setTimeValue=_useState6[1],_useState7=(0,_react.useState)("PM"),_useState8=_slicedToArray(_useState7,2),selectedPeriod=_useState8[0],setSelectedPeriod=_useState8[1],_useState9=(0,_react.useState)(),_useState10=_slicedToArray(_useState9,2),periodValue=_useState10[0],setPeriodValue=_useState10[1],HOUR_LIST="24_hours"===variant?_constants.TWENTYFOUR_HOUR_LIST:_constants.AMPM_HOUR_LIST,observerOptions=(0,_utils.setObserverOptions)(mainContainer),isAMPMVariant="am_pm"===variant,_useDraggableScroll=(0,_useDraggableScroll4.useDraggableScroll)(hourContainerRef,{direction:"vertical"}),onMouseDownHour=_useDraggableScroll.onMouseDown,_useDraggableScroll2=(0,_useDraggableScroll4.useDraggableScroll)(minuteContainerRef,{direction:"vertical"}),onMouseDownMinute=_useDraggableScroll2.onMouseDown,_useDraggableScroll3=(0,_useDraggableScroll4.useDraggableScroll)(timePeriodContainerRef,{direction:"vertical"}),onMouseDownTimePeriod=_useDraggableScroll3.onMouseDown;return(0,_react.useImperativeHandle)(ref,function(){return timeInputRef.current}),(0,_react.useEffect)(function(){hourContainerRef.current&&minuteContainerRef.current&&timeValue&&(0,_utils.handleScrollIntoView)(hourContainerRef,minuteContainerRef,timeValue,timePeriodContainerRef)},[isModalOpen]),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.TimeInputContainer,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_Input.default,_objectSpread(_objectSpread({"data-testid":"time-input",ref:timeInputRef,leftIcon:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"clock",color:"neutral.neutral5"}),onLeftIconClick:function(){var _timeInputRef$current,_timeInputRef$current2;setSelectedTime(null===(_timeInputRef$current=timeInputRef.current)||void 0===_timeInputRef$current?void 0:_timeInputRef$current.value),setTimeValue(null===(_timeInputRef$current2=timeInputRef.current)||void 0===_timeInputRef$current2?void 0:_timeInputRef$current2.value),rest.disabled||setIsModalOpen(function(oldState){return!oldState})},label:label,type:"24_hours"===variant?"tel":"text",placeholder:placeholder||"HH:MM ".concat("am_pm"===variant?"AM/PM":""),helperText:helperText,alert:alert,disabled:!!rest.disabled,tabIndex:rest.disabled?-1:0,className:rest.className,style:rest.style},rest),{},{onChange:function onChange(event){var _rest$onChange;event.currentTarget.value=(0,_utils.onChangeFormatter)(event,isAMPMVariant),setTimeValue(event.currentTarget.value),setSelectedTime(event.currentTarget.value),(0,_utils.handleSetNativeInputValue)(timeInputRef,event.currentTarget.value),null===(_rest$onChange=rest.onChange)||void 0===_rest$onChange?void 0:_rest$onChange.call(rest,event)}})),/*#__PURE__*/(0,_jsxRuntime.jsx)(_Modal.Modal,{maxWidth:"min(400px, 90%)",maxHeight:"370px",open:isModalOpen,onClose:handleOnClose,children:/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"column",alignItems:"center",spacing:"8",style:{padding:"2em",width:"100%"},children:[/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.ClockContent,{ref:mainContainer,variant:variant,children:[/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.DigitContainer,{ref:hourContainerRef,onMouseDown:onMouseDownHour,children:[/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{className:"hour_separator",ref:hourElementRef}),HOUR_LIST.map(function(hour,index){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_Observer.Observer,{onObserved:function onObserved(){setSelectedTime(function(state){var _state$split=state.split(":"),_state$split2=_slicedToArray(_state$split,2),minute=_state$split2[1];return"".concat(hour,":").concat(minute)})},observerOptions:observerOptions,children:/*#__PURE__*/(0,_jsxRuntime.jsx)("li",{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{fontSize:"xl",fontWeight:"600",color:"neutral.neutral6","data-input-hour":hour,children:hour})})},"hour-".concat(index))})]}),/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{className:"comma",children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{fontSize:"xl",fontWeight:"600",color:"neutral.neutral6",children:":"})}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.DigitContainer,{ref:minuteContainerRef,onMouseDown:onMouseDownMinute,children:[/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{className:"minutes_separator",ref:minuteElementRef}),_constants.MINUTE_LIST.map(function(minute,index){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_Observer.Observer,{onObserved:function onObserved(){setSelectedTime(function(state){var _state$split3=state.split(":"),_state$split4=_slicedToArray(_state$split3,1),hour=_state$split4[0];return"".concat(hour,":").concat(minute)})},observerOptions:observerOptions,children:/*#__PURE__*/(0,_jsxRuntime.jsx)("li",{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{fontSize:"xl",fontWeight:"600",color:"neutral.neutral6","data-input-minute":minute,children:minute})})},"minute-".concat(index))})]}),isAMPMVariant&&/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.DigitContainer,{ref:timePeriodContainerRef,onMouseDown:onMouseDownTimePeriod,children:[/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{className:"ampm_separator",ref:minuteElementRef}),_constants.TIMEPERIODS.map(function(period,index){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_Observer.Observer,{onObserved:function onObserved(){setSelectedPeriod(period)},observerOptions:observerOptions,children:/*#__PURE__*/(0,_jsxRuntime.jsx)("li",{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{fontSize:"xl",fontWeight:"600",color:"neutral.neutral6","data-input-period":period,children:period})})},"am-pm-".concat(index))})]})]}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"row",alignItems:"center",spacing:"4",style:{width:"100%"},children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_Button.default,{variant:"outline",bgColor:"tertiary.default",textColor:"tertiary.focus",fullWidth:!0,onClick:handleOnClose,children:"Cancelar"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_Button.default,{fullWidth:!0,onClick:function(){var timeFormatted=selectedTime;if(isAMPMVariant?(setPeriodValue(periodValue),timeFormatted="".concat(selectedTime," ").concat(selectedPeriod),setTimeValue(timeFormatted)):setTimeValue(timeFormatted),timeInputRef.current){var _nativeInputValueSett,nativeInputValueSetter=Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype,"value");null===nativeInputValueSetter||void 0===nativeInputValueSetter||null===(_nativeInputValueSett=nativeInputValueSetter.set)||void 0===_nativeInputValueSett?void 0:_nativeInputValueSett.call(timeInputRef.current,timeFormatted);var event=new Event("input",{bubbles:!0});timeInputRef.current.dispatchEvent(event)}setIsModalOpen(!1)},"data-testid":"time-input-confirm-button",children:"Ok"})]})]})})]})});exports.TimeInput=TimeInput,TimeInput.displayName="TimeInput";

package/dist/components/TimeInput/styles.js

@@ -1,34 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TimeInputContainer = exports.DigitContainer = exports.ClockContent = void 0;
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _templateObject, _templateObject2, _templateObject3;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var TimeInputContainer = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n"])));
-exports.TimeInputContainer = TimeInputContainer;
-var DigitContainer = _styled.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  list-style-type: none;\n  overflow-y: scroll;\n  user-select: none;\n\n  cursor: grab;\n\n  li {\n    scroll-snap-align: start;\n  }\n\n  /* hiding scrollbar: */\n  ::-webkit-scrollbar {\n    display: none;\n    -ms-overflow-style: none; /* IE and Edge */\n    scrollbar-width: none; /* Firefox */\n  }\n"])));
-exports.DigitContainer = DigitContainer;
-var ClockContent = _styled.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  --border: 2px solid ", ";\n  position: relative;\n\n  display: flex;\n  flex-direction: row;\n  gap: 1em;\n  justify-content: center;\n\n  background-color: ", ";\n  width: 300px;\n  height: 144px;\n  overflow: hidden;\n\n  scroll-snap-type: y mandatory;\n\n  .comma {\n    display: flex;\n    align-items: center;\n  }\n\n  .hour_separator {\n    position: absolute;\n    top: 46px;\n    left: ", ";\n\n    height: 50px;\n    width: 55px;\n\n    border-top: var(--border);\n    border-bottom: var(--border);\n\n    pointer-events: none;\n  }\n\n  .minutes_separator {\n    position: absolute;\n    top: 46px;\n    left: ", ";\n\n    height: 50px;\n    width: 55px;\n\n    border-top: var(--border);\n    border-bottom: var(--border);\n\n    pointer-events: none;\n  }\n\n  .ampm {\n    display: flex;\n    align-items: center;\n    margin-left: 10px;\n  }\n\n  .ampm_separator {\n    position: absolute;\n    top: 46px;\n    left: 200px;\n\n    height: 50px;\n    width: 55px;\n\n    border-top: var(--border);\n    border-bottom: var(--border);\n\n    pointer-events: none;\n  }\n\n  :before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: linear-gradient(\n      to bottom,\n      transparent 50%,\n      ", " 100%\n    );\n    pointer-events: none;\n  }\n\n  :after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: linear-gradient(\n      to top,\n      transparent 50%,\n      ", " 100%\n    );\n    pointer-events: none;\n  }\n"])), function (_ref) {
-  var theme = _ref.theme;
-  return theme.colors.tertiary.default;
-}, function (_ref2) {
-  var theme = _ref2.theme;
-  return theme.colors.neutral.white;
-}, function (_ref3) {
-  var variant = _ref3.variant;
-  return variant === '24_hours' ? '75px' : '40px';
-}, function (_ref4) {
-  var variant = _ref4.variant;
-  return variant === '24_hours' ? '165px' : '125px';
-}, function (_ref5) {
-  var theme = _ref5.theme;
-  return theme.colors.neutral.white;
-}, function (_ref6) {
-  var theme = _ref6.theme;
-  return theme.colors.neutral.white;
-});
-exports.ClockContent = ClockContent;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TimeInputContainer=exports.DigitContainer=exports.ClockContent=void 0;var _templateObject,_templateObject2,_templateObject3,_styled=_interopRequireDefault(require("@emotion/styled"));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var TimeInputContainer=_styled.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n"])));exports.TimeInputContainer=TimeInputContainer;var DigitContainer=_styled.default.div(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  list-style-type: none;\n  overflow-y: scroll;\n  user-select: none;\n\n  cursor: grab;\n\n  li {\n    scroll-snap-align: start;\n  }\n\n  /* hiding scrollbar: */\n  ::-webkit-scrollbar {\n    display: none;\n    -ms-overflow-style: none; /* IE and Edge */\n    scrollbar-width: none; /* Firefox */\n  }\n"])));exports.DigitContainer=DigitContainer;var ClockContent=_styled.default.div(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n  --border: 2px solid ",";\n  position: relative;\n\n  display: flex;\n  flex-direction: row;\n  gap: 1em;\n  justify-content: center;\n\n  background-color: ",";\n  width: 300px;\n  height: 144px;\n  overflow: hidden;\n\n  scroll-snap-type: y mandatory;\n\n  .comma {\n    display: flex;\n    align-items: center;\n  }\n\n  .hour_separator {\n    position: absolute;\n    top: 46px;\n    left: ",";\n\n    height: 50px;\n    width: 55px;\n\n    border-top: var(--border);\n    border-bottom: var(--border);\n\n    pointer-events: none;\n  }\n\n  .minutes_separator {\n    position: absolute;\n    top: 46px;\n    left: ",";\n\n    height: 50px;\n    width: 55px;\n\n    border-top: var(--border);\n    border-bottom: var(--border);\n\n    pointer-events: none;\n  }\n\n  .ampm {\n    display: flex;\n    align-items: center;\n    margin-left: 10px;\n  }\n\n  .ampm_separator {\n    position: absolute;\n    top: 46px;\n    left: 200px;\n\n    height: 50px;\n    width: 55px;\n\n    border-top: var(--border);\n    border-bottom: var(--border);\n\n    pointer-events: none;\n  }\n\n  :before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: linear-gradient(\n      to bottom,\n      transparent 50%,\n      "," 100%\n    );\n    pointer-events: none;\n  }\n\n  :after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: linear-gradient(\n      to top,\n      transparent 50%,\n      "," 100%\n    );\n    pointer-events: none;\n  }\n"])),function(_ref){var theme=_ref.theme;return theme.colors.tertiary.default},function(_ref2){var theme=_ref2.theme;return theme.colors.neutral.white},function(_ref3){var variant=_ref3.variant;return"24_hours"===variant?"75px":"40px"},function(_ref4){var variant=_ref4.variant;return"24_hours"===variant?"165px":"125px"},function(_ref5){var theme=_ref5.theme;return theme.colors.neutral.white},function(_ref6){var theme=_ref6.theme;return theme.colors.neutral.white});exports.ClockContent=ClockContent;

package/dist/components/TimeInput/utils.js

@@ -1,94 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.handleScrollIntoView = handleScrollIntoView;
-exports.handleSetNativeInputValue = handleSetNativeInputValue;
-exports.onChangeFormatter = onChangeFormatter;
-exports.setObserverOptions = setObserverOptions;
-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) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function handleScrollIntoView(hourContainerRef, minuteContainerRef, inputValue, timePeriodContainerRef) {
-  var _hourContainerRef$cur, _minuteContainerRef$c;
-  var _inputValue$split = inputValue.split(/:| /),
-    _inputValue$split2 = _slicedToArray(_inputValue$split, 3),
-    hour = _inputValue$split2[0],
-    minute = _inputValue$split2[1],
-    period = _inputValue$split2[2];
-  var targetHourEl = (_hourContainerRef$cur = hourContainerRef.current) === null || _hourContainerRef$cur === void 0 ? void 0 : _hourContainerRef$cur.querySelector("[data-input-hour=\"".concat(hour === null || hour === void 0 ? void 0 : hour.padStart(2, '0'), "\"]"));
-  var targetMinuteEl = (_minuteContainerRef$c = minuteContainerRef.current) === null || _minuteContainerRef$c === void 0 ? void 0 : _minuteContainerRef$c.querySelector("[data-input-minute=\"".concat(minute === null || minute === void 0 ? void 0 : minute.padEnd(2, '0'), "\"]"));
-  if (targetHourEl || targetMinuteEl) {
-    targetHourEl === null || targetHourEl === void 0 ? void 0 : targetHourEl.scrollIntoView({
-      behavior: 'auto',
-      block: 'center'
-    });
-    targetMinuteEl === null || targetMinuteEl === void 0 ? void 0 : targetMinuteEl.scrollIntoView({
-      behavior: 'auto',
-      block: 'center'
-    });
-  }
-  if (timePeriodContainerRef && period) {
-    var _timePeriodContainerR;
-    var targetTimePeriodEl = (_timePeriodContainerR = timePeriodContainerRef.current) === null || _timePeriodContainerR === void 0 ? void 0 : _timePeriodContainerR.querySelector("[data-input-period=\"".concat(period, "\"]"));
-    if (targetTimePeriodEl) {
-      targetTimePeriodEl.scrollIntoView({
-        behavior: 'auto',
-        block: 'center'
-      });
-    }
-  }
-}
-function handleSetNativeInputValue(timeInputRef, value) {
-  var _nativeInputValueSett;
-  if (!timeInputRef.current) return;
-  var nativeInputValueSetter = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, 'value');
-  nativeInputValueSetter === null || nativeInputValueSetter === void 0 ? void 0 : (_nativeInputValueSett = nativeInputValueSetter.set) === null || _nativeInputValueSett === void 0 ? void 0 : _nativeInputValueSett.call(timeInputRef.current, value);
-  var event = new Event('input', {
-    bubbles: true
-  });
-  timeInputRef.current.dispatchEvent(event);
-}
-function setObserverOptions(mainContainer) {
-  return {
-    root: mainContainer === null || mainContainer === void 0 ? void 0 : mainContainer.current,
-    threshold: 1,
-    rootMargin: '-40px'
-  };
-}
-function onChangeFormatter(event, isAMPMVariant) {
-  if (event.currentTarget.value === undefined || event.currentTarget.value === ':') return '';
-  if (isAMPMVariant) {
-    event.currentTarget.value = String(event.currentTarget.value).replace(/(\d{2})(\d{2})/, function (match, hours, minutes) {
-      var formattedHours = hours;
-      var formattedMinutes = minutes;
-      if (formattedHours.length === 2) {
-        formattedHours = Math.min(parseInt(formattedHours, 10), 12).toString().padStart(2, '0');
-      }
-      if (formattedMinutes.length === 2) {
-        formattedMinutes = Math.min(parseInt(formattedMinutes, 10), 59).toString().padStart(2, '0');
-      }
-      return "".concat(formattedHours, ":").concat(formattedMinutes);
-    }).replace(/(:\d{2})\d*$/, function (match) {
-      var minutesMatch = match.substring(1);
-      var formattedMinutes = Math.min(parseInt(minutesMatch, 10), 59).toString().padStart(2, '0');
-      return ":".concat(formattedMinutes);
-    }).substring(0, 11);
-    return event.currentTarget.value;
-  }
-  return String(event.currentTarget.value).replace(/\D/g, '').replace(/(\d{2})(\d)/, function (match, hours, minutes) {
-    var formattedHours = hours;
-    if (formattedHours.length === 2) {
-      formattedHours = Math.min(parseInt(formattedHours, 10), 23).toString().padStart(2, '0');
-    }
-    return "".concat(formattedHours, ":").concat(minutes);
-  }).replace(/(:\d{2})\d*$/, function (match) {
-    var minutesMatch = match.substring(1);
-    var formattedMinutes = Math.min(parseInt(minutesMatch, 10), 59).toString().padStart(2, '0');
-    return ":".concat(formattedMinutes);
-  }).substring(0, 5);
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.handleScrollIntoView=handleScrollIntoView,exports.handleSetNativeInputValue=handleSetNativeInputValue,exports.onChangeFormatter=onChangeFormatter,exports.setObserverOptions=setObserverOptions;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){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}function handleScrollIntoView(hourContainerRef,minuteContainerRef,inputValue,timePeriodContainerRef){var _hourContainerRef$cur,_minuteContainerRef$c,_inputValue$split=inputValue.split(/:| /),_inputValue$split2=_slicedToArray(_inputValue$split,3),hour=_inputValue$split2[0],minute=_inputValue$split2[1],period=_inputValue$split2[2],targetHourEl=null===(_hourContainerRef$cur=hourContainerRef.current)||void 0===_hourContainerRef$cur?void 0:_hourContainerRef$cur.querySelector("[data-input-hour=\"".concat(null===hour||void 0===hour?void 0:hour.padStart(2,"0"),"\"]")),targetMinuteEl=null===(_minuteContainerRef$c=minuteContainerRef.current)||void 0===_minuteContainerRef$c?void 0:_minuteContainerRef$c.querySelector("[data-input-minute=\"".concat(null===minute||void 0===minute?void 0:minute.padEnd(2,"0"),"\"]"));if((targetHourEl||targetMinuteEl)&&(null===targetHourEl||void 0===targetHourEl?void 0:targetHourEl.scrollIntoView({behavior:"auto",block:"center"}),null===targetMinuteEl||void 0===targetMinuteEl?void 0:targetMinuteEl.scrollIntoView({behavior:"auto",block:"center"})),timePeriodContainerRef&&period){var _timePeriodContainerR,targetTimePeriodEl=null===(_timePeriodContainerR=timePeriodContainerRef.current)||void 0===_timePeriodContainerR?void 0:_timePeriodContainerR.querySelector("[data-input-period=\"".concat(period,"\"]"));targetTimePeriodEl&&targetTimePeriodEl.scrollIntoView({behavior:"auto",block:"center"})}}function handleSetNativeInputValue(timeInputRef,value){var _nativeInputValueSett;if(timeInputRef.current){var nativeInputValueSetter=Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype,"value");null===nativeInputValueSetter||void 0===nativeInputValueSetter||null===(_nativeInputValueSett=nativeInputValueSetter.set)||void 0===_nativeInputValueSett?void 0:_nativeInputValueSett.call(timeInputRef.current,value);var event=new Event("input",{bubbles:!0});timeInputRef.current.dispatchEvent(event)}}function setObserverOptions(mainContainer){return{root:null===mainContainer||void 0===mainContainer?void 0:mainContainer.current,threshold:1,rootMargin:"-40px"}}function onChangeFormatter(event,isAMPMVariant){return void 0===event.currentTarget.value||":"===event.currentTarget.value?"":isAMPMVariant?(event.currentTarget.value=(event.currentTarget.value+"").replace(/(\d{2})(\d{2})/,function(match,hours,minutes){var formattedHours=hours,formattedMinutes=minutes;return 2===formattedHours.length&&(formattedHours=Math.min(parseInt(formattedHours,10),12).toString().padStart(2,"0")),2===formattedMinutes.length&&(formattedMinutes=Math.min(parseInt(formattedMinutes,10),59).toString().padStart(2,"0")),"".concat(formattedHours,":").concat(formattedMinutes)}).replace(/(:\d{2})\d*$/,function(match){var minutesMatch=match.substring(1),formattedMinutes=Math.min(parseInt(minutesMatch,10),59).toString().padStart(2,"0");return":".concat(formattedMinutes)}).substring(0,11),event.currentTarget.value):(event.currentTarget.value+"").replace(/\D/g,"").replace(/(\d{2})(\d)/,function(match,hours,minutes){var formattedHours=hours;return 2===formattedHours.length&&(formattedHours=Math.min(parseInt(formattedHours,10),23).toString().padStart(2,"0")),"".concat(formattedHours,":").concat(minutes)}).replace(/(:\d{2})\d*$/,function(match){var minutesMatch=match.substring(1),formattedMinutes=Math.min(parseInt(minutesMatch,10),59).toString().padStart(2,"0");return":".concat(formattedMinutes)}).substring(0,5)}