@semcore/time-picker 4.53.0-prerelease.4 → 4.53.0-prerelease.5

package/lib/esm/component/TimePicker/time-picker.shadow.css

@@ -0,0 +1,34 @@
+STimePicker {
+  position: relative;
+  width: auto;
+  outline: none;
+
+  SPickerInput {
+    box-sizing: content-box;
+    text-align: center;
+    z-index: 1;
+    height: 1.5em;
+
+    &[placeholder] {
+      text-overflow: initial;
+    }
+    &:focus {
+      outline: none;
+      background-color: var(--intergalactic-bg-highlight-focus, oklch(0.524 0.266 263.1 / 0.116));
+    }
+  }
+}
+
+STimePicker[disabled] {
+  color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
+  cursor: default;
+}
+
+STimePickerSeparator {
+  color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
+}
+
+STimePickerSeparator[disabled] {
+  opacity: var(--intergalactic-disabled-opacity, 0.4);
+  pointer-events: none;
+}

package/lib/esm/entity/TimePickerEntity.mjs

@@ -0,0 +1,90 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+var TimePickerEntity = /* @__PURE__ */ (function() {
+  function TimePickerEntity2() {
+    var value = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : ":";
+    var is12Hour = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
+    _classCallCheck(this, TimePickerEntity2);
+    _defineProperty(this, "_hours", "");
+    _defineProperty(this, "_minutes", "");
+    _defineProperty(this, "_is12Hour", void 0);
+    _defineProperty(this, "_meridiem", "AM");
+    var _value$split = value.split(":"), _value$split2 = _slicedToArray(_value$split, 2), _value$split2$ = _value$split2[0], hours = _value$split2$ === void 0 ? "" : _value$split2$, _value$split2$2 = _value$split2[1], minutes = _value$split2$2 === void 0 ? "" : _value$split2$2;
+    this._is12Hour = is12Hour;
+    this._hours = hours;
+    this._minutes = minutes;
+  }
+  return _createClass(TimePickerEntity2, [{
+    key: "meridiem",
+    get: function get() {
+      return this._meridiem;
+    },
+    set: function set(newMeridiem) {
+      this._meridiem = newMeridiem;
+    }
+  }, {
+    key: "hours",
+    get: function get() {
+      return this._is12Hour ? this.formatHoursTo12(this._hours) : this.formatHoursTo24(this._hours);
+    },
+    set: function set(newHours) {
+      this._hours = newHours;
+    }
+  }, {
+    key: "minutes",
+    get: function get() {
+      return this._minutes && this.withLeadingZero(this._minutes);
+    },
+    set: function set(newMinutes) {
+      this._minutes = newMinutes;
+    }
+  }, {
+    key: "is12Hour",
+    set: function set(newIs12Hour) {
+      this._is12Hour = newIs12Hour;
+    }
+  }, {
+    key: "withLeadingZero",
+    value: function withLeadingZero(value) {
+      return String(value).padStart(2, "0");
+    }
+  }, {
+    key: "formatHoursTo12",
+    value: function formatHoursTo12(hours) {
+      var numberHours = Number.parseInt(hours, 10);
+      if (Number.isNaN(numberHours)) return hours;
+      if (numberHours === 0) {
+        return "12";
+      } else if (numberHours > 12) {
+        return this.withLeadingZero(numberHours - 12);
+      }
+      return this.withLeadingZero(numberHours);
+    }
+  }, {
+    key: "formatHoursTo24",
+    value: function formatHoursTo24(hours) {
+      var numberHours = Number.parseInt(hours, 10);
+      if (Number.isNaN(numberHours)) return hours;
+      if (this.meridiem === "AM") {
+        return this.withLeadingZero(numberHours === 12 ? 0 : numberHours);
+      }
+      return this.withLeadingZero(numberHours < 12 ? numberHours + 12 : numberHours);
+    }
+  }, {
+    key: "toggleMeridiem",
+    value: function toggleMeridiem() {
+      this.meridiem = this._meridiem === "AM" ? "PM" : "AM";
+    }
+  }, {
+    key: "toString",
+    value: function toString() {
+      var hours = this._is12Hour ? this.formatHoursTo24(this.hours) : this.hours;
+      return "".concat(hours, ":").concat(this.minutes);
+    }
+  }]);
+})();
+export {
+  TimePickerEntity as default
+};

