@ultraviolet/plus/dist/components/EstimateCost/Components/CustomUnitInput.cjs

Ultraviolet Plus

"use client";
"use strict";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const jsxRuntime = require("@emotion/react/jsx-runtime");
const react = require("react");
const EstimateCostProvider = require("../EstimateCostProvider.cjs");
const UnitInput = require("./UnitInput.cjs");
const CustomUnitInput = react.memo(({
  defaultTimeUnit = "hours",
  setIteration,
  iteration,
  timeUnits
}) => {
  const {
    locales
  } = EstimateCostProvider.useEstimateCost();
  const options = react.useMemo(() => timeUnits.map((unit) => ({
    value: unit,
    label: locales[`estimate.cost.units.${unit}.label`]
  })), [timeUnits, locales]);
  const defaultOption = react.useMemo(() => options.find(({
    value
  }) => value === defaultTimeUnit), [defaultTimeUnit, options]);
  return /* @__PURE__ */ jsxRuntime.jsx(UnitInput.UnitInput, { name: "iteration", onChange: (inputValue) => setIteration({
    unit: iteration.unit,
    value: inputValue
  }), onChangeUnitValue: (unitValue) => {
    setIteration({
      unit: unitValue,
      value: iteration.value
    });
  }, placeholder: "0", value: iteration.value, unitValue: iteration.unit || defaultOption?.value, minValue: 1, size: "medium", options });
});
exports.CustomUnitInput = CustomUnitInput;