@postenbring/hedwig-react/dist/form/date-picker/date-picker.js

React components for [Hedwig Design System](https://github.com/bring/hedwig-design-system).

"use strict";
var __create = Object.create;
var __defProp = Object.defineProperty;
var __defProps = Object.defineProperties;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
var __getProtoOf = Object.getPrototypeOf;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __propIsEnum = Object.prototype.propertyIsEnumerable;
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
var __spreadValues = (a, b) => {
  for (var prop in b || (b = {}))
    if (__hasOwnProp.call(b, prop))
      __defNormalProp(a, prop, b[prop]);
  if (__getOwnPropSymbols)
    for (var prop of __getOwnPropSymbols(b)) {
      if (__propIsEnum.call(b, prop))
        __defNormalProp(a, prop, b[prop]);
    }
  return a;
};
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
var __objRest = (source, exclude) => {
  var target = {};
  for (var prop in source)
    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
      target[prop] = source[prop];
  if (source != null && __getOwnPropSymbols)
    for (var prop of __getOwnPropSymbols(source)) {
      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
        target[prop] = source[prop];
    }
  return target;
};
var __export = (target, all) => {
  for (var name in all)
    __defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
  if (from && typeof from === "object" || typeof from === "function") {
    for (let key of __getOwnPropNames(from))
      if (!__hasOwnProp.call(to, key) && key !== except)
        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
  }
  return to;
};
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
  // If the importer is in node compatibility mode or this is not an ESM
  // file that has been converted to a CommonJS file using a Babel-
  // compatible transform (i.e. "__esModule" has not been set), then set
  // "default" to the CommonJS "module.exports" for node compatibility.
  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
  mod
));
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);

// src/form/date-picker/date-picker.tsx
var date_picker_exports = {};
__export(date_picker_exports, {
  DatePicker: () => DatePicker
});
module.exports = __toCommonJS(date_picker_exports);
var import_react4 = require("react");
var import_typed_classname3 = require("@postenbring/hedwig-css/typed-classname");

// src/form/input-group/input-group.tsx
var import_react2 = require("react");
var import_typed_classname2 = require("@postenbring/hedwig-css/typed-classname");

// src/form/error-message/error-message.tsx
var import_typed_classname = require("@postenbring/hedwig-css/typed-classname");
var import_react = require("react");
var import_jsx_runtime = require("react/jsx-runtime");
var ErrorMessage = (0, import_react.forwardRef)(
  (_a, ref) => {
    var _b = _a, { children, id, className } = _b, rest = __objRest(_b, ["children", "id", "className"]);
    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
      "div",
      __spreadProps(__spreadValues({
        "aria-live": "polite",
        className: (0, import_typed_classname.clsx)("hds-error-message", className),
        id,
        ref
      }, rest), {
        children
      })
    );
  }
);
ErrorMessage.displayName = "ErrorMessage";

// src/form/input-group/input-group.tsx
var import_jsx_runtime2 = require("react/jsx-runtime");
var InputGroup = (0, import_react2.forwardRef)(function InputGroup2(_a, ref) {
  var _b = _a, {
    id,
    className,
    style,
    variant = "default",
    errorMessage,
    errorMessageProps,
    labelProps: _c = {}
  } = _b, _d = _c, { className: labelClassName } = _d, labelProps = __objRest(_d, ["className"]), _e = _b, {
    label,
    disabled,
    readOnly,
    children
  } = _e, rest = __objRest(_e, [
    "id",
    "className",
    "style",
    "variant",
    "errorMessage",
    "errorMessageProps",
    "labelProps",
    "label",
    "disabled",
    "readOnly",
    "children"
  ]);
  const errorMessageId = (0, import_react2.useId)();
  const inputId = (0, import_react2.useId)();
  const renderInput = () => {
    var _a2;
    const inputProps = {
      "aria-describedby": errorMessage ? errorMessageId : void 0,
      "aria-invalid": errorMessage ? true : void 0,
      id: id != null ? id : inputId,
      className: (0, import_typed_classname2.clsx)("hds-input-group__input")
    };
    if (typeof children === "function") {
      return children(inputProps);
    }
    const input = import_react2.Children.toArray(children)[0];
    if (!(0, import_react2.isValidElement)(input)) {
      return;
    }
    return (0, import_react2.cloneElement)(input, __spreadProps(__spreadValues(__spreadValues({}, inputProps), input.props), {
      className: `${inputProps.className} ${(_a2 = input.props.className) != null ? _a2 : ""}`
    }));
  };
  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
    "div",
    __spreadProps(__spreadValues({
      className: (0, import_typed_classname2.clsx)(
        "hds-input-group",
        {
          [`hds-input-group--${variant}`]: variant,
          "hds-input-group--error": errorMessage
        },
        className
      ),
      ref,
      style
    }, rest), {
      children: [
        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
          "label",
          __spreadProps(__spreadValues({
            className: (0, import_typed_classname2.clsx)("hds-input-group__label", labelClassName)
          }, labelProps), {
            htmlFor: id != null ? id : inputId,
            children: label
          })
        ),
        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
          "div",
          {
            className: (0, import_typed_classname2.clsx)("hds-input-group__input-wrapper"),
            "data-disabled": disabled,
            "data-readonly": readOnly,
            children: renderInput()
          }
        ),
        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ErrorMessage, __spreadProps(__spreadValues({ id: errorMessageId }, errorMessageProps), { children: errorMessage }))
      ]
    })
  );
});

// src/utils/utils.ts
var React = __toESM(require("react"));
var import_react3 = require("react");
function useMergeRefs(refs) {
  return React.useMemo(() => {
    if (refs.every((ref) => ref === null)) {
      return null;
    }
    return (value) => {
      refs.forEach((ref) => {
        if (typeof ref === "function") {
          ref(value);
        } else if (ref !== null) {
          ref.current = value;
        }
      });
    };
  }, refs);
}

// src/form/date-picker/date-picker.tsx
var import_jsx_runtime3 = require("react/jsx-runtime");
var DatePicker = (0, import_react4.forwardRef)(function DatePicker2(_a, ref) {
  var _b = _a, {
    className,
    variant,
    errorMessage,
    labelProps,
    label,
    id,
    style,
    disabled,
    readOnly,
    calendarButtonTitle = "\xC5pne kalender"
  } = _b, rest = __objRest(_b, [
    "className",
    "variant",
    "errorMessage",
    "labelProps",
    "label",
    "id",
    "style",
    "disabled",
    "readOnly",
    "calendarButtonTitle"
  ]);
  const inputRef = (0, import_react4.useRef)(null);
  const mergedRef = useMergeRefs([inputRef, ref]);
  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
    InputGroup,
    {
      className: (0, import_typed_classname3.clsx)("hds-date-picker", className),
      disabled,
      errorMessage,
      id,
      label,
      labelProps,
      readOnly,
      style,
      variant,
      children: (inputProps) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
          "input",
          __spreadProps(__spreadValues(__spreadValues({}, rest), inputProps), {
            disabled,
            readOnly,
            ref: mergedRef,
            type: "date"
          })
        ),
        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
          "button",
          {
            className: (0, import_typed_classname3.clsx)("hds-date-picker__calendar-button"),
            type: "button",
            title: calendarButtonTitle,
            onClick: () => {
              var _a2;
              (_a2 = inputRef.current) == null ? void 0 : _a2.showPicker();
            }
          }
        )
      ] })
    }
  );
});
DatePicker.displayName = "DatePicker";
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
  DatePicker
});
//# sourceMappingURL=date-picker.js.map