@reykjavik/hanna-react 0.10.53 → 0.10.56

package/lib/_abstract/TogglerGroupField.cjs

@@ -1,121 +0,0 @@
-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(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var TogglerGroupField_exports = {};
-__export(TogglerGroupField_exports, {
-  default: () => TogglerGroupField_default
-});
-module.exports = __toCommonJS(TogglerGroupField_exports);
-var import_react = __toESM(require("react"));
-var import_getBemClass = __toESM(require("@hugsmidjan/react/utils/getBemClass"));
-var import_FormField = __toESM(require("../FormField"));
-var import_TogglerGroup = __toESM(require("./TogglerGroup"));
-const TogglerGroupField = (props) => {
-  const _a = props, {
-    bem,
-    Toggler,
-    className,
-    modifier,
-    label,
-    LabelTag,
-    assistText,
-    hideLabel,
-    disabled,
-    readOnly,
-    invalid,
-    errorMessage,
-    required,
-    reqText,
-    id,
-    value
-  } = _a, togglerGroupProps = __objRest(_a, [
-    "bem",
-    "Toggler",
-    "className",
-    "modifier",
-    "label",
-    "LabelTag",
-    "assistText",
-    "hideLabel",
-    "disabled",
-    "readOnly",
-    "invalid",
-    "errorMessage",
-    "required",
-    "reqText",
-    "id",
-    "value"
-  ]);
-  return /* @__PURE__ */ import_react.default.createElement(import_FormField.default, {
-    className: (0, import_getBemClass.default)(bem, modifier, className),
-    group: true,
-    label,
-    LabelTag,
-    assistText,
-    hideLabel,
-    disabled,
-    readOnly,
-    invalid,
-    errorMessage,
-    required,
-    reqText,
-    id,
-    renderInput: (className2, inputProps) => {
-      return /* @__PURE__ */ import_react.default.createElement(import_TogglerGroup.default, __spreadProps(__spreadValues(__spreadValues({
-        bem: className2.options
-      }, inputProps), togglerGroupProps), {
-        value: Array.isArray(value) ? value : value != null ? [value] : void 0,
-        Toggler
-      }));
-    }
-  });
-};
-var TogglerGroupField_default = TogglerGroupField;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});

package/lib/_abstract/TogglerGroupField.mjs

@@ -1,99 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-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;
-};
-import React from "react";
-import getBemClass from "@hugsmidjan/react/utils/getBemClass";
-import FormField from "../FormField";
-import TogglerGroup from "./TogglerGroup";
-const TogglerGroupField = (props) => {
-  const _a = props, {
-    bem,
-    Toggler,
-    className,
-    modifier,
-    label,
-    LabelTag,
-    assistText,
-    hideLabel,
-    disabled,
-    readOnly,
-    invalid,
-    errorMessage,
-    required,
-    reqText,
-    id,
-    value
-  } = _a, togglerGroupProps = __objRest(_a, [
-    "bem",
-    "Toggler",
-    "className",
-    "modifier",
-    "label",
-    "LabelTag",
-    "assistText",
-    "hideLabel",
-    "disabled",
-    "readOnly",
-    "invalid",
-    "errorMessage",
-    "required",
-    "reqText",
-    "id",
-    "value"
-  ]);
-  return /* @__PURE__ */ React.createElement(FormField, {
-    className: getBemClass(bem, modifier, className),
-    group: true,
-    label,
-    LabelTag,
-    assistText,
-    hideLabel,
-    disabled,
-    readOnly,
-    invalid,
-    errorMessage,
-    required,
-    reqText,
-    id,
-    renderInput: (className2, inputProps) => {
-      return /* @__PURE__ */ React.createElement(TogglerGroup, __spreadProps(__spreadValues(__spreadValues({
-        bem: className2.options
-      }, inputProps), togglerGroupProps), {
-        value: Array.isArray(value) ? value : value != null ? [value] : void 0,
-        Toggler
-      }));
-    }
-  });
-};
-var TogglerGroupField_default = TogglerGroupField;
-export {
-  TogglerGroupField_default as default
-};

package/lib/_abstract/TogglerInput.cjs

