@danske/sapphire-react-lab 0.89.0 → 0.90.2

package/build/esm/DateField/src/utils/placeholders.js

@@ -1,91 +0,0 @@
-import { LocalizedStringDictionary } from '@internationalized/string';
-
-const placeholders = new LocalizedStringDictionary({
-  ach: { year: "mwaka", month: "dwe", day: "nino" },
-  af: { year: "jjjj", month: "mm", day: "dd" },
-  am: { year: "\u12D3\u12D3\u12D3\u12D3", month: "\u121A\u121C", day: "\u1240\u1240" },
-  an: { year: "aaaa", month: "mm", day: "dd" },
-  ar: { year: "\u0633\u0646\u0629", month: "\u0634\u0647\u0631", day: "\u064A\u0648\u0645" },
-  ast: { year: "aaaa", month: "mm", day: "dd" },
-  az: { year: "iiii", month: "aa", day: "gg" },
-  be: { year: "\u0433\u0433\u0433\u0433", month: "\u043C\u043C", day: "\u0434\u0434" },
-  bg: { year: "\u0433\u0433\u0433\u0433", month: "\u043C\u043C", day: "\u0434\u0434" },
-  bn: { year: "yyyy", month: "\u09AE\u09BF\u09AE\u09BF", day: "dd" },
-  br: { year: "bbbb", month: "mm", day: "dd" },
-  bs: { year: "gggg", month: "mm", day: "dd" },
-  ca: { year: "aaaa", month: "mm", day: "dd" },
-  cak: { year: "jjjj", month: "ii", day: "q'q'" },
-  ckb: { year: "\u0633\u0627\u06B5", month: "\u0645\u0627\u0646\u06AF", day: "\u0695\u06C6\u0698" },
-  cs: { year: "rrrr", month: "mm", day: "dd" },
-  cy: { year: "bbbb", month: "mm", day: "dd" },
-  da: { year: "\xE5\xE5\xE5\xE5", month: "mm", day: "dd" },
-  de: { year: "jjjj", month: "mm", day: "tt" },
-  dsb: { year: "llll", month: "mm", day: "\u017A\u017A" },
-  el: { year: "\u03B5\u03B5\u03B5\u03B5", month: "\u03BC\u03BC", day: "\u03B7\u03B7" },
-  en: { year: "yyyy", month: "mm", day: "dd" },
-  eo: { year: "jjjj", month: "mm", day: "tt" },
-  es: { year: "aaaa", month: "mm", day: "dd" },
-  et: { year: "aaaa", month: "kk", day: "pp" },
-  eu: { year: "uuuu", month: "hh", day: "ee" },
-  fa: { year: "\u0633\u0627\u0644", month: "\u0645\u0627\u0647", day: "\u0631\u0648\u0632" },
-  ff: { year: "hhhh", month: "ll", day: "\xF1\xF1" },
-  fi: { year: "vvvv", month: "kk", day: "pp" },
-  fr: { year: "aaaa", month: "mm", day: "jj" },
-  fy: { year: "jjjj", month: "mm", day: "dd" },
-  ga: { year: "bbbb", month: "mm", day: "ll" },
-  gd: { year: "bbbb", month: "mm", day: "ll" },
-  gl: { year: "aaaa", month: "mm", day: "dd" },
-  he: { year: "\u05E9\u05E0\u05D4", month: "\u05D7\u05D5\u05D3\u05E9", day: "\u05D9\u05D5\u05DD" },
-  hr: { year: "gggg", month: "mm", day: "dd" },
-  hsb: { year: "llll", month: "mm", day: "dd" },
-  hu: { year: "\xE9\xE9\xE9\xE9", month: "hh", day: "nn" },
-  ia: { year: "aaaa", month: "mm", day: "dd" },
-  id: { year: "tttt", month: "bb", day: "hh" },
-  it: { year: "aaaa", month: "mm", day: "gg" },
-  ja: { year: " \u5E74 ", month: "\u6708", day: "\u65E5" },
-  ka: { year: "\u10EC\u10EC\u10EC\u10EC", month: "\u10D7\u10D7", day: "\u10E0\u10E0" },
-  kk: { year: "\u0436\u0436\u0436\u0436", month: "\u0430\u0430", day: "\u043A\u043A" },
-  kn: { year: "\u0CB5\u0CB5\u0CB5\u0CB5", month: "\u0CAE\u0CBF\u0CAE\u0CC0", day: "\u0CA6\u0CBF\u0CA6\u0CBF" },
-  ko: { year: "\uC5F0\uB3C4", month: "\uC6D4", day: "\uC77C" },
-  lb: { year: "jjjj", month: "mm", day: "dd" },
-  lo: { year: "\u0E9B\u0E9B\u0E9B\u0E9B", month: "\u0E94\u0E94", day: "\u0EA7\u0EA7" },
-  lt: { year: "mmmm", month: "mm", day: "dd" },
-  lv: { year: "gggg", month: "mm", day: "dd" },
-  meh: { year: "aaaa", month: "mm", day: "dd" },
-  ml: { year: "\u0D35\u0D7C\u0D37\u0D02", month: "\u0D2E\u0D3E\u0D38\u0D02", day: "\u0D24\u0D40\u0D2F\u0D24\u0D3F" },
-  ms: { year: "tttt", month: "mm", day: "hh" },
-  nl: { year: "jjjj", month: "mm", day: "dd" },
-  nn: { year: "\xE5\xE5\xE5\xE5", month: "mm", day: "dd" },
-  no: { year: "\xE5\xE5\xE5\xE5", month: "mm", day: "dd" },
-  oc: { year: "aaaa", month: "mm", day: "jj" },
-  pl: { year: "rrrr", month: "mm", day: "dd" },
-  pt: { year: "aaaa", month: "mm", day: "dd" },
-  rm: { year: "oooo", month: "mm", day: "dd" },
-  ro: { year: "aaaa", month: "ll", day: "zz" },
-  ru: { year: "\u0433\u0433\u0433\u0433", month: "\u043C\u043C", day: "\u0434\u0434" },
-  sc: { year: "aaaa", month: "mm", day: "dd" },
-  scn: { year: "aaaa", month: "mm", day: "jj" },
-  sk: { year: "rrrr", month: "mm", day: "dd" },
-  sl: { year: "llll", month: "mm", day: "dd" },
-  sr: { year: "\u0433\u0433\u0433\u0433", month: "\u043C\u043C", day: "\u0434\u0434" },
-  sv: { year: "\xE5\xE5\xE5\xE5", month: "mm", day: "dd" },
-  szl: { year: "rrrr", month: "mm", day: "dd" },
-  tg: { year: "\u0441\u0441\u0441\u0441", month: "\u043C\u043C", day: "\u0440\u0440" },
-  th: { year: "\u0E1B\u0E1B\u0E1B\u0E1B", month: "\u0E14\u0E14", day: "\u0E27\u0E27" },
-  tr: { year: "yyyy", month: "aa", day: "gg" },
-  uk: { year: "\u0440\u0440\u0440\u0440", month: "\u043C\u043C", day: "\u0434\u0434" },
-  "zh-CN": { year: "\u5E74", month: "\u6708", day: "\u65E5" },
-  "zh-TW": { year: "\u5E74", month: "\u6708", day: "\u65E5" }
-}, "en");
-function getPlaceholder(field, value, locale) {
-  if (field === "era" || field === "dayPeriod") {
-    return value;
-  }
-  if (field === "year" || field === "month" || field === "day") {
-    return placeholders.getStringForLocale(field, locale);
-  }
-  return "\u2013\u2013";
-}
-
-export { getPlaceholder };
-//# sourceMappingURL=placeholders.js.map

