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

package/lib/esm/entity/TimePickerEntity.mjs

@@ -1,90 +0,0 @@
-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/types/component/PickerFormat/PickerFormat.d.ts

@@ -1,17 +0,0 @@
-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

@@ -1,16 +0,0 @@
-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

@@ -1,54 +0,0 @@
-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

@@ -1,13 +0,0 @@
-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

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

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

@@ -1,50 +0,0 @@
-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

@@ -1,22 +0,0 @@
-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/translations/__intergalactic-dynamic-locales.d.ts

@@ -1,114 +0,0 @@
-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;
-    };
-};