package/lib/esm/index.mjs

@@ -1,9 +1,5 @@
-import { default as default2, formatHoursTo12, formatHoursTo24, intOrDefault, meridiemByHours, withLeadingZero } from "./TimePicker.mjs";
+import { default as default2 } from "./component/TimePicker/TimePicker.mjs";
+import "./component/TimePicker/TimePicker.type.mjs";
 export {
-  default2 as default,
-  formatHoursTo12,
-  formatHoursTo24,
-  intOrDefault,
-  meridiemByHours,
-  withLeadingZero
+  default2 as default
 };

package/lib/esm/translations/__intergalactic-dynamic-locales.mjs

@@ -6,12 +6,12 @@ import it from "./it.json.mjs";
 import ja from "./ja.json.mjs";
 import ko from "./ko.json.mjs";
 import nl from "./nl.json.mjs";
+import pl from "./pl.json.mjs";
 import pt from "./pt.json.mjs";
+import sv from "./sv.json.mjs";
 import tr from "./tr.json.mjs";
 import vi from "./vi.json.mjs";
 import zh from "./zh.json.mjs";
-import pl from "./pl.json.mjs";
-import sv from "./sv.json.mjs";
 var localizedMessages = {
   de,
   en,

package/lib/types/component/PickerFormat/PickerFormat.d.ts

@@ -0,0 +1,17 @@
+import { Component } from '@semcore/core';
+import React from 'react';
+import type { TimePickerFormatProps, TimePickerFormatPropsInternal } from './PickerFormat.type';
+declare class TimePickerFormat extends Component<TimePickerFormatProps, typeof TimePickerFormat.enhance, {}, TimePickerFormatPropsInternal> {
+    static style: {
+        [key: string]: string;
+    };
+    static enhance: readonly [(props: any) => {
+        uid: ReturnType<typeof import("@semcore/core/lib/utils/uniqueID").useUID>;
+    }];
+    state: {
+        changedFormatNotice: string;
+    };
+    handleClick: () => void;
+    render(): React.ReactNode;
+}
+export default TimePickerFormat;

package/lib/types/component/PickerFormat/PickerFormat.type.d.ts

@@ -0,0 +1,16 @@
+import type { BoxProps } from '@semcore/base-components';
+import type { useI18n } from '@semcore/core/lib/utils/enhances/WithI18n';
+import type { TimePickerMeridiem } from '../TimePicker/TimePicker.type';
+export type TimePickerFormatProps = BoxProps & {};
+export type TimePickerFormatPropsInternal = {
+    /** @Internal */
+    getI18nText: ReturnType<typeof useI18n>;
+    /** @Internal */
+    size: 'm' | 'l';
+    /** @Internal */
+    disabled: boolean;
+    /** @Internal */
+    meridiem: TimePickerMeridiem;
+    /** @Internal */
+    onClick: (event: React.SyntheticEvent) => void;
+};

package/lib/types/component/PickerInput/PickerInput.d.ts

@@ -0,0 +1,54 @@
+import { Component } from '@semcore/core';
+import React from 'react';
+import type { PickerInputMinMax, PickerInputProps } from './PickerInput.type';
+import type { TimePickerField } from '../TimePicker/TimePicker.type';
+type State = {
+    dirtyValue?: string;
+    visible: boolean;
+};
+declare abstract class AbstractPickerInput extends Component<PickerInputProps, [], {}, {}, State> {
+    static style: {
+        [key: string]: string;
+    };
+    static defaultProps: (_: PickerInputProps) => {
+        placeholder: string;
+        offset: number[];
+    };
+    state: State;
+    inputRef: React.RefObject<unknown>;
+    abstract get field(): TimePickerField;
+    abstract get minMax(): PickerInputMinMax;
+    abstract handleKeyDown(event: React.KeyboardEvent<HTMLInputElement>): void;
+    parseValueWithMinMax: (value: string) => string;
+    dispatchOnChange(value: string, event: React.SyntheticEvent): void;
+    submitChanges(event: React.SyntheticEvent): void;
+    handleChange: (value: string, event: React.SyntheticEvent) => void;
+    handleBlur: (event: React.SyntheticEvent) => void;
+    handleSelect: (value: string, event: React.SyntheticEvent) => void;
+    handleVisibleChange: (visible: boolean) => void;
+    render(): React.ReactNode;
+}
+declare class Hours extends AbstractPickerInput {
+    static defaultProps: (props: PickerInputProps) => {
+        ml: number | undefined;
+        placeholder: string;
+        offset: number[];
+    };
+    get field(): TimePickerField;
+    get minMax(): PickerInputMinMax;
+    focusNext(): void;
+    handleKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    componentDidUpdate(_: PickerInputProps, prevState: State): void;
+}
+declare class Minutes extends AbstractPickerInput {
+    static defaultProps: (props: PickerInputProps) => {
+        mr: number | undefined;
+        placeholder: string;
+        offset: number[];
+    };
+    get field(): TimePickerField;
+    get minMax(): PickerInputMinMax;
+    focusPrev(): void;
+    handleKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+}
+export { Hours, Minutes };

package/lib/types/component/PickerInput/PickerInput.type.d.ts

@@ -0,0 +1,13 @@
+import type { SelectProps } from '@semcore/select';
+import type { TimePickerField, TimePickerItemProps } from '../TimePicker/TimePicker.type';
+export type PickerInputProps = SelectProps & TimePickerItemProps & {
+    time: string;
+    size?: 'm' | 'l';
+    is12Hour?: boolean;
+    disabled?: boolean;
+    $onValueChange: (value: string, field: TimePickerField, event: React.SyntheticEvent) => void;
+    minutesInputRef: React.RefObject<HTMLElement>;
+    hoursInputRef: React.RefObject<HTMLElement>;
+    ariaLabel: string;
+};
+export type PickerInputMinMax = [number, number];

package/lib/types/component/TimePicker/TimePicker.d.ts

@@ -0,0 +1,3 @@
+import type { TimePickerComponent } from './TimePicker.type';
+declare const TimePicker: TimePickerComponent;
+export default TimePicker;

package/lib/types/component/TimePicker/TimePicker.type.d.ts

@@ -0,0 +1,50 @@
+import type { Box } from '@semcore/base-components';
+import type { PropGetterFn, Intergalactic } from '@semcore/core';
+import type { InputProps, InputValueProps } from '@semcore/input';
+import type { TimePickerFormatProps } from '../PickerFormat/PickerFormat.type';
+export type TimePickerProps = Omit<InputProps, 'size'> & {
+    /** Time in the hh:mm format */
+    value?: string;
+    /** Default value if `value` property is not provided */
+    defaultValue?: string;
+    /** The event responses upon time changing */
+    onChange?: (time: string, event?: React.SyntheticEvent) => void;
+    /** In charge of the component blocking */
+    disabled?: boolean;
+    /** Control size
+     * @default m */
+    size?: 'm' | 'l';
+    /** 12-hour time format */
+    is12Hour?: boolean;
+    /** Specifies the locale for i18n support */
+    locale?: string;
+};
+export type TimePickerSeparatorProps = {
+    /** @Internal */
+    hoursInputRef: React.RefObject<HTMLElement>;
+    /** @Internal */
+    disabled?: boolean;
+};
+export type TimePickerItemProps = InputValueProps & {
+    /** Step for changing of the values in the dropdown list */
+    step?: number;
+};
+export type TimePickerContext = {
+    getHoursProps: PropGetterFn;
+    getFormatProps: PropGetterFn;
+    getMinutesProps: PropGetterFn;
+    getSeparatorProps: PropGetterFn;
+};
+export type TimePickerHandlers = {
+    value: (value: string) => void;
+};
+export type TimePickerMeridiem = 'AM' | 'PM';
+export type TimePickerField = 'hours' | 'minutes';
+export type TimePickerComponent = Intergalactic.Component<'div', TimePickerProps, TimePickerContext, [
+    handlers: TimePickerHandlers
+]> & {
+    Hours: Intergalactic.Component<'div', TimePickerItemProps>;
+    Minutes: Intergalactic.Component<'div', TimePickerItemProps>;
+    Separator: typeof Box;
+    Format: Intergalactic.Component<'div', TimePickerFormatProps>;
+};

package/lib/types/entity/TimePickerEntity.d.ts

@@ -0,0 +1,22 @@
+import type { TimePickerMeridiem } from '../component/TimePicker/TimePicker.type';
+declare class TimePickerEntity {
+    private _hours;
+    private _minutes;
+    private _is12Hour;
+    private _meridiem;
+    constructor(value?: string, // should be in the format 'HH:mm'
+    is12Hour?: boolean);
+    get meridiem(): TimePickerMeridiem;
+    get hours(): string;
+    get minutes(): string;
+    set is12Hour(newIs12Hour: boolean);
+    set hours(newHours: string);
+    set minutes(newMinutes: string);
+    private set meridiem(value);
+    private withLeadingZero;
+    private formatHoursTo12;
+    private formatHoursTo24;
+    toggleMeridiem(): void;
+    toString(): string;
+}
+export default TimePickerEntity;

package/lib/types/index.d.ts

@@ -1,63 +1,2 @@
-import React from 'react';
-import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';
-import { InputProps, InputValueProps } from '@semcore/input';
-import { Box, BoxProps } from '@semcore/flex-box';
-import { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
-
-/** @deprecated */
-export interface ITimePickerProps extends TimePickerProps, UnknownProperties {}
-export type TimePickerProps = Omit<InputProps, 'size'> & {
-  /** Time in the hh:mm format */
-  value?: string;
-  /** Default value if `value` property is not provided */
-  defaultValue?: string;
-  /** The event responses upon time changing */
-  onChange?: (time: string, event?: React.SyntheticEvent) => void;
-  /** In charge of the component blocking */
-  disabled?: boolean;
-  /** Control size
-   * @default m */
-  size?: 'm' | 'l';
-  /** 12-hour time format */
-  is12Hour?: boolean;
-  locale?: string;
-};
-
-/** @deprecated */
-export interface ITimePickerItemProps extends TimePickerItemProps, UnknownProperties {}
-export type TimePickerItemProps = InputValueProps & {
-  /** Step for changing of the values in the dropdown list */
-  step?: number;
-};
-
-/** @deprecated */
-export interface ITimePickerFormatProps extends TimePickerFormatProps, UnknownProperties {}
-export type TimePickerFormatProps = BoxProps & KeyboardFocusProps & {};
-
-/** @deprecated */
-export interface ITimePickerContext extends TimePickerContext, UnknownProperties {}
-export type TimePickerContext = {
-  getHoursProps: PropGetterFn;
-  getFormatProps: PropGetterFn;
-  getMinutesProps: PropGetterFn;
-};
-
-/** @deprecated */
-export interface ITimePickerHandlers extends TimePickerHandlers, UnknownProperties {}
-export type TimePickerHandlers = {
-  value: (value: string) => void;
-};
-
-declare const TimePicker: Intergalactic.Component<
-  'div',
-  TimePickerProps,
-  TimePickerContext,
-  [handlers: TimePickerHandlers]
-> & {
-  Hours: Intergalactic.Component<'div', TimePickerItemProps>;
-  Minutes: Intergalactic.Component<'div', TimePickerItemProps>;
-  Separator: typeof Box;
-  Format: Intergalactic.Component<'div', TimePickerFormatProps>;
-};
-
-export default TimePicker;
+export { default } from './component/TimePicker/TimePicker';
+export * from './component/TimePicker/TimePicker.type';

package/lib/types/translations/__intergalactic-dynamic-locales.d.ts

@@ -0,0 +1,114 @@
+export declare const localizedMessages: {
+    de: {
+        title: string;
+        titleEmpty: string;
+        hours: string;
+        minutes: string;
+        formatToggler: string;
+        changedFormatNotice: string;
+    };
+    en: {
+        title: string;
+        titleEmpty: string;
+        hours: string;
+        minutes: string;
+        formatToggler: string;
+        changedFormatNotice: string;
+    };
+    es: {
+        title: string;
+        titleEmpty: string;
+        hours: string;
+        minutes: string;
+        formatToggler: string;
+        changedFormatNotice: string;
+    };
+    fr: {
+        title: string;
+        titleEmpty: string;
+        hours: string;
+        minutes: string;
+        formatToggler: string;
+        changedFormatNotice: string;
+    };
+    it: {
+        title: string;
+        titleEmpty: string;
+        hours: string;
+        minutes: string;
+        formatToggler: string;
+        changedFormatNotice: string;
+    };
+    ja: {
+        title: string;
+        titleEmpty: string;
+        hours: string;
+        minutes: string;
+        formatToggler: string;
+        changedFormatNotice: string;
+    };
+    ko: {
+        title: string;
+        titleEmpty: string;
+        hours: string;
+        minutes: string;
+        formatToggler: string;
+        changedFormatNotice: string;
+    };
+    nl: {
+        title: string;
+        titleEmpty: string;
+        hours: string;
+        minutes: string;
+        formatToggler: string;
+        changedFormatNotice: string;
+    };
+    pt: {
+        title: string;
+        titleEmpty: string;
+        hours: string;
+        minutes: string;
+        formatToggler: string;
+        changedFormatNotice: string;
+    };
+    tr: {
+        title: string;
+        titleEmpty: string;
+        hours: string;
+        minutes: string;
+        formatToggler: string;
+        changedFormatNotice: string;
+    };
+    vi: {
+        title: string;
+        titleEmpty: string;
+        hours: string;
+        minutes: string;
+        formatToggler: string;
+        changedFormatNotice: string;
+    };
+    zh: {
+        title: string;
+        titleEmpty: string;
+        hours: string;
+        minutes: string;
+        formatToggler: string;
+        changedFormatNotice: string;
+    };
+    pl: {
+        title: string;
+        titleEmpty: string;
+        hours: string;
+        minutes: string;
+        formatToggler: string;
+        changedFormatNotice: string;
+    };
+    sv: {
+        title: string;
+        titleEmpty: string;
+        hours: string;
+        minutes: string;
+        formatToggler: string;
+        changedFormatNotice: string;
+    };
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/time-picker",
   "description": "Semrush TimePicker Component",
-  "version": "4.53.0-prerelease.4",
+  "version": "4.53.0-prerelease.5",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,14 +14,14 @@
     "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
-    "@semcore/button": "5.44.0-prerelease.4",
-    "@semcore/flex-box": "5.42.0-prerelease.4",
-    "@semcore/input": "4.43.0-prerelease.4",
-    "@semcore/select": "4.53.0-prerelease.4",
-    "@semcore/utils": "4.49.0-prerelease.4"
+    "@semcore/button": "5.44.0-prerelease.5",
+    "@semcore/flex-box": "5.42.0-prerelease.5",
+    "@semcore/input": "4.43.0-prerelease.5",
+    "@semcore/select": "4.53.0-prerelease.5",
+    "@semcore/utils": "4.49.0-prerelease.5"
   },
   "peerDependencies": {
-    "@semcore/core": "^2.40.0-prerelease.4",
+    "@semcore/core": "^2.40.0-prerelease.5",
     "react": "16.8 - 18",
     "react-dom": "16.8 - 18"
   },

package/lib/cjs/PickerFormat.js

@@ -1,85 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _core = require("@semcore/core");
-var _react = _interopRequireDefault(require("react"));
-var _flexBox = require("@semcore/flex-box");
-var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
-var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
-var TimePickerFormat = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(TimePickerFormat, _Component);
-  var _super = (0, _createSuper2["default"])(TimePickerFormat);
-  function TimePickerFormat() {
-    var _this;
-    (0, _classCallCheck2["default"])(this, TimePickerFormat);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
-      changedFormatNotice: ''
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleClick", function () {
-      setTimeout(function () {
-        var _this$asProps = _this.asProps,
-          meridiem = _this$asProps.meridiem,
-          getI18nText = _this$asProps.getI18nText;
-        _this.setState({
-          changedFormatNotice: getI18nText('changedFormatNotice', {
-            meridiem: meridiem
-          })
-        });
-      }, 0);
-      setTimeout(function () {
-        _this.setState({
-          changedFormatNotice: ''
-        });
-      }, 2000);
-    });
-    return _this;
-  }
-  (0, _createClass2["default"])(TimePickerFormat, [{
-    key: "render",
-    value: function render() {
-      var _ref = this.asProps,
-        _ref2;
-      var SPickerFormat = _flexBox.Box;
-      var _this$asProps2 = this.asProps,
-        Children = _this$asProps2.Children,
-        meridiem = _this$asProps2.meridiem,
-        styles = _this$asProps2.styles,
-        getI18nText = _this$asProps2.getI18nText,
-        uid = _this$asProps2.uid;
-      var changedFormatNotice = this.state.changedFormatNotice;
-      var SPickerFormatText = 'span';
-      return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(SPickerFormat, _ref2.cn("SPickerFormat", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-        "type": 'button',
-        "tag": 'button',
-        "onClick": this.handleClick,
-        "aria-describedby": "".concat(uid, "_describe")
-      }, _ref))), Children.origin ? /*#__PURE__*/_react["default"].createElement(Children, _ref2.cn("Children", {})) : /*#__PURE__*/_react["default"].createElement(SPickerFormatText, _ref2.cn("SPickerFormatText", {}), meridiem)), /*#__PURE__*/_react["default"].createElement(_flexBox.ScreenReaderOnly, _ref2.cn("ScreenReaderOnly", {
-        "role": 'status',
-        "aria-live": 'polite'
-      }), changedFormatNotice), /*#__PURE__*/_react["default"].createElement(_flexBox.ScreenReaderOnly, _ref2.cn("ScreenReaderOnly", {
-        "aria-hidden": 'true',
-        "id": "".concat(uid, "_describe")
-      }), getI18nText('formatToggler')));
-    }
-  }]);
-  return TimePickerFormat;
-}(_core.Component);
-(0, _defineProperty2["default"])(TimePickerFormat, "enhance", [(0, _keyboardFocusEnhance["default"])(), (0, _uniqueID["default"])()]);
-var _default = TimePickerFormat;
-exports["default"] = _default;
-//# sourceMappingURL=PickerFormat.js.map

