react-miui 0.33.0 → 0.35.0

package/esm/components/form/timepicker/TimePicker.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+interface CustomProps {
+    children?: never;
+    label?: string;
+    pinnedLabel?: boolean;
+    error?: boolean;
+    withSeconds?: boolean;
+    minuteStep?: number;
+    secondStep?: number;
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    modalTitle?: React.ReactNode;
+    okLabel?: React.ReactNode;
+    cancelLabel?: React.ReactNode;
+}
+type InputAttrs = Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "defaultValue" | "onChange" | "type" | "prefix" | "pattern" | "placeholder" | "maxLength">;
+type Props = InputAttrs & CustomProps;
+declare const TimePicker: React.ForwardRefExoticComponent<InputAttrs & CustomProps & React.RefAttributes<HTMLInputElement>>;
+export { TimePicker };
+export type { Props as TimePickerProps };
+//# sourceMappingURL=TimePicker.d.ts.map

package/esm/components/form/timepicker/TimePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/form/timepicker/TimePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AA+Bf,UAAU,WAAW;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC;AAED,KAAK,UAAU,GAAG,IAAI,CAClB,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,OAAO,GAAG,cAAc,GAAG,UAAU,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,aAAa,GAAG,WAAW,CACtG,CAAC;AAEF,KAAK,KAAK,GAAG,UAAU,GAAG,WAAW,CAAC;AAsKtC,QAAA,MAAM,UAAU,mGAAgB,CAAC;AAEjC,OAAO,EAAE,UAAU,EAAE,CAAC;AAEtB,YAAY,EAAE,KAAK,IAAI,eAAe,EAAE,CAAC"}

package/esm/components/form/timepicker/TimePicker.js

@@ -0,0 +1,93 @@
+import React, { forwardRef, useCallback, useEffect, useId, useState, } from "react";
+import { useForwardedRef } from "@bedrock-layout/use-forwarded-ref";
+import { useNativeValidity } from "../../../utils/useNativeValidity.js";
+import { Clock } from "../../icons/Clock.js";
+import { StyledInputContainer, StyledLabel, StyledSuffix, StyledWrapper, } from "../input/Input.styled.js";
+import { StyledSuffixButton, StyledTimeInput, } from "./TimePicker.styled.js";
+import { TimePickerModal } from "./TimePickerModal.js";
+const PATTERN_HHMM = "(?:[01]\\d|2[0-3]):[0-5]\\d";
+const PATTERN_HHMMSS = "(?:[01]\\d|2[0-3]):[0-5]\\d:[0-5]\\d";
+const MAX_LEN_HHMM = 5;
+const MAX_LEN_HHMMSS = 8;
+const assertStep = (name, step) => {
+    if (!Number.isInteger(step) || step < 1 || step > 60) {
+        throw new Error(`TimePicker: \`${name}\` must be an integer between 1 and 60, got ${String(step)}`);
+    }
+};
+const TimePickerInner = ({ className, label, pinnedLabel = false, error, withSeconds = false, minuteStep = 1, secondStep = 1, value, defaultValue, onChange, onFocus, onBlur, disabled, readOnly, id, modalTitle, okLabel = "OK", cancelLabel = "Cancel", ...rest }, ref) => {
+    assertStep("minuteStep", minuteStep);
+    if (withSeconds) {
+        assertStep("secondStep", secondStep);
+    }
+    const isControlled = value !== undefined;
+    const [internalValue, setInternalValue] = useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : "");
+    const currentValue = isControlled ? (value !== null && value !== void 0 ? value : "") : internalValue;
+    const [focused, setFocused] = useState(false);
+    const validity = useNativeValidity(error);
+    const { revalidate } = validity;
+    const inputRef = useForwardedRef(ref);
+    const generatedId = useId();
+    const inputId = id !== null && id !== void 0 ? id : (label ? generatedId : undefined);
+    const [modalOpen, setModalOpen] = useState(false);
+    const handleChange = useCallback((e) => {
+        const next = e.target.value;
+        if (!isControlled) {
+            setInternalValue(next);
+        }
+        validity.onChange(e);
+        onChange === null || onChange === void 0 ? void 0 : onChange(next);
+    }, [isControlled, onChange, validity]);
+    const handleFocus = useCallback((e) => {
+        setFocused(true);
+        onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
+    }, [onFocus]);
+    const handleBlur = useCallback((e) => {
+        setFocused(false);
+        validity.onBlur(e);
+        onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+    }, [onBlur, validity]);
+    useEffect(() => {
+        revalidate(inputRef.current);
+    }, [currentValue, revalidate, inputRef]);
+    const openModal = useCallback(() => {
+        setModalOpen(true);
+    }, []);
+    const closeModal = useCallback(() => {
+        var _a;
+        setModalOpen(false);
+        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    }, [inputRef]);
+    const confirmModal = useCallback((next) => {
+        var _a;
+        if (!isControlled) {
+            setInternalValue(next);
+        }
+        onChange === null || onChange === void 0 ? void 0 : onChange(next);
+        setModalOpen(false);
+        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    }, [isControlled, onChange, inputRef]);
+    const hasValue = currentValue.length > 0;
+    const floating = Boolean(label) && (pinnedLabel || focused || hasValue);
+    const placeholder = withSeconds ? "--:--:--" : "--:--";
+    const pattern = withSeconds ? PATTERN_HHMMSS : PATTERN_HHMM;
+    const maxLength = withSeconds ? MAX_LEN_HHMMSS : MAX_LEN_HHMM;
+    const finalError = validity.finalError;
+    const labelElem = label
+        ? (React.createElement(StyledLabel, { htmlFor: inputId, floating: floating, error: finalError }, label))
+        : null;
+    return (React.createElement(React.Fragment, null,
+        React.createElement(StyledWrapper, { className: className, focused: focused, disabled: Boolean(disabled), readOnly: Boolean(readOnly), error: finalError },
+            React.createElement(StyledInputContainer, null,
+                labelElem,
+                React.createElement(StyledTimeInput, { ref: inputRef, ...rest, id: inputId, type: "text", inputMode: "numeric", autoComplete: "off", value: currentValue, placeholder: placeholder, pattern: pattern, maxLength: maxLength, disabled: disabled, readOnly: readOnly, onChange: handleChange, onFocus: handleFocus, onBlur: handleBlur, onInvalid: validity.onInvalid, "data-error": finalError })),
+            React.createElement(StyledSuffix, null,
+                React.createElement(StyledSuffixButton, { type: "button", onClick: openModal, disabled: disabled, "aria-label": "Open time picker" },
+                    React.createElement(Clock, null)))),
+        React.createElement(TimePickerModal, { isOpen: modalOpen, initialValue: currentValue, withSeconds: withSeconds, minuteStep: minuteStep, secondStep: secondStep, readOnly: Boolean(readOnly), title: modalTitle, okLabel: okLabel, cancelLabel: cancelLabel, onClose: closeModal, onConfirm: confirmModal })));
+};
+const TimePickerRef = forwardRef(TimePickerInner);
+TimePickerRef.displayName = "TimePicker";
+TimePickerRef.toString = () => StyledWrapper.toString();
+const TimePicker = TimePickerRef;
+export { TimePicker };
+//# sourceMappingURL=TimePicker.js.map

package/esm/components/form/timepicker/TimePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.js","sourceRoot":"","sources":["../../../../src/components/form/timepicker/TimePicker.tsx"],"names":[],"mappings":"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"}