@@ -1,105 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-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 __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(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var TogglerInput_exports = {};
-__export(TogglerInput_exports, {
-  default: () => TogglerInput_default
-});
-module.exports = __toCommonJS(TogglerInput_exports);
-var import_react = __toESM(require("react"));
-var import_hooks = require("@hugsmidjan/react/hooks");
-var import_getBemClass = __toESM(require("@hugsmidjan/react/utils/getBemClass"));
-const TogglerInput = (props) => {
-  const _a = props, {
-    bem,
-    modifier,
-    className,
-    label,
-    invalid,
-    errorMessage,
-    Wrapper = "div",
-    required,
-    reqText,
-    type,
-    id
-  } = _a, inputProps = __objRest(_a, [
-    "bem",
-    "modifier",
-    "className",
-    "label",
-    "invalid",
-    "errorMessage",
-    "Wrapper",
-    "required",
-    "reqText",
-    "type",
-    "id"
-  ]);
-  const domid = (0, import_hooks.useDomid)(id);
-  const errorId = errorMessage && "error" + domid;
-  const reqStar = required && reqText !== false && /* @__PURE__ */ import_react.default.createElement("abbr", {
-    className: bem + "__label__reqstar",
-    title: (reqText || "\xDEarf a\xF0 haka \xED") + ": "
-  }, "*");
-  return /* @__PURE__ */ import_react.default.createElement(Wrapper, {
-    className: (0, import_getBemClass.default)(bem, modifier, className)
-  }, /* @__PURE__ */ import_react.default.createElement("input", __spreadValues({
-    className: bem + "__input",
-    type,
-    id: domid,
-    "aria-invalid": invalid || !!errorMessage || void 0,
-    "aria-describedby": errorId
-  }, inputProps)), " ", /* @__PURE__ */ import_react.default.createElement("label", {
-    className: bem + "__label",
-    htmlFor: domid
-  }, " ", reqStar, " ", label, " "), errorMessage && /* @__PURE__ */ import_react.default.createElement("div", {
-    className: bem + "__error",
-    id: errorId
-  }, errorMessage));
-};
-var TogglerInput_default = TogglerInput;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});

package/lib/_abstract/TogglerInput.mjs

@@ -1,83 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-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 __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;
-};
-import React from "react";
-import { useDomid } from "@hugsmidjan/react/hooks";
-import getBemClass from "@hugsmidjan/react/utils/getBemClass";
-const TogglerInput = (props) => {
-  const _a = props, {
-    bem,
-    modifier,
-    className,
-    label,
-    invalid,
-    errorMessage,
-    Wrapper = "div",
-    required,
-    reqText,
-    type,
-    id
-  } = _a, inputProps = __objRest(_a, [
-    "bem",
-    "modifier",
-    "className",
-    "label",
-    "invalid",
-    "errorMessage",
-    "Wrapper",
-    "required",
-    "reqText",
-    "type",
-    "id"
-  ]);
-  const domid = useDomid(id);
-  const errorId = errorMessage && "error" + domid;
-  const reqStar = required && reqText !== false && /* @__PURE__ */ React.createElement("abbr", {
-    className: bem + "__label__reqstar",
-    title: (reqText || "\xDEarf a\xF0 haka \xED") + ": "
-  }, "*");
-  return /* @__PURE__ */ React.createElement(Wrapper, {
-    className: getBemClass(bem, modifier, className)
-  }, /* @__PURE__ */ React.createElement("input", __spreadValues({
-    className: bem + "__input",
-    type,
-    id: domid,
-    "aria-invalid": invalid || !!errorMessage || void 0,
-    "aria-describedby": errorId
-  }, inputProps)), " ", /* @__PURE__ */ React.createElement("label", {
-    className: bem + "__label",
-    htmlFor: domid
-  }, " ", reqStar, " ", label, " "), errorMessage && /* @__PURE__ */ React.createElement("div", {
-    className: bem + "__error",
-    id: errorId
-  }, errorMessage));
-};
-var TogglerInput_default = TogglerInput;
-export {
-  TogglerInput_default as default
-};

package/lib/_abstract/_AbstractCarousel.cjs