package/build/esm/DateField/src/utils/placeholders.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"placeholders.js","sources":["../../../../../src/DateField/src/utils/placeholders.ts"],"sourcesContent":["/**\n * This file is a copy of this private file from react-stately.\n * https://github.com/adobe/react-spectrum/blob/main/packages/%40react-stately/datepicker/src/placeholders.ts\n *\n * It represents the placeholder values used in date and date range\n * fields when they are empty. The placeholders from here are then\n * formatted according to the locale.\n *\n * We need this because we have a requirement not supported by react-aria.\n * We need to be able to format a date based on a locale which is different\n * than the app's locale. This means that our placeholders can be in \"danish\"\n * while the actual date format is in \"swedish\".\n *\n * Examples:\n *  - UI locale: sv-SE. Date format locale: sv-SE: 'ÅÅÅÅ-MM-DD'.\n *  - UI locale: en. Date formate locale: sv-SE: 'YYYY-MM-DD'\n *  - UI locale: sv-SE. Date format locale: en-US: 'MM/DD/ÅÅÅÅ'\n *\n * This is arguably counter-intuitive. But sapphire is used in some apps\n * where the user can decide the language and the date format separately.\n * It is up to the app to allow sane combinations.\n */\n\nimport { LocalizedStringDictionary } from '@internationalized/string';\n\n// These placeholders are based on the strings used by the <input type=\"date\">\n// implementations in Chrome and Firefox. Additional languages are supported\n// here than React Spectrum's typical translations.\nconst placeholders = new LocalizedStringDictionary(\n  {\n    ach: { year: 'mwaka', month: 'dwe', day: 'nino' },\n    af: { year: 'jjjj', month: 'mm', day: 'dd' },\n    am: { year: 'ዓዓዓዓ', month: 'ሚሜ', day: 'ቀቀ' },\n    an: { year: 'aaaa', month: 'mm', day: 'dd' },\n    ar: { year: 'سنة', month: 'شهر', day: 'يوم' },\n    ast: { year: 'aaaa', month: 'mm', day: 'dd' },\n    az: { year: 'iiii', month: 'aa', day: 'gg' },\n    be: { year: 'гггг', month: 'мм', day: 'дд' },\n    bg: { year: 'гггг', month: 'мм', day: 'дд' },\n    bn: { year: 'yyyy', month: 'মিমি', day: 'dd' },\n    br: { year: 'bbbb', month: 'mm', day: 'dd' },\n    bs: { year: 'gggg', month: 'mm', day: 'dd' },\n    ca: { year: 'aaaa', month: 'mm', day: 'dd' },\n    cak: { year: 'jjjj', month: 'ii', day: \"q'q'\" },\n    ckb: { year: 'ساڵ', month: 'مانگ', day: 'ڕۆژ' },\n    cs: { year: 'rrrr', month: 'mm', day: 'dd' },\n    cy: { year: 'bbbb', month: 'mm', day: 'dd' },\n    da: { year: 'åååå', month: 'mm', day: 'dd' },\n    de: { year: 'jjjj', month: 'mm', day: 'tt' },\n    dsb: { year: 'llll', month: 'mm', day: 'źź' },\n    el: { year: 'εεεε', month: 'μμ', day: 'ηη' },\n    en: { year: 'yyyy', month: 'mm', day: 'dd' },\n    eo: { year: 'jjjj', month: 'mm', day: 'tt' },\n    es: { year: 'aaaa', month: 'mm', day: 'dd' },\n    et: { year: 'aaaa', month: 'kk', day: 'pp' },\n    eu: { year: 'uuuu', month: 'hh', day: 'ee' },\n    fa: { year: 'سال', month: 'ماه', day: 'روز' },\n    ff: { year: 'hhhh', month: 'll', day: 'ññ' },\n    fi: { year: 'vvvv', month: 'kk', day: 'pp' },\n    fr: { year: 'aaaa', month: 'mm', day: 'jj' },\n    fy: { year: 'jjjj', month: 'mm', day: 'dd' },\n    ga: { year: 'bbbb', month: 'mm', day: 'll' },\n    gd: { year: 'bbbb', month: 'mm', day: 'll' },\n    gl: { year: 'aaaa', month: 'mm', day: 'dd' },\n    he: { year: 'שנה', month: 'חודש', day: 'יום' },\n    hr: { year: 'gggg', month: 'mm', day: 'dd' },\n    hsb: { year: 'llll', month: 'mm', day: 'dd' },\n    hu: { year: 'éééé', month: 'hh', day: 'nn' },\n    ia: { year: 'aaaa', month: 'mm', day: 'dd' },\n    id: { year: 'tttt', month: 'bb', day: 'hh' },\n    it: { year: 'aaaa', month: 'mm', day: 'gg' },\n    ja: { year: ' 年 ', month: '月', day: '日' },\n    ka: { year: 'წწწწ', month: 'თთ', day: 'რრ' },\n    kk: { year: 'жжжж', month: 'аа', day: 'кк' },\n    kn: { year: 'ವವವವ', month: 'ಮಿಮೀ', day: 'ದಿದಿ' },\n    ko: { year: '연도', month: '월', day: '일' },\n    lb: { year: 'jjjj', month: 'mm', day: 'dd' },\n    lo: { year: 'ປປປປ', month: 'ດດ', day: 'ວວ' },\n    lt: { year: 'mmmm', month: 'mm', day: 'dd' },\n    lv: { year: 'gggg', month: 'mm', day: 'dd' },\n    meh: { year: 'aaaa', month: 'mm', day: 'dd' },\n    ml: { year: 'വർഷം', month: 'മാസം', day: 'തീയതി' },\n    ms: { year: 'tttt', month: 'mm', day: 'hh' },\n    nl: { year: 'jjjj', month: 'mm', day: 'dd' },\n    nn: { year: 'åååå', month: 'mm', day: 'dd' },\n    no: { year: 'åååå', month: 'mm', day: 'dd' },\n    oc: { year: 'aaaa', month: 'mm', day: 'jj' },\n    pl: { year: 'rrrr', month: 'mm', day: 'dd' },\n    pt: { year: 'aaaa', month: 'mm', day: 'dd' },\n    rm: { year: 'oooo', month: 'mm', day: 'dd' },\n    ro: { year: 'aaaa', month: 'll', day: 'zz' },\n    ru: { year: 'гггг', month: 'мм', day: 'дд' },\n    sc: { year: 'aaaa', month: 'mm', day: 'dd' },\n    scn: { year: 'aaaa', month: 'mm', day: 'jj' },\n    sk: { year: 'rrrr', month: 'mm', day: 'dd' },\n    sl: { year: 'llll', month: 'mm', day: 'dd' },\n    sr: { year: 'гггг', month: 'мм', day: 'дд' },\n    sv: { year: 'åååå', month: 'mm', day: 'dd' },\n    szl: { year: 'rrrr', month: 'mm', day: 'dd' },\n    tg: { year: 'сссс', month: 'мм', day: 'рр' },\n    th: { year: 'ปปปป', month: 'ดด', day: 'วว' },\n    tr: { year: 'yyyy', month: 'aa', day: 'gg' },\n    uk: { year: 'рррр', month: 'мм', day: 'дд' },\n    'zh-CN': { year: '年', month: '月', day: '日' },\n    'zh-TW': { year: '年', month: '月', day: '日' },\n  },\n  'en'\n);\n\nexport function getPlaceholder(field: string, value: string, locale: string) {\n  // Use the actual placeholder value for the era and day period fields.\n  if (field === 'era' || field === 'dayPeriod') {\n    return value;\n  }\n\n  if (field === 'year' || field === 'month' || field === 'day') {\n    return placeholders.getStringForLocale(field, locale);\n  }\n\n  // For time fields (e.g. hour, minute, etc.), use two dashes as the placeholder.\n  return '––';\n}\n"],"names":[],"mappings":"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"}