package/lib/cjs/PickerFormat.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PickerFormat.js","names":["_core","require","_react","_interopRequireDefault","_flexBox","_keyboardFocusEnhance","_uniqueID","TimePickerFormat","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","changedFormatNotice","setTimeout","_this$asProps","asProps","meridiem","getI18nText","setState","_createClass2","key","value","render","_ref","_ref2","SPickerFormat","Box","_this$asProps2","Children","styles","uid","state","SPickerFormatText","sstyled","createElement","Fragment","cn","_objectSpread2","assignProps","handleClick","origin","ScreenReaderOnly","Component","keyboardFocusEnhance","uniqueIDEnhancement","_default","exports"],"sources":["../../src/PickerFormat.jsx"],"sourcesContent":["import React from 'react';\nimport { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { ScreenReaderOnly } from '@semcore/flex-box';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nclass TimePickerFormat extends Component {\n  static enhance = [keyboardFocusEnhance(), uniqueIDEnhancement()];\n\n  state = {\n    changedFormatNotice: '',\n  };\n\n  handleClick = () => {\n    setTimeout(() => {\n      const { meridiem, getI18nText } = this.asProps;\n      this.setState({ changedFormatNotice: getI18nText('changedFormatNotice', { meridiem }) });\n    }, 0);\n\n    setTimeout(() => {\n      this.setState({ changedFormatNotice: '' });\n    }, 2000);\n  };\n\n  render() {\n    const SPickerFormat = Root;\n    const { Children, meridiem, styles, getI18nText, uid } = this.asProps;\n    const { changedFormatNotice } = this.state;\n    const SPickerFormatText = 'span';\n\n    return sstyled(styles)(\n      <>\n        <SPickerFormat\n          render={Box}\n          type='button'\n          tag='button'\n          onClick={this.handleClick}\n          aria-describedby={`${uid}_describe`}\n        >\n          {Children.origin ? <Children /> : <SPickerFormatText>{meridiem}</SPickerFormatText>}\n        </SPickerFormat>\n        <ScreenReaderOnly role={'status'} aria-live={'polite'}>\n          {changedFormatNotice}\n        </ScreenReaderOnly>\n        <ScreenReaderOnly aria-hidden={'true'} id={`${uid}_describe`}>\n          {getI18nText('formatToggler')}\n        </ScreenReaderOnly>\n      </>,\n    );\n  }\n}\n\nexport default TimePickerFormat;\n"],"mappings":"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"}