@@ -1,170 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-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 __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(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var AbstractCarousel_exports = {};
-__export(AbstractCarousel_exports, {
-  default: () => AbstractCarousel_default
-});
-module.exports = __toCommonJS(AbstractCarousel_exports);
-var import_react = __toESM(require("react"));
-var import_A = __toESM(require("@hugsmidjan/qj/A"));
-var import_focusElm = __toESM(require("@hugsmidjan/qj/focusElm"));
-var import_throttle = __toESM(require("@hugsmidjan/qj/throttle"));
-var import_hooks = require("@hugsmidjan/react/hooks");
-var import_getBemClass = __toESM(require("@hugsmidjan/react/utils/getBemClass"));
-var import_hanna_utils = require("@reykjavik/hanna-utils");
-var import_CarouselStepper = __toESM(require("../CarouselStepper"));
-var import_seenEffect = require("../utils/seenEffect");
-const WHEEL_AMPLIFIER = 3;
-const WHEEL_HIJACK_TIMEOUT_MS = 667;
-const scrollXBy = (elm, deltaX) => {
-  const left = elm.scrollLeft + deltaX;
-  elm.scrollTo(left, elm.scrollTop);
-};
-const exitWheelHijack = (elm) => () => {
-  elm.style.scrollSnapType = "";
-  const lastElmOffset = elm.lastElementChild ? elm.lastElementChild.offsetLeft : 0;
-  scrollXBy(elm, Math.min(0, lastElmOffset - elm.scrollLeft));
-};
-const handleMouseWheel = (e) => {
-  const elm = e.currentTarget;
-  if (e.deltaX || elm.$hasXDeltaed) {
-    elm.$hasXDeltaed = true;
-    exitWheelHijack(elm);
-    return;
-  }
-  if (e.deltaY && !e.deltaX) {
-    if (e.deltaY < 0) {
-      if (elm.scrollLeft < 50) {
-        return;
-      }
-    } else {
-      if (elm.scrollLeft > (elm.lastElementChild ? elm.lastElementChild.offsetLeft : 0)) {
-        exitWheelHijack(elm);
-        return;
-      }
-    }
-    e.preventDefault();
-    e.stopImmediatePropagation();
-    elm.style.scrollSnapType = "initial";
-    scrollXBy(elm, e.deltaY * WHEEL_AMPLIFIER);
-    clearTimeout(elm.$timeout);
-    elm.$timeout = setTimeout(exitWheelHijack(elm), WHEEL_HIJACK_TIMEOUT_MS);
-  }
-};
-const handleMouseLeave = (e) => {
-  const elm = e.currentTarget;
-  exitWheelHijack(elm);
-  elm.$hasXDeltaed = void 0;
-};
-const AbstractCarousel = (props) => {
-  const {
-    title,
-    items = [],
-    Component,
-    ComponentProps,
-    bem = "Carousel",
-    modifier,
-    ssr,
-    startSeen
-  } = props;
-  const children = props.children && props.children.filter(import_hanna_utils.notNully);
-  const [leftOffset, setLeftOffset] = (0, import_react.useState)();
-  const itemCount = (children || items).length;
-  const listRef = (0, import_react.useRef)(null);
-  const [activeItem, setActiveItem] = (0, import_react.useState)(0);
-  const isBrowser = (0, import_hooks.useIsBrowserSide)(ssr);
-  (0, import_react.useEffect)(() => {
-    const listElm = listRef.current;
-    if (!listElm) {
-      return;
-    }
-    const calcLeftOffset = () => {
-      var _a;
-      setLeftOffset((_a = listElm.parentElement) == null ? void 0 : _a.getBoundingClientRect().left);
-      scrollXBy(listElm, 0);
-    };
-    const calcActiveItem = (0, import_throttle.default)(() => {
-      const { scrollLeft, children: children2 } = listElm;
-      (0, import_A.default)(children2).find((item, i) => {
-        if (scrollLeft <= item.offsetLeft + item.offsetWidth / 2) {
-          setActiveItem(i);
-          return true;
-        }
-      });
-    }, 300, true);
-    calcLeftOffset();
-    listElm.addEventListener("wheel", handleMouseWheel);
-    listElm.addEventListener("scroll", calcActiveItem, { passive: true });
-    window.addEventListener("resize", calcLeftOffset, { passive: true });
-    return () => {
-      listElm.removeEventListener("wheel", handleMouseWheel);
-      listElm.removeEventListener("scroll", calcActiveItem);
-      window.removeEventListener("resize", calcLeftOffset);
-    };
-  }, []);
-  const scrollToItem = (newActive) => {
-    setActiveItem(newActive);
-    const listElm = listRef.current;
-    const newItem = listElm.children[newActive];
-    listElm.scrollTo(newItem ? newItem.offsetLeft : 0, 0);
-    setTimeout(() => (0, import_focusElm.default)(newItem), 500);
-  };
-  const [outerRef] = (0, import_seenEffect.useSeenEffect)(startSeen);
-  if (!itemCount) {
-    return null;
-  }
-  return /* @__PURE__ */ import_react.default.createElement("div", {
-    className: (0, import_getBemClass.default)(bem, modifier, props.className),
-    ref: outerRef,
-    "data-sprinkled": isBrowser
-  }, title && /* @__PURE__ */ import_react.default.createElement("h2", {
-    className: bem + "__title"
-  }, title), /* @__PURE__ */ import_react.default.createElement("div", {
-    className: bem + "__itemlist",
-    style: leftOffset ? { "--Carousel--leftOffset": `${leftOffset}px` } : void 0,
-    "data-scroll-snapping": leftOffset ? "true" : void 0,
-    onMouseLeave: handleMouseLeave,
-    ref: listRef
-  }, children || items.map((item, i) => /* @__PURE__ */ import_react.default.createElement(Component, __spreadValues(__spreadValues({
-    key: i
-  }, ComponentProps), item)))), isBrowser && /* @__PURE__ */ import_react.default.createElement(import_CarouselStepper.default, {
-    itemCount,
-    setCurrent: scrollToItem,
-    current: activeItem
-  }));
-};
-var AbstractCarousel_default = AbstractCarousel;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});