package/build/esm/DateField/src/utils/segments.js

@@ -1,46 +0,0 @@
-import { getPlaceholder } from './placeholders.js';
-
-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));
-const segmentTypes = [
-  "day",
-  "hour",
-  "minute",
-  "second",
-  "era",
-  "year",
-  "month",
-  "dayPeriod",
-  "literal",
-  "timeZoneName"
-];
-const isAnyModified = (segments) => segments.map(({ type, isPlaceholder }) => {
-  return type !== "literal" && !isPlaceholder;
-}).some((isModified) => isModified);
-const setPlaceholderLanguage = (segment, locale) => {
-  const placeholder = getPlaceholder(segment.type, segment.text, locale);
-  return __spreadProps(__spreadValues({}, segment), {
-    text: segment.isPlaceholder ? placeholder : segment.text,
-    placeholder
-  });
-};
-
-export { isAnyModified, segmentTypes, setPlaceholderLanguage };
-//# sourceMappingURL=segments.js.map

package/build/esm/DateField/src/utils/segments.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"segments.js","sources":["../../../../../src/DateField/src/utils/segments.ts"],"sourcesContent":["/**\n * The helpers in this file are meant for internal use.\n */\nimport {\n  SegmentType,\n  DateSegment as DateSegmentType,\n} from '@react-stately/datepicker';\nimport { getPlaceholder } from './placeholders';\n\n/**\n * The interface from `useDateFieldState` to clear the input is not ideal. We\n * have to manually clear each segment type.\n */\nexport const segmentTypes: SegmentType[] = [\n  'day',\n  'hour',\n  'minute',\n  'second',\n  'era',\n  'year',\n  'month',\n  'dayPeriod',\n  'literal',\n  'timeZoneName',\n];\n\nexport const isAnyModified = (segments: DateSegmentType[]) =>\n  segments\n    .map(({ type, isPlaceholder }) => {\n      // type \"literal\" refers to the segment containing the non-editable separator\n      return type !== 'literal' && !isPlaceholder;\n    })\n    .some((isModified) => isModified);\n\n/**\n * Check out the `getPlaceholder` function's description for\n * an explanation.\n */\nexport const setPlaceholderLanguage = (\n  segment: DateSegmentType,\n  locale: string\n): DateSegmentType => {\n  const placeholder = getPlaceholder(segment.type, segment.text, locale);\n\n  return {\n    ...segment,\n    text: segment.isPlaceholder ? placeholder : segment.text,\n    placeholder,\n  };\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAaO,MAAM,YAA8B,GAAA;AAAA,EACzC,KAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,cAAA;AAAA,EAAA;AAGW,MAAA,aAAA,GAAgB,CAAC,QAC5B,KAAA,QAAA,CACG,IAAI,CAAC,EAAE,MAAM,aAAoB,EAAA,KAAA;AAEhC,EAAO,OAAA,IAAA,KAAS,aAAa,CAAC,aAAA,CAAA;AAAA,CAE/B,CAAA,CAAA,IAAA,CAAK,CAAC,UAAe,KAAA,UAAA,EAAA;AAMb,MAAA,sBAAA,GAAyB,CACpC,OAAA,EACA,MACoB,KAAA;AACpB,EAAA,MAAM,WAAc,GAAA,cAAA,CAAe,OAAQ,CAAA,IAAA,EAAM,QAAQ,IAAM,EAAA,MAAA,CAAA,CAAA;AAE/D,EAAA,OAAO,iCACF,OADE,CAAA,EAAA;AAAA,IAEL,IAAM,EAAA,OAAA,CAAQ,aAAgB,GAAA,WAAA,GAAc,OAAQ,CAAA,IAAA;AAAA,IACpD,WAAA;AAAA,GAAA,CAAA,CAAA;AAAA;;;;"}

package/build/esm/FeedbackMessage/src/FeedbackMessage.js

@@ -1,87 +0,0 @@
-import React from 'react';
-import clsx from 'clsx';
-import { Bell, AlertTriangle, AlertCircle, CheckMarkCircle } from '@danske/sapphire-icons/react';
-import { useThemeCheck, useSapphireStyleProps, Heading } from '@danske/sapphire-react';
-import styles from '@danske/sapphire-css/components/feedbackMessage/feedbackMessage.module.css';
-import { Avatar } from '../../Avatar/src/Avatar.js';
-
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-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;
-};
-const getColor = (variant) => {
-  switch (variant) {
-    case "success":
-      return "positive";
-    case "error":
-      return "negative";
-    case "neutral":
-      return "passive";
-    default:
-      return variant;
-  }
-};
-const getIcon = (variant, icon) => {
-  if (icon) {
-    return icon;
-  }
-  switch (variant) {
-    case "success":
-      return /* @__PURE__ */ React.createElement(CheckMarkCircle, null);
-    case "error":
-      return /* @__PURE__ */ React.createElement(AlertCircle, null);
-    case "warning":
-      return /* @__PURE__ */ React.createElement(AlertTriangle, null);
-    case "informative":
-      return /* @__PURE__ */ React.createElement(Bell, null);
-    default:
-      return null;
-  }
-};
-const FeedbackMessage = (_a) => {
-  var _b = _a, {
-    heading,
-    body,
-    actions,
-    variant = "neutral",
-    icon
-  } = _b, otherProps = __objRest(_b, [
-    "heading",
-    "body",
-    "actions",
-    "variant",
-    "icon"
-  ]);
-  useThemeCheck();
-  const {
-    styleProps: { style, className }
-  } = useSapphireStyleProps(otherProps);
-  return /* @__PURE__ */ React.createElement("div", {
-    className: clsx(styles["sapphire-feedback-message"], className),
-    style
-  }, variant !== "neutral" && /* @__PURE__ */ React.createElement(Avatar, {
-    color: getColor(variant),
-    size: "extraLarge",
-    icon: getIcon(variant, icon)
-  }), /* @__PURE__ */ React.createElement("div", {
-    className: styles["sapphire-feedback-message__content"]
-  }, typeof heading === "string" ? /* @__PURE__ */ React.createElement(Heading, {
-    level: 6
-  }, heading) : heading, /* @__PURE__ */ React.createElement("section", {
-    className: styles["sapphire-feedback-message__body"]
-  }, body)), actions);
-};
-
-export { FeedbackMessage };
-//# sourceMappingURL=FeedbackMessage.js.map

package/build/esm/FeedbackMessage/src/FeedbackMessage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FeedbackMessage.js","sources":["../../../../src/FeedbackMessage/src/FeedbackMessage.tsx"],"sourcesContent":["import React from 'react';\nimport clsx from 'clsx';\nimport {\n  AlertCircle,\n  AlertTriangle,\n  Bell,\n  CheckMarkCircle,\n} from '@danske/sapphire-icons/react';\nimport {\n  Heading,\n  SapphireStyleProps,\n  useSapphireStyleProps,\n  useThemeCheck,\n} from '@danske/sapphire-react';\nimport styles from '@danske/sapphire-css/components/feedbackMessage/feedbackMessage.module.css';\nimport { Avatar } from '../../Avatar';\n\nexport type FeedbackMessageVariant =\n  | 'success'\n  | 'error'\n  | 'warning'\n  | 'informative'\n  | 'neutral';\n\nexport interface SapphireFeedbackMessageProps extends SapphireStyleProps {\n  /**\n   * Heading content, rendered in a sapphire Heading component.\n   */\n  heading: React.ReactNode | string;\n  /**\n   * The type of message.\n   * The 'error' and 'success' are meant to attract more attention.\n   *\n   * @default 'neutral'\n   */\n  variant?: FeedbackMessageVariant;\n  /**\n   * Optional icon to override the default icon for the message type.\n   */\n  icon?: React.ReactNode;\n  /**\n   * Optional description, rendered as a section below heading.\n   */\n  body?: React.ReactNode;\n  /**\n   *  Optional actions, rendered at the bottom. Use {@link ButtonGroup}\n   *  for the content.\n   */\n  actions?: React.ReactNode;\n}\n\nconst getColor = (variant: FeedbackMessageVariant) => {\n  switch (variant) {\n    case 'success':\n      return 'positive';\n    case 'error':\n      return 'negative';\n    case 'neutral':\n      return 'passive';\n    default:\n      return variant;\n  }\n};\n\nconst getIcon = (variant: FeedbackMessageVariant, icon?: React.ReactNode) => {\n  if (icon) {\n    return icon;\n  }\n\n  switch (variant) {\n    case 'success':\n      return <CheckMarkCircle />;\n    case 'error':\n      return <AlertCircle />;\n    case 'warning':\n      return <AlertTriangle />;\n    case 'informative':\n      return <Bell />;\n    default:\n      return null;\n  }\n};\n\n/**\n * Implements layout and style of a feedback message.\n */\nexport const FeedbackMessage = ({\n  heading,\n  body,\n  actions,\n  variant = 'neutral',\n  icon,\n  ...otherProps\n}: SapphireFeedbackMessageProps): JSX.Element => {\n  useThemeCheck();\n  const {\n    styleProps: { style, className },\n  } = useSapphireStyleProps(otherProps);\n\n  return (\n    <div\n      className={clsx(styles['sapphire-feedback-message'], className)}\n      style={style}\n    >\n      {variant !== 'neutral' && (\n        <Avatar\n          color={getColor(variant)}\n          size=\"extraLarge\"\n          icon={getIcon(variant, icon)}\n        />\n      )}\n      <div className={styles['sapphire-feedback-message__content']}>\n        {typeof heading === 'string' ? (\n          <Heading level={6}>{heading}</Heading>\n        ) : (\n          heading\n        )}\n        <section className={styles['sapphire-feedback-message__body']}>\n          {body}\n        </section>\n      </div>\n      {actions}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAmDA,MAAM,QAAA,GAAW,CAAC,OAAoC,KAAA;AACpD,EAAQ,QAAA,OAAA;AAAA,IACD,KAAA,SAAA;AACH,MAAO,OAAA,UAAA,CAAA;AAAA,IACJ,KAAA,OAAA;AACH,MAAO,OAAA,UAAA,CAAA;AAAA,IACJ,KAAA,SAAA;AACH,MAAO,OAAA,SAAA,CAAA;AAAA,IAAA;AAEP,MAAO,OAAA,OAAA,CAAA;AAAA,GAAA;AAAA,CAAA,CAAA;AAIb,MAAM,OAAA,GAAU,CAAC,OAAA,EAAiC,IAA2B,KAAA;AAC3E,EAAA,IAAI,IAAM,EAAA;AACR,IAAO,OAAA,IAAA,CAAA;AAAA,GAAA;AAGT,EAAQ,QAAA,OAAA;AAAA,IACD,KAAA,SAAA;AACH,MAAA,2CAAQ,eAAD,EAAA,IAAA,CAAA,CAAA;AAAA,IACJ,KAAA,OAAA;AACH,MAAA,2CAAQ,WAAD,EAAA,IAAA,CAAA,CAAA;AAAA,IACJ,KAAA,SAAA;AACH,MAAA,2CAAQ,aAAD,EAAA,IAAA,CAAA,CAAA;AAAA,IACJ,KAAA,aAAA;AACH,MAAA,2CAAQ,IAAD,EAAA,IAAA,CAAA,CAAA;AAAA,IAAA;AAEP,MAAO,OAAA,IAAA,CAAA;AAAA,GAAA;AAAA,CAAA,CAAA;AAOA,MAAA,eAAA,GAAkB,CAAC,EAOiB,KAAA;AAPjB,EAC9B,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,OAAA;AAAA,IACA,IAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAU,GAAA,SAAA;AAAA,IACV,IAAA;AAAA,GAL8B,GAAA,EAAA,EAM3B,uBAN2B,EAM3B,EAAA;AAAA,IALH,SAAA;AAAA,IACA,MAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,aAAA,EAAA,CAAA;AACA,EAAM,MAAA;AAAA,IACJ,UAAA,EAAY,EAAE,KAAO,EAAA,SAAA,EAAA;AAAA,GAAA,GACnB,qBAAsB,CAAA,UAAA,CAAA,CAAA;AAE1B,EAAA,2CACG,KAAD,EAAA;AAAA,IACE,SAAA,EAAW,IAAK,CAAA,MAAA,CAAO,2BAA8B,CAAA,EAAA,SAAA,CAAA;AAAA,IACrD,KAAA;AAAA,GAEC,EAAA,OAAA,KAAY,SACX,oBAAA,KAAA,CAAA,aAAA,CAAC,MAAD,EAAA;AAAA,IACE,OAAO,QAAS,CAAA,OAAA,CAAA;AAAA,IAChB,IAAK,EAAA,YAAA;AAAA,IACL,IAAA,EAAM,QAAQ,OAAS,EAAA,IAAA,CAAA;AAAA,GAAA,CAAA,sCAG1B,KAAD,EAAA;AAAA,IAAK,WAAW,MAAO,CAAA,oCAAA,CAAA;AAAA,GAAA,EACpB,OAAO,OAAA,KAAY,QAClB,mBAAA,KAAA,CAAA,aAAA,CAAC,OAAD,EAAA;AAAA,IAAS,KAAO,EAAA,CAAA;AAAA,GAAI,EAAA,OAAA,CAAA,GAEpB,OAEF,kBAAA,KAAA,CAAA,aAAA,CAAC,SAAD,EAAA;AAAA,IAAS,WAAW,MAAO,CAAA,iCAAA,CAAA;AAAA,GAAA,EACxB,IAGJ,CAAA,CAAA,EAAA,OAAA,CAAA,CAAA;AAAA;;;;"}

package/build/esm/Fieldset/src/Fieldset.js

@@ -1,81 +0,0 @@
-import React from 'react';
-import { useThemeCheck, Field, Label } from '@danske/sapphire-react';
-import { useField } from '@react-aria/label';
-import { mergeProps } from '@react-aria/utils';
-
-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;
-};
-const Fieldset = (_a) => {
-  var _b = _a, {
-    label,
-    contextualHelp,
-    note,
-    error,
-    isDisabled,
-    isRequired,
-    necessityIndicator,
-    children,
-    size = "large",
-    labelPlacement = "above"
-  } = _b, props = __objRest(_b, [
-    "label",
-    "contextualHelp",
-    "note",
-    "error",
-    "isDisabled",
-    "isRequired",
-    "necessityIndicator",
-    "children",
-    "size",
-    "labelPlacement"
-  ]);
-  useThemeCheck();
-  const { fieldProps, descriptionProps, errorMessageProps } = useField({
-    isInvalid: !!error,
-    label
-  });
-  return /* @__PURE__ */ React.createElement(Field, __spreadValues({
-    elementType: "fieldset",
-    error: !!error,
-    isDisabled,
-    size,
-    labelPlacement
-  }, mergeProps(props, fieldProps)), /* @__PURE__ */ React.createElement(Field.Label, {
-    elementType: "legend"
-  }, /* @__PURE__ */ React.createElement(Label, {
-    size,
-    necessityIndicator: isRequired && necessityIndicator ? "required" : !isRequired && necessityIndicator ? "optional" : void 0,
-    contextualHelp
-  }, label)), /* @__PURE__ */ React.createElement(Field.Control, {
-    isGroup: true
-  }, children), (error || note) && /* @__PURE__ */ React.createElement(Field.Footer, null, error ? /* @__PURE__ */ React.createElement(Field.Note, __spreadValues({}, errorMessageProps), error) : note ? /* @__PURE__ */ React.createElement(Field.Note, __spreadValues({}, descriptionProps), note) : /* @__PURE__ */ React.createElement(React.Fragment, null)));
-};
-
-export { Fieldset };
-//# sourceMappingURL=Fieldset.js.map

package/build/esm/Fieldset/src/Fieldset.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Fieldset.js","sources":["../../../../src/Fieldset/src/Fieldset.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\n\nimport {\n  SapphireStyleProps,\n  useThemeCheck,\n  Field,\n  Label,\n} from '@danske/sapphire-react';\nimport { useField } from '@react-aria/label';\nimport { mergeProps } from '@react-aria/utils';\n\nexport type FieldsetProps = SapphireStyleProps & {\n  /**\n   * A label that describes the groups of fields.\n   * The label is required because a fieldset that is not labelled is not\n   * better than separate labelled fields.\n   */\n  label: ReactNode;\n  /**\n   * Whether the input is disabled.\n   * */\n  isDisabled?: boolean;\n  /**\n   * Whether the input is disabled.\n   * */\n  isRequired?: boolean;\n  /**\n   * Whether the input should render as having an error and an error message.\n   * This also sets the appropriate `aria` attributes on the input.\n   *\n   * A `boolean` sets the error state.\n   * A `string` sets the error state with an additional error message.\n   *\n   * **An error message is strongly recommended because an error should\n   * always have an explanation about how to fix it.**\n   */\n  error?: boolean | string;\n  /**\n   * A note to show below the input.\n   * If the input has an error message, this note will be replaced by that.\n   */\n  note?: ReactNode;\n  /**\n   * A ContextualHelp to render next to the label.\n   */\n  contextualHelp?: ReactNode;\n  /**\n   * @default 'large'\n   */\n  size?: 'large' | 'medium';\n  /**\n   * To visually indicate if this field is required or optional.\n   * @default false\n   */\n  necessityIndicator?: boolean;\n  /**\n   * Children should be two or more form controls without labels, notes or\n   * error messages.\n   *\n   * We recommend you only use these fields inside: `<TextField>`, `<Select> `,\n   * `<SearchableSelect>`, `<MultiSelect>`, `<SearchableMultiSelect>`,\n   * `<DateField>` or `<DateRangeField>`.\n   *\n   * Example:\n   * ```jsx\n   * <Fieldset label=\"Phone Number\">\n   *   <Select aria-label=\"Country code\" placeholder=\"+00\" width={90}>\n   *     <SelectItem>+40</SelectItem>\n   *     <SelectItem>+42</SelectItem>\n   *     <SelectItem>+45</SelectItem>\n   *   </Select>\n   *   <TextField\n   *     aria-label=\"Phone number\"\n   *     placeholder=\"000-000-0000\"\n   *   ></TextField>\n   * </Fieldset>\n   * ```\n   */\n  children: ReactNode;\n\n  /**\n   * Places the label either above (default) or on the side of the control.\n   * @default 'above'\n   */\n  labelPlacement?: 'side' | 'above';\n};\n\n/**\n * Sapphire search input field.\n */\nexport const Fieldset = ({\n  label,\n  contextualHelp,\n  note,\n  error,\n  isDisabled,\n  isRequired,\n  necessityIndicator,\n  children,\n  size = 'large',\n  labelPlacement = 'above',\n  ...props\n}: FieldsetProps) => {\n  useThemeCheck();\n\n  const { fieldProps, descriptionProps, errorMessageProps } = useField({\n    isInvalid: !!error,\n    label,\n  });\n\n  return (\n    <Field\n      elementType=\"fieldset\"\n      error={!!error}\n      isDisabled={isDisabled}\n      size={size}\n      labelPlacement={labelPlacement}\n      {...mergeProps(props, fieldProps)}\n    >\n      <Field.Label elementType=\"legend\">\n        <Label\n          size={size}\n          necessityIndicator={\n            isRequired && necessityIndicator\n              ? 'required'\n              : !isRequired && necessityIndicator\n              ? 'optional'\n              : undefined\n          }\n          contextualHelp={contextualHelp}\n        >\n          {label}\n        </Label>\n      </Field.Label>\n      <Field.Control isGroup>{children}</Field.Control>\n      {(error || note) && (\n        <Field.Footer>\n          {error ? (\n            <Field.Note {...errorMessageProps}>{error}</Field.Note>\n          ) : note ? (\n            <Field.Note {...descriptionProps}>{note}</Field.Note>\n          ) : (\n            <></>\n          )}\n        </Field.Footer>\n      )}\n    </Field>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0Fa,MAAA,QAAA,GAAW,CAAC,EAYJ,KAAA;AAZI,EACvB,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,KAAA;AAAA,IACA,cAAA;AAAA,IACA,IAAA;AAAA,IACA,KAAA;AAAA,IACA,UAAA;AAAA,IACA,UAAA;AAAA,IACA,kBAAA;AAAA,IACA,QAAA;AAAA,IACA,IAAO,GAAA,OAAA;AAAA,IACP,cAAiB,GAAA,OAAA;AAAA,GAVM,GAAA,EAAA,EAWpB,kBAXoB,EAWpB,EAAA;AAAA,IAVH,OAAA;AAAA,IACA,gBAAA;AAAA,IACA,MAAA;AAAA,IACA,OAAA;AAAA,IACA,YAAA;AAAA,IACA,YAAA;AAAA,IACA,oBAAA;AAAA,IACA,UAAA;AAAA,IACA,MAAA;AAAA,IACA,gBAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,aAAA,EAAA,CAAA;AAEA,EAAA,MAAM,EAAE,UAAA,EAAY,gBAAkB,EAAA,iBAAA,EAAA,GAAsB,QAAS,CAAA;AAAA,IACnE,SAAA,EAAW,CAAC,CAAC,KAAA;AAAA,IACb,KAAA;AAAA,GAAA,CAAA,CAAA;AAGF,EAAA,2CACG,KAAD,EAAA,cAAA,CAAA;AAAA,IACE,WAAY,EAAA,UAAA;AAAA,IACZ,KAAA,EAAO,CAAC,CAAC,KAAA;AAAA,IACT,UAAA;AAAA,IACA,IAAA;AAAA,IACA,cAAA;AAAA,GAAA,EACI,UAAW,CAAA,KAAA,EAAO,UAEtB,CAAA,CAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,MAAM,KAAP,EAAA;AAAA,IAAa,WAAY,EAAA,QAAA;AAAA,GAAA,sCACtB,KAAD,EAAA;AAAA,IACE,IAAA;AAAA,IACA,oBACE,UAAc,IAAA,kBAAA,GACV,aACA,CAAC,UAAA,IAAc,qBACf,UACA,GAAA,KAAA,CAAA;AAAA,IAEN,cAAA;AAAA,GAEC,EAAA,KAAA,CAAA,CAAA,kBAGJ,KAAA,CAAA,aAAA,CAAA,KAAA,CAAM,OAAP,EAAA;AAAA,IAAe,OAAO,EAAA,IAAA;AAAA,GAAE,EAAA,QAAA,CAAA,EACtB,UAAS,IACT,qBAAA,KAAA,CAAA,aAAA,CAAC,MAAM,MAAP,EAAA,IAAA,EACG,wBACE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAM,MAAP,cAAgB,CAAA,EAAA,EAAA,iBAAA,CAAA,EAAoB,SAClC,IACF,mBAAA,KAAA,CAAA,aAAA,CAAC,MAAM,IAAP,EAAA,cAAA,CAAA,EAAA,EAAgB,mBAAmB,IAEnC,CAAA,mBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,CAAA,CAAA,CAAA,CAAA;AAAA;;;;"}

package/build/esm/NotificationBadge/src/NotificationBadge.js

@@ -1,74 +0,0 @@
-import React from 'react';
-import clsx from 'clsx';
-import styles from '@danske/sapphire-css/components/notificationBadge/notificationBadge.module.css';
-import { useThemeCheck, useSapphireStyleProps } from '@danske/sapphire-react';
-
-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;
-};
-const NotificationBadge = (props) => {
-  useThemeCheck();
-  const _a = props, {
-    animate = true,
-    children,
-    count,
-    containerType = "circle",
-    variant = "primary",
-    size = "medium",
-    show = true
-  } = _a, otherProps = __objRest(_a, [
-    "animate",
-    "children",
-    "count",
-    "containerType",
-    "variant",
-    "size",
-    "show"
-  ]);
-  const { styleProps } = useSapphireStyleProps(props);
-  const badge = () => show || animate ? /* @__PURE__ */ React.createElement("span", __spreadProps(__spreadValues({}, otherProps), {
-    role: "status",
-    className: clsx(styleProps.className, styles["sapphire-notification-badge"], styles[`sapphire-notification-badge--${size}`], styles[`sapphire-notification-badge--${variant}`], {
-      [styles[`sapphire-notification-badge--pop-in`]]: show && animate,
-      [styles[`sapphire-notification-badge--pop-out`]]: !show && animate
-    }),
-    style: styleProps.style
-  }), size !== "small" && displayCount) : /* @__PURE__ */ React.createElement(React.Fragment, null);
-  const displayCount = count.toString().length > 2 ? `99+` : count;
-  return children ? /* @__PURE__ */ React.createElement("span", {
-    className: clsx(styles["sapphire-notification-badge-container"], {
-      [styles["sapphire-notification-badge-container--rectangle"]]: containerType === "rectangle"
-    })
-  }, children, badge()) : badge();
-};
-
-export { NotificationBadge };
-//# sourceMappingURL=NotificationBadge.js.map

package/build/esm/NotificationBadge/src/NotificationBadge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NotificationBadge.js","sources":["../../../../src/NotificationBadge/src/NotificationBadge.tsx"],"sourcesContent":["import React from 'react';\nimport clsx from 'clsx';\nimport styles from '@danske/sapphire-css/components/notificationBadge/notificationBadge.module.css';\nimport {\n  useThemeCheck,\n  SapphireStyleProps,\n  useSapphireStyleProps,\n} from '@danske/sapphire-react';\n\nexport type NotificationBadgeProps = {\n  /**\n   * Boolean to perform or not perform the animation\n   * @default 'true'\n   */\n  animate?: boolean;\n  /**\n   * Badge will be added relative to the children. It is rendered inline if there is no children provided\n   * */\n  children?: React.ReactNode;\n  /**\n   * The shape of the container, based on which badge should be positioned. Badge is positioned on the border of the container\n   * @default 'circle'\n   * */\n  containerType?: 'circle' | 'rectangle';\n  /**\n   * Number to show in badge\n   * */\n  count: number;\n  /**\n   * The variation of badge which determines the badge's color.\n   *\n   * @default 'primary'\n   */\n  variant?: 'primary' | 'secondary';\n  /**\n   * @default 'medium'\n   */\n  size?: 'large' | 'medium' | 'small';\n  /**\n   * Boolean to show/hide the badge\n   *\n   * @default true\n   */\n  show?: boolean;\n} & SapphireStyleProps &\n  ({ 'aria-labelledby': string } | { 'aria-label': string });\n\nexport const NotificationBadge = (\n  props: NotificationBadgeProps\n): JSX.Element => {\n  useThemeCheck();\n\n  const {\n    animate = true,\n    children,\n    count,\n    containerType = 'circle',\n    variant = 'primary',\n    size = 'medium',\n    show = true,\n    ...otherProps\n  } = props;\n  const { styleProps } = useSapphireStyleProps(props);\n\n  const badge = () =>\n    show || animate ? (\n      <span\n        {...otherProps}\n        role=\"status\"\n        className={clsx(\n          styleProps.className,\n          styles['sapphire-notification-badge'],\n          styles[`sapphire-notification-badge--${size}` as const],\n          styles[`sapphire-notification-badge--${variant}` as const],\n          {\n            [styles[`sapphire-notification-badge--pop-in`]]: show && animate,\n            [styles[`sapphire-notification-badge--pop-out`]]: !show && animate,\n          }\n        )}\n        style={styleProps.style}\n      >\n        {size !== 'small' && displayCount}\n      </span>\n    ) : (\n      <></>\n    );\n\n  const displayCount = count.toString().length > 2 ? `99+` : count;\n  return children ? (\n    <span\n      className={clsx(styles['sapphire-notification-badge-container'], {\n        [styles['sapphire-notification-badge-container--rectangle']]:\n          containerType === 'rectangle',\n      })}\n    >\n      {children}\n      {badge()}\n    </span>\n  ) : (\n    badge()\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+Ca,MAAA,iBAAA,GAAoB,CAC/B,KACgB,KAAA;AAChB,EAAA,aAAA,EAAA,CAAA;AAEA,EAAA,MASI,EARF,GAAA,KAAA,EAAA;AAAA,IAAU,OAAA,GAAA,IAAA;AAAA,IACV,QAAA;AAAA,IACA,KAAA;AAAA,IACA,aAAgB,GAAA,QAAA;AAAA,IAChB,OAAU,GAAA,SAAA;AAAA,IACV,IAAO,GAAA,QAAA;AAAA,IACP,IAAO,GAAA,IAAA;AAAA,GAEL,GAAA,EAAA,EADC,uBACD,EADC,EAAA;AAAA,IAPH,SAAA;AAAA,IACA,UAAA;AAAA,IACA,OAAA;AAAA,IACA,eAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAA;AAAA,IACA,MAAA;AAAA,GAAA,CAAA,CAAA;AAGF,EAAM,MAAA,EAAE,eAAe,qBAAsB,CAAA,KAAA,CAAA,CAAA;AAE7C,EAAA,MAAM,QAAQ,MACZ,IAAA,IAAQ,0BACL,KAAA,CAAA,aAAA,CAAA,MAAA,EAAD,iCACM,UADN,CAAA,EAAA;AAAA,IAEE,IAAK,EAAA,QAAA;AAAA,IACL,SAAA,EAAW,IACT,CAAA,UAAA,CAAW,SACX,EAAA,MAAA,CAAO,6BACP,CAAA,EAAA,MAAA,CAAO,CAAgC,6BAAA,EAAA,IAAA,CAAA,CAAA,CAAA,EACvC,MAAO,CAAA,CAAA,6BAAA,EAAgC,OACvC,CAAA,CAAA,CAAA,EAAA;AAAA,MACG,CAAA,MAAA,CAAO,yCAAyC,IAAQ,IAAA,OAAA;AAAA,MACxD,CAAA,MAAA,CAAO,CAA0C,oCAAA,CAAA,CAAA,GAAA,CAAC,IAAQ,IAAA,OAAA;AAAA,KAAA,CAAA;AAAA,IAG/D,OAAO,UAAW,CAAA,KAAA;AAAA,GAEjB,CAAA,EAAA,IAAA,KAAS,WAAW,YAGvB,CAAA,mBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,CAAA,CAAA;AAGJ,EAAA,MAAM,YAAe,GAAA,KAAA,CAAM,QAAW,EAAA,CAAA,MAAA,GAAS,IAAI,CAAQ,GAAA,CAAA,GAAA,KAAA,CAAA;AAC3D,EAAO,OAAA,QAAA,uCACJ,MAAD,EAAA;AAAA,IACE,SAAA,EAAW,IAAK,CAAA,MAAA,CAAO,uCAA0C,CAAA,EAAA;AAAA,MAC9D,CAAA,MAAA,CAAO,sDACN,aAAkB,KAAA,WAAA;AAAA,KAAA,CAAA;AAAA,GAAA,EAGrB,UACA,KAGH,EAAA,CAAA,GAAA,KAAA,EAAA,CAAA;AAAA;;;;"}

package/build/esm/SearchField/src/SearchField.js

@@ -1,130 +0,0 @@
-import React, { useRef } from 'react';
-import clsx from 'clsx';
-import { useSearchField } from '@react-aria/searchfield';
-import { useThemeCheck, useSapphireStyleProps, useButton, Icon, ListBoxPopover } from '@danske/sapphire-react';
-import styles from '@danske/sapphire-css/components/searchField/searchField.module.css';
-import { useSearchFieldState } from '@react-stately/searchfield';
-import { useObjectRef, mergeProps } from '@react-aria/utils';
-import { Search, CloseCircle } from '@danske/sapphire-icons/react';
-import { useFocusableRef } from '@react-spectrum/utils';
-import { useComboBoxState } from './useComboBoxState.js';
-import { useComboBox } from '@react-aria/combobox';
-
-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;
-};
-function SearchField(propsAndRef) {
-  var _b;
-  useThemeCheck();
-  const _a = propsAndRef, { loadingState, loadingSkeletonRowsCount, forwardedRef } = _a, props = __objRest(_a, ["loadingState", "loadingSkeletonRowsCount", "forwardedRef"]);
-  const inputRef = useObjectRef(forwardedRef);
-  const buttonRef = useRef(null);
-  const listBoxRef = useFocusableRef(null);
-  const popoverRef = useRef(null);
-  const triggerRef = useFocusableRef(null);
-  const {
-    styleProps: { style, className }
-  } = useSapphireStyleProps(props);
-  const state = useComboBoxState(__spreadProps(__spreadValues({}, props), {
-    inputValue: props.value,
-    defaultInputValue: props.defaultValue,
-    onInputChange: props.onChange,
-    allowsEmptyCollection: false,
-    allowsCustomValue: true,
-    shouldCloseOnBlur: true
-  }));
-  const { inputProps: comboBoxInputProps, listBoxProps } = useComboBox(__spreadProps(__spreadValues({}, props), {
-    inputRef,
-    listBoxRef,
-    popoverRef
-  }), state);
-  const searchProps = {
-    "aria-label": props["aria-label"],
-    "aria-labelledby": props["aria-labelledby"],
-    isDisabled: props.isDisabled,
-    isReadOnly: props.isReadOnly,
-    value: state.inputValue,
-    onSubmit: (value) => {
-      var _a2;
-      if (!state.selectionManager.isFocused) {
-        (_a2 = props == null ? void 0 : props.onSubmit) == null ? void 0 : _a2.call(props, value);
-      }
-    },
-    onClear: () => {
-      var _a2;
-      state.setInputValue("");
-      (_a2 = props.onClear) == null ? void 0 : _a2.call(props);
-    }
-  };
-  const searchFieldState = useSearchFieldState(searchProps);
-  const { clearButtonProps, inputProps: searchFieldInputProps } = useSearchField(searchProps, searchFieldState, inputRef);
-  const { buttonProps } = useButton(__spreadProps(__spreadValues({}, clearButtonProps), {
-    elementType: "div"
-  }), buttonRef);
-  return /* @__PURE__ */ React.createElement("div", {
-    className: clsx(styles["sapphire-search-field"], className, {
-      [styles["sapphire-search-field--medium"]]: props.size === "medium",
-      [styles["sapphire-search-field--surface-secondary"]]: props.surface === "secondary",
-      [styles["is-disabled"]]: props.isDisabled
-    }),
-    style,
-    ref: triggerRef
-  }, /* @__PURE__ */ React.createElement("span", {
-    className: styles["sapphire-search-field__icon"]
-  }, /* @__PURE__ */ React.createElement(Icon, {
-    size: props.size === "medium" ? "m" : "l"
-  }, /* @__PURE__ */ React.createElement(Search, null))), /* @__PURE__ */ React.createElement("input", __spreadProps(__spreadValues({}, mergeProps(comboBoxInputProps, searchFieldInputProps)), {
-    ref: inputRef,
-    className: clsx(styles["sapphire-search-field__input"], {
-      [styles["sapphire-search-field__input--empty"]]: state.inputValue.length === 0
-    })
-  })), /* @__PURE__ */ React.createElement("div", __spreadValues({
-    ref: buttonRef,
-    className: styles["sapphire-search-field__button"]
-  }, buttonProps), /* @__PURE__ */ React.createElement(Icon, {
-    size: props.size === "medium" ? "m" : "l"
-  }, /* @__PURE__ */ React.createElement(CloseCircle, null))), state.isOpen && /* @__PURE__ */ React.createElement(ListBoxPopover, {
-    state,
-    triggerRef,
-    popoverRef,
-    listBoxRef,
-    listBoxProps,
-    loadingState,
-    loadingSkeletonRowsCount,
-    selectWidth: ((_b = triggerRef.current) == null ? void 0 : _b.offsetWidth) || 0,
-    size: props.size,
-    disableSelectedStyles: true,
-    isNonModal: true
-  }, props.children || []));
-}
-
-export { SearchField };
-//# sourceMappingURL=SearchField.js.map

package/build/esm/SearchField/src/SearchField.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SearchField.js","sources":["../../../../src/SearchField/src/SearchField.tsx"],"sourcesContent":["import React, { ForwardedRef, useRef } from 'react';\nimport clsx from 'clsx';\nimport { HelpTextProps, LabelableProps, Validation } from '@react-types/shared';\nimport type { ComboBoxProps } from '@react-types/combobox';\nimport { AriaSearchFieldProps, useSearchField } from '@react-aria/searchfield';\n\nimport {\n  SapphireStyleProps,\n  useButton,\n  useSapphireStyleProps,\n  useThemeCheck,\n  ListBoxPopover,\n  Icon,\n} from '@danske/sapphire-react';\nimport styles from '@danske/sapphire-css/components/searchField/searchField.module.css';\nimport { useSearchFieldState } from '@react-stately/searchfield';\nimport { mergeProps, useObjectRef } from '@react-aria/utils';\nimport { CloseCircle, Search } from '@danske/sapphire-icons/react';\nimport { useFocusableRef } from '@react-spectrum/utils';\nimport { useComboBoxState } from './useComboBoxState';\nimport { useComboBox } from '@react-aria/combobox';\n\nexport type SapphireSearchFieldProps<T extends object> = SapphireStyleProps &\n  Omit<\n    AriaSearchFieldProps,\n    keyof HelpTextProps | keyof Validation<unknown> | keyof LabelableProps\n  > &\n  AutocompleteProps<T> & {\n    /**\n     * @default 'large'\n     */\n    size?: 'large' | 'medium';\n    /**\n     * Adjusts the style for the type of surface it is rendered on.\n     * @default 'primary'\n     */\n    surface?: 'primary' | 'secondary';\n  } & (\n    | { 'aria-labelledby': string }\n    | {\n        'aria-label': string;\n      }\n  ) & {\n    loadingState?: 'loading';\n    loadingSkeletonRowsCount?: number;\n  };\n\n// we don't want props related to \"selection\" because from the POV of the\n// autocomplete feature, there is no concept of \"selection\"\ninterface AutocompleteProps<T extends object> {\n  items?: ComboBoxProps<T>['items'];\n  defaultItems?: ComboBoxProps<T>['defaultItems'];\n  children?: ComboBoxProps<T>['children'];\n  onOpenChange?: ComboBoxProps<T>['onOpenChange'];\n  defaultFilter?: (textValue: string, inputValue: string) => boolean;\n}\n\ntype SapphireSearchFieldPropsWithRef<T extends object> =\n  SapphireSearchFieldProps<T> & {\n    forwardedRef?: ForwardedRef<HTMLInputElement>;\n  };\n\n/**\n * Sapphire search input field.\n */\n// Ref (forwardedRef) exposed as normal prop to keep TS generics working and inference of the right type for items/children passed\n// Ie. type for items={items} is inferred for the item in the child render function {item => (intellisense for item available here)}\n// Using forwardRef that information is lost: https://stackoverflow.com/a/58473012 and https://stackoverflow.com/a/60237948\nexport function SearchField<T extends object>(\n  propsAndRef: SapphireSearchFieldPropsWithRef<T>\n) {\n  useThemeCheck();\n\n  const { loadingState, loadingSkeletonRowsCount, forwardedRef, ...props } =\n    propsAndRef;\n\n  const inputRef = useObjectRef(forwardedRef);\n  const buttonRef = useRef<HTMLDivElement>(null);\n  const listBoxRef = useFocusableRef<HTMLUListElement>(null);\n  const popoverRef = useRef<HTMLDivElement>(null);\n  const triggerRef = useFocusableRef<HTMLDivElement>(null);\n  const {\n    styleProps: { style, className },\n  } = useSapphireStyleProps(props);\n\n  const state = useComboBoxState({\n    ...props,\n    inputValue: props.value,\n    defaultInputValue: props.defaultValue,\n    onInputChange: props.onChange,\n    allowsEmptyCollection: false,\n    allowsCustomValue: true,\n    shouldCloseOnBlur: true,\n  });\n\n  const { inputProps: comboBoxInputProps, listBoxProps } = useComboBox(\n    {\n      ...props,\n      inputRef,\n      listBoxRef,\n      popoverRef,\n    },\n    state\n  );\n\n  /**\n   * In order to compose the `useSearchField` and `useComboBox` we want to:\n   *  - let the combobox control the input but\n   *  - allow the search field's \"clear\" and \"submit\" behavior\n   *\n   *  For this, we take control of `useSearchField` and not pass the props\n   *  indiscriminately.\n   *\n   *  For example think about using `onBlur` on `SearchField`. The combobox\n   *  hook gets that prop and the input props we get back will add that\n   *  listener to the input. We don't want the input props from\n   *  `useSearchField` to add the same listener.\n   */\n  const searchProps: AriaSearchFieldProps = {\n    'aria-label': props['aria-label'],\n    'aria-labelledby': props['aria-labelledby'],\n    isDisabled: props.isDisabled,\n    isReadOnly: props.isReadOnly,\n    // needed for the submit functionality\n    value: state.inputValue,\n    onSubmit: (value) => {\n      if (!state.selectionManager.isFocused) {\n        props?.onSubmit?.(value);\n      }\n    },\n    onClear: () => {\n      state.setInputValue('');\n      props.onClear?.();\n    },\n  };\n\n  const searchFieldState = useSearchFieldState(searchProps);\n\n  const { clearButtonProps, inputProps: searchFieldInputProps } =\n    useSearchField(searchProps, searchFieldState, inputRef);\n\n  const { buttonProps } = useButton(\n    {\n      ...clearButtonProps,\n      elementType: 'div',\n    },\n    buttonRef\n  );\n\n  return (\n    <div\n      className={clsx(styles['sapphire-search-field'], className, {\n        [styles['sapphire-search-field--medium']]: props.size === 'medium',\n        [styles['sapphire-search-field--surface-secondary']]:\n          props.surface === 'secondary',\n        [styles['is-disabled']]: props.isDisabled,\n      })}\n      style={style}\n      ref={triggerRef}\n    >\n      <span className={styles['sapphire-search-field__icon']}>\n        <Icon size={props.size === 'medium' ? 'm' : 'l'}>\n          <Search />\n        </Icon>\n      </span>\n      <input\n        {...mergeProps(comboBoxInputProps, searchFieldInputProps)}\n        ref={inputRef}\n        className={clsx(styles['sapphire-search-field__input'], {\n          [styles['sapphire-search-field__input--empty']]:\n            state.inputValue.length === 0,\n        })}\n      />\n      <div\n        ref={buttonRef}\n        className={styles['sapphire-search-field__button']}\n        {...buttonProps}\n      >\n        <Icon size={props.size === 'medium' ? 'm' : 'l'}>\n          <CloseCircle />\n        </Icon>\n      </div>\n      {state.isOpen && (\n        <ListBoxPopover<T>\n          state={state}\n          triggerRef={triggerRef}\n          popoverRef={popoverRef}\n          listBoxRef={listBoxRef}\n          listBoxProps={listBoxProps}\n          loadingState={loadingState}\n          loadingSkeletonRowsCount={loadingSkeletonRowsCount}\n          selectWidth={triggerRef.current?.offsetWidth || 0}\n          size={props.size}\n          disableSelectedStyles\n          isNonModal\n        >\n          {props.children || []}\n        </ListBoxPopover>\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}