@fremtind/jokul 5.2.3 → 6.0.0-next.1

package/build/cjs/components/datepicker/internal/utils.d.cts

@@ -1,167 +0,0 @@
-import { default as React } from 'react';
-import { ValuePair } from '../../../utilities/valuePair.cjs';
-import { YearsToShow } from '../types.cjs';
-export declare function composeEventHandlers(...fns: Array<React.MouseEventHandler | undefined>): (event: React.MouseEvent) => boolean;
-/**
- * Takes a calendars array and figures out the number of months to subtract
- * based on the current offset and the minDate allowed.
- * @param {Object} param The param object
- * @param {Array} param.calendars The calendars array created by the getCalendars function
- * @param {Number} param.offset The num of months to be subtracted
- * @param {Date} param.minDate The earliest date we are allow to subtract back to
- * @returns {Number} The number of months to subtract
- */
-export declare function subtractMonth({ calendars, offset, minDate, }: {
-    calendars: CalendarMonth[];
-    offset: number;
-    minDate?: Date;
-}): number;
-export declare const DEFAULT_YEARS_TO_SHOW = 3;
-/**
- * Generates an array of year strings for a year selector component, with min and max dates taken into account.
- *
- * @param {number} currentYear - The current year to center the list around
- * @param {Date | undefined} [minDate] - The minimum date to include in the list of years
- * @param {Date | undefined} [maxDate] - The maximum date to include in the list of years
- *
- * @returns {string[]} - An array of year strings, starting from the earliest year specified by minDate or currentYear - 3, and ending at the latest year specified by maxDate or currentYear + 3
- */
-export declare function getYearSelectOptions(currentYear: number, minDate: Date | undefined, maxDate: Date | undefined, yearsToShow: YearsToShow): string[];
-/**
- * Returns an array of months that are allowed for selection in the current year based on the minimum and maximum dates.
- * @param {number} currentYear The current year
- * @param {string[]} monthNames An array of strings representing the month names
- * @param {Date | undefined} minDate The minimum date that is allowed for selection
- * @param {Date | undefined} maxDate The maximum date that is allowed for selection
- * @returns {ValuePair[]} An array of ValuePairs representing the months that are allowed for selection in the current year
- */
-export declare function getMonthSelectOptions(currentYear: number, monthNames: string[], minDate: Date | undefined, maxDate: Date | undefined): ValuePair[];
-/**s
- * Takes a calendars array and figures out the number of months to add
- * based on the current offset and the maxDate allowed.
- * @param {Object} param The param object
- * @param {Array} param.calendars The calendars array created by the getCalendars function
- * @param {Number} param.offset The num of months to be added
- * @param {Date} param.maxDate The furthest date we are allow to add forward to
- * @returns {Number} The number of months to add
- */
-export declare function addMonth({ calendars, offset, maxDate, }: {
-    calendars: CalendarMonth[];
-    offset: number;
-    maxDate?: Date;
-}): number;
-/**
- * Takes a calendars array and figures out if the back button should be
- * disabled based on the minDate allowed.
- * @param {Object} param The param object
- * @param {Array} param.calendars The calendars array created by the getCalendars function
- * @param {Date} param.minDate The earliest date available
- * @returns {Boolean} Whether the back button should be disabled.
- */
-export declare function isBackDisabled({ calendars, minDate, }: {
-    calendars: CalendarMonth[];
-    minDate?: Date;
-}): boolean;
-/**
- * Takes a calendars array and figures out if the forward button should be
- * disabled based on the maxDate allowed.
- * @param {Object} param The param object
- * @param {Array} param.calendars The calendars array created by the getCalendars function
- * @param {Date} param.maxDate The furthest date available
- * @returns {Boolean} Whether the forward button should be disabled.
- */
-export declare function isForwardDisabled({ calendars, maxDate, }: {
-    calendars: CalendarMonth[];
-    maxDate?: Date;
-}): boolean;
-type GetCalendarProps = {
-    /**  The date to start the calendar at */
-    date: Date;
-    /** Date or dates currently selected. */
-    selected?: Date | Date[];
-    /**  The earliest date available */
-    minDate?: Date;
-    /**  The earliest date available */
-    maxDate?: Date;
-    /** The number of months to return in the calendar view */
-    monthsToDisplay: number;
-    /** The number of months to offset based off the param.date given  */
-    offset: number;
-    /** First day of week, 0-6 (Sunday to Saturday) */
-    firstDayOfWeek: number;
-    /** Flag to fill front and back weeks with dates from adjacent months */
-    showOutsideDays: boolean;
-};
-/**
- * Figures out the months data needed based off the number of monthsToDisplay
- * and other options provided.
- * @param {Object} param The param object
- * @param {Date} param.date The date to start the calendar at
- * @param {Array.<Date>} param.selected An array of dates currently selected
- * @param {Number} param.monthsToDisplay The number of months to return in the calendar view
- * @param {Number} param.offset The number of months to offset based off the param.date given
- * @param {Date} param.minDate The earliest date available
- * @param {Date} param.maxDate The furthest date available
- * @param {Number} param.firstDayOfWeek First day of week, 0-6 (Sunday to Saturday)
- * @param {Bool} param.showOutsideDays Flag to fill front and back weeks with dates from adjacent months
- * @returns {Array.<Object>} An array of objects with month data
- */
-export declare function getCalendars({ date, selected, monthsToDisplay, offset, minDate, maxDate, firstDayOfWeek, showOutsideDays, }: GetCalendarProps): CalendarMonth[];
-export type CalendarMonth = {
-    firstDayOfMonth: Date;
-    lastDayOfMonth: Date;
-    month: number;
-    year: number;
-    weeks: CalendarWeek[];
-};
-export type CalendarWeek = CalendarDay[];
-export type CalendarDay = DateInfo | string;
-export type DateInfo = {
-    date: Date;
-    selected: boolean;
-    selectable: boolean;
-    today: boolean;
-    prevMonth: boolean;
-    nextMonth: boolean;
-};
-/**
- * Check if two Date objects represent the same day
- *
- * @param date1 first Date to compare
- * @param date2 second Date to compare
- */
-export declare function isSameDay(date1: Date, date2: Date): boolean;
-/**
- * Check if the date has changed from the previous date
- *
- * @param date First date to compare
- * @param newDate Second date to compare
- */
-export declare function dateHasChanged(date: Date | undefined, newDate: Date): boolean;
-/**
- * Check if a given date is outside a given range
- *
- * @param date Input date
- * @param rangeStart Dates before this date should be disabled
- * @param rangeEnd Dates after this date should be disabled
- */
-export declare function dateIsOutsideRange(date: Date, rangeStart: Date | undefined, rangeEnd: Date | undefined): boolean;
-/**
- * Get the correct initial date for initiating the datepicker reducer store
- *
- * @param value Value from props
- * @param initialDate Initial date from porps
- * @param disableDate Function for checking whether the date should be disabled
- */
-export declare function getInitialDate(value: string | undefined, defaultValue: string | undefined, minDate: Date | undefined, maxDate: Date | undefined): Date | null;
-/**
- * Get the initial date to show in the calendar
- *
- * @param date The date set in the DatePicker (from props)
- * @param defaultSelected The defaultSelected prop from DatePicker
- * @param minDate The earliest selectable date, from props
- * @param maxDate The latest selectable date, from props
- * @returns The date to show in the calendar
- */
-export declare function getInitialDateShown(date: Date | null, defaultSelected: Date | undefined, minDate: Date | undefined, maxDate: Date | undefined): Date;
-export {};

package/build/cjs/components/datepicker/types.d.cts

@@ -1,280 +0,0 @@
-import { ButtonHTMLAttributes, ChangeEvent, ComponentProps, FocusEvent, KeyboardEvent } from 'react';
-import { DataTestAutoId } from '../../utilities/types.cjs';
-import { InputGroupProps, LabelProps } from '../input-group/types.cjs';
-export type DateValidationError = "WRONG_FORMAT" | "OUTSIDE_LOWER_BOUND" | "OUTSIDE_UPPER_BOUND";
-export type DatePickerChangeEventHandler = (e: ChangeEvent<HTMLInputElement>, date: Date | null, meta: DatePickerMetadata) => void;
-export type DatePickerBlurEventHandler = (e: FocusEvent<HTMLInputElement>, date: Date | null, meta: DatePickerMetadata) => void;
-export type DatePickerFocusEventHandler = DatePickerBlurEventHandler;
-export type DatePickerKeyDownEventHandler = (e: KeyboardEvent<HTMLInputElement>, date: Date | null, meta: DatePickerMetadata) => void;
-export type DatePickerMetadata = {
-    error: DateValidationError | null;
-    /** Samme som event.target.value */
-    value: string;
-};
-export type YearsToShow = number | "all" | {
-    previous: number;
-    coming: number;
-};
-export interface DatePickerProps extends Omit<InputGroupProps, "label" | "children">, DataTestAutoId {
-    /** Settes på rotnivå. */
-    id?: string;
-    /** Settes på rotnivå. */
-    className?: string;
-    /**
-     * @default "Velg dato"
-     */
-    label?: string;
-    /**
-     * Bruk labelProps for å sette props som `variant` og `srOnly`.
-     *
-     * @example
-     *  ```tsx
-     *  <DatePicker
-     *      labelProps={{ srOnly: true }}
-     *  />
-     *  ```
-     */
-    labelProps?: Omit<LabelProps, "children">;
-    /**
-     * dd.mm.åååå
-     *
-     * Dersom komponenten ikke er _controlled_, send inn ønsket standardverdi her (hvis noen).
-     *
-     * @default undefined // tomt skjemafelt
-     */
-    defaultValue?: string;
-    /**
-     * Styr om du vil at kalenderen skal starte åpen.
-     * @default false
-     */
-    defaultShow?: boolean;
-    /**
-     * dd.mm.åååå
-     *
-     * Verdien til inputfeltet.
-     */
-    value?: string;
-    /**
-     * dd.mm.åååå
-     *
-     * Skru av knapper i kalenderen før denne datoen,
-     * og gi valideringsfeil om dato som har blitt skrevet inn er utenfor.
-     */
-    disableBeforeDate?: string;
-    /**
-     * dd.mm.åååå
-     *
-     * Skru av knapper i kalenderen etter denne datoen,
-     * og gi valideringsfeil om dato som har blitt skrevet inn er utenfor.
-     */
-    disableAfterDate?: string;
-    /**
-     * Angir hvor mange år som skal vises i nedtrekkslisten i kalenderen. Du kan angi samme verdi
-     * for kommende og foregående år ved å sende inn et tall, eller sende inn et objekt med separate
-     * verdier for kommende og foregående år. Hvis du sender inn "all" vil alle år mellom min. og
-     * maks. dato vises i listen (eller default antall år hvis ikke min./maks. dato er angitt).
-     * @default 3
-     */
-    yearsToShow?: YearsToShow;
-    /**
-     * Settes på inputfeltet.
-     */
-    name?: string;
-    /**
-     * Hjelpetekst som vises under inputfeltet.
-     */
-    helpLabel?: string;
-    /**
-     * Hvis datovelgeren har valideringsfeil må dette feltet settes. Inputfeltet
-     * merkes som ugyldig og teksten erstatter en eventuell hjelpetekst.
-     */
-    errorLabel?: string;
-    /**
-     * Merk som ugyldig uten å sende inn en errorLabel.
-     * NB! Brukes kun i tilfeller der valideringsfeil dukker opp andre steder, for eksempel i en FieldGroup.
-     */
-    invalid?: boolean;
-    /**
-     * @deprecated Kalenderen viser nå alltid kontroller for å navigere mellom år og måneder.
-     * Denne prop'en gjør ikke lenger noe og kan fjernes.
-     */
-    extended?: boolean;
-    /**
-     * Om du ønsker andre labels for ukedagene kan du gi de her.
-     */
-    days?: string[];
-    /**
-     * Om du ønsker andre labels for måneder kan du gi de her.
-     */
-    months?: string[];
-    /**
-     * Overstyr hvordan vi omtaler "Måned".
-     * @default "Måned"
-     */
-    monthLabel?: string;
-    /**
-     * Overstyr hvordan vi omtaler "År".
-     * @default "År"
-     */
-    yearLabel?: string;
-    /**
-     * Vises i inputfeltet hvis det ikke har noen input, som hint for datoformat.
-     * @default "dd.mm.åååå"
-     */
-    placeholder?: string;
-    /**
-     * Bredden på inputfeltet, tilpasset typisk bredde for en dato i formatet `dd.mm.åååå`.
-     * @default "10ch"
-     */
-    width?: string;
-    /**
-     * Kalles ved change-event fra datovelgerens inputfelt. Verdien fra selve eventet vil
-     * alltid være teksten fra inputfeltet.
-     *
-     * Det er _ikke_ garantert at verdien fra `event.target.value` er en
-     * gyldig dato, eller i datoformat. Andre parameter vil enten være en gyldig
-     * `Date` eller `null`. Tredje parameter har informasjon om validering,
-     * men du kan også gjøre validering selv rett på `event.target.value`
-     * med utility-funksjoner som eksporteres fra pakka (se eksempel lenger ned).
-     *
-     * Kalles også når brukeren velger en dato fra kalendervisningen. Kallet
-     * prøver å simulere et vanlig change-event så nært som mulig.
-     *
-     * Bruk meta-objektet for å se om det er valideringsfeil, og i så fal hvilken type feil:
-     *
-     *  - ugyldig format på tekst
-     *  - dato utenfor minimum tillatte dato (satt med `disableBeforeDate`)
-     *  - dato utenfor maksimum tillatte dato (satt med `disableAfterDate`)
-     *
-     * @example
-     *
-     *  ```tsx
-     *  <DatePicker
-     *      value={value}
-     *      onChange={(e, date, meta) => {
-     *          setValue(e.target.value);
-     *
-     *          console.log("onChange", {
-     *              event: e,
-     *              date,
-     *              meta,
-     *          });
-     *      }}
-     *  />
-     *  ```
-     *
-     * @example
-     *
-     *  ```tsx
-     *  import {
-     *      DatePicker,
-     *      formatInput,
-     *      isCorrectFormat,
-     *      isWithinUpperBound,
-     *      isWithinLowerBound,
-     *      parseDateString
-     *  } from "@fremtind/jkl-datepicker-react";
-     *  import { formatDate } from "@fremtind/jkl-formatters-util";
-     *
-     *  <DatePicker
-     *      label="Fødselsdato"
-     *      errorLabel={formState.errors.fodselsdato?.message}
-     *      disableBefore="01.01.1970"
-     *      disableAfter={formatInput(new Date())}
-     *      {...register("fodselsdato", {
-     *          required: "Du må fylle ut fødselsdato",
-     *          validate: {
-     *              isCorrectFormat: (v) =>
-     *                  isCorrectFormat(v) ||
-     *                  `Datoen må være skrevet i formen ${formatDate(new Date())} eller kortformat`,
-     *              withinLowerBound: (v) =>
-     *                  isWithinLowerBound(v, parseDateString("01.01.1970") || "Datoen må være før 01.01.1970"",
-     *              withinUpperBound: (v) =>
-     *                  isWithinUpperBound(v, new Date()) || `Datoen må være før ${formatDate(new Date())}`,
-     *          },
-     *      })}
-     *  />
-     *  ```
-     */
-    onChange?: DatePickerChangeEventHandler;
-    /**
-     * Kalles ved focus-event fra datovelgerens inputfelt.
-     *
-     * @example
-     *  ```tsx
-     *  <DatePicker
-     *      onFocus={(e, date, meta) => {
-     *          console.log("onFocus", {
-     *              event: e,
-     *              date,
-     *              meta,
-     *          });
-     *      }}
-     *  />
-     *  ```
-     */
-    onFocus?: DatePickerFocusEventHandler;
-    /**
-     * Kalles ved blur-event fra datovelgerens inputfelt, og kommer når fokus flyttes ut
-     * av skjemaelementet.
-     *
-     * **NB!** Dette inkluderer når fokus flyttes inn i kalenderen, eller til kalenderknappen!
-     *
-     * Om du ønsker å gjøre ting når brukeren går videre fra hele DatePicker:
-     *   1. Ha en onBlur på DatePicker, men ignorere events når fokus er inni DatePicker
-     *   2. Ha en onBlur på DatePicker sin action-prop (kalenderknappen), og gjøre det samme
-     *
-     * Hjelpefunksjonen isBlurTargetOutside hjelper med detaljene.
-     *
-     * @example
-     *  ```tsx
-     *  import { DatePicker, isBlurTargetOutside } from "@fremtind/jkl-datepicker-react";
-     *
-     *  <DatePicker
-     *      onBlur={(e, date, meta) => {
-     *          // Ignorer blurs som går til kalenderknapper
-     *          if (isBlurTargetOutside(e)) {
-     *              console.log("onBlur");
-     *          }
-     *      }}
-     *      action={{
-     *          onBlur: (e) => {
-     *              // Ignorer blurs som går tilbake til inputfeltet
-     *              if (isBlurTargetOutside(e)) {
-     *                  console.log("action.onBlur");
-     *              }
-     *          },
-     *      }}
-     *  />
-     *  ```
-     */
-    onBlur?: DatePickerBlurEventHandler;
-    /**
-     * Kalles ved onKeyDown på datovelgerens inputfelt. Dersom du trenger å fange opp
-     * alle tastetrykk, inkludert Tab videre til knappen for å åpne/lukke kalenderen,
-     * så kan du bruke dette eventet.
-     *
-     * @deprecated Eventet har mye overlapp med onChange, men var tidligere eneste metode for å
-     * få tilbakemelding ved tastetrykk i inputfeltet. Foretrekk onChange for ny kode.
-     */
-    onKeyDown?: DatePickerKeyDownEventHandler;
-    /**
-     * Lar deg sette lyttere på kalenderknappen i skjemafeltet.
-     */
-    action?: DatePickerAction;
-    showCalendarLabel?: string;
-    hideCalendarLabel?: string;
-    /**
-     * Props som sendes direkte til komponentens TextInput
-     */
-    textInputProps?: Omit<ComponentProps<"input">, "type" | "children" | "className" | "name" | "defaultValue" | "value" | "placeholder" | "width" | "onFocus" | "onBlur" | "onChange">;
-}
-export interface DatePickerAction extends Exclude<ButtonHTMLAttributes<HTMLButtonElement>, "disabled"> {
-}
-export type ComparisonOptions = {
-    /**
-     * Kontroller om testen skal godkjennes om verdien er lik
-     * @default false
-     */
-    inclusive: boolean;
-};

package/build/cjs/components/datepicker/utils.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=/^(\d\d?)[\W](\d\d?)[\W](\d{4}|\d{2})$/,t=/^(\d{4}|\d{2})[\W](\d\d?)[\W](\d\d?)$/;exports.formatInput=function(e){return`${`${e.getDate()}`.padStart(2,"0")}.${`${e.getMonth()+1}`.padStart(2,"0")}.${e.getFullYear()}`},exports.isBlurTargetOutside=function(e){if(!e.relatedTarget)return!0;const t=e.target.closest(".jkl-datepicker__input-wrapper");return e.relatedTarget.closest(".jkl-datepicker__input-wrapper")!==t},exports.parseDateString=function(r){if(!r)return;const n=(r=>{const n=e.exec(r);if(n)return n.slice(1,4);const a=t.exec(r);if(!a)return;const o=a.slice(1,4);return o.reverse(),o})(r);if(!n)return;const a=Number.parseInt((new Date).toLocaleString("no-NB",{year:"2-digit"})),o=Number.parseInt(n[0],10),s=Number.parseInt(n[1],10)-1,u=Number.parseInt(n[2],10),i=u>99?u:(c=u)>a?c+1900:c+2e3,d=new Date(i,s,o,0,0,0);var c;return d.getMonth()===s&&d.getFullYear()===i?d:void 0};
-//# sourceMappingURL=utils.cjs.map

package/build/cjs/components/datepicker/utils.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.cjs","sources":["../../../../src/components/datepicker/utils.ts"],"sourcesContent":["import type { FocusEvent } from \"react\";\n\nconst dayMonthYearRegex = /^(\\d\\d?)[\\W](\\d\\d?)[\\W](\\d{4}|\\d{2})$/;\nconst yearMonthDayRegex = /^(\\d{4}|\\d{2})[\\W](\\d\\d?)[\\W](\\d\\d?)$/;\n\n/**\n * Format a Date object as a string in the format DatePicker expects.\n *\n * @param date the Date object to format\n * @return returns a date string with \"dd.mm.yyyy\"-format\n */\nexport function formatInput(date: Date): string {\n    const day = `${date.getDate()}`.padStart(2, \"0\");\n    const month = `${date.getMonth() + 1}`.padStart(2, \"0\");\n    return `${day}.${month}.${date.getFullYear()}`;\n}\n\n/**\n * Get the date segments from a string of unknown format\n *\n * @param input date as a string with unknown format\n * @returns an array of string elements [day, month, year]\n */\nconst getDateSegmentsFromString = (input: string): string[] | undefined => {\n    const dayMonthYear = dayMonthYearRegex.exec(input);\n\n    if (dayMonthYear) {\n        return dayMonthYear.slice(1, 4);\n    }\n\n    const yearMonthDay = yearMonthDayRegex.exec(input);\n\n    if (!yearMonthDay) {\n        return undefined;\n    }\n\n    // reverse to get the correct ordering\n    const slicedDateSegments = yearMonthDay.slice(1, 4);\n    slicedDateSegments.reverse();\n\n    return slicedDateSegments;\n};\n\n/**\n * Convert a date string to a Date object\n *\n * @param dateString date as string with format dd.mm.yyyy\n * @return a Date object representing the given date\n */\nexport function parseDateString(dateString?: string): Date | undefined {\n    if (!dateString) {\n        return undefined;\n    }\n\n    const inputDateSegments = getDateSegmentsFromString(dateString);\n\n    if (!inputDateSegments) {\n        return undefined;\n    }\n\n    const currentTwoDigitYear = Number.parseInt(\n        new Date().toLocaleString(\"no-NB\", { year: \"2-digit\" }),\n    );\n    const parseTwoDigitYear = (year: number) =>\n        year > currentTwoDigitYear ? year + 1900 : year + 2000;\n\n    const day = Number.parseInt(inputDateSegments[0], 10);\n    const month = Number.parseInt(inputDateSegments[1], 10) - 1;\n    const yearIn = Number.parseInt(inputDateSegments[2], 10);\n    const year = yearIn > 99 ? yearIn : parseTwoDigitYear(yearIn);\n\n    const generatedDate = new Date(year, month, day, 0, 0, 0);\n    // Days can \"overflow\" to next month/year in Date(). Return undefined if it does:\n    return generatedDate.getMonth() === month &&\n        generatedDate.getFullYear() === year\n        ? generatedDate\n        : undefined;\n}\n\n/**\n * Hjelpefunksjon for å se om en onBlur går utenfor DatePicker,\n * eller om den går til et interaktivt element inni DatePickeren.\n * @param {FocusEvent<HTMLButtonElement | HTMLInputElement>} e - Eventet fra onBlur og action.onBlur\n * @returns {boolean} true hvis e.relatedTarget er utenfor DatePicker\n */\nexport function isBlurTargetOutside(\n    e: FocusEvent<HTMLButtonElement | HTMLInputElement>,\n): boolean {\n    if (!e.relatedTarget) {\n        return true;\n    }\n\n    const targetRoot = e.target.closest(\".jkl-datepicker__input-wrapper\");\n    const relatedTargetRoot = e.relatedTarget.closest(\n        \".jkl-datepicker__input-wrapper\",\n    );\n\n    return relatedTargetRoot !== targetRoot;\n}\n"],"names":["dayMonthYearRegex","yearMonthDayRegex","date","getDate","padStart","getMonth","getFullYear","e","relatedTarget","targetRoot","target","closest","dateString","inputDateSegments","input","dayMonthYear","exec","slice","yearMonthDay","slicedDateSegments","reverse","getDateSegmentsFromString","currentTwoDigitYear","Number","parseInt","Date","toLocaleString","year","day","month","yearIn","generatedDate"],"mappings":"gFAEA,MAAMA,EAAoB,wCACpBC,EAAoB,4DAQnB,SAAqBC,GAGxB,MAAO,GAFK,GAAGA,EAAKC,YAAYC,SAAS,EAAG,QAC9B,GAAGF,EAAKG,WAAa,IAAID,SAAS,EAAG,QACzBF,EAAKI,eACnC,8BAsEO,SACHC,GAEA,IAAKA,EAAEC,cACH,OAAO,EAGX,MAAMC,EAAaF,EAAEG,OAAOC,QAAQ,kCAKpC,OAJ0BJ,EAAEC,cAAcG,QACtC,oCAGyBF,CACjC,0BAjDO,SAAyBG,GAC5B,IAAKA,EACD,OAGJ,MAAMC,EA/ByBC,KAC/B,MAAMC,EAAef,EAAkBgB,KAAKF,GAE5C,GAAIC,EACA,OAAOA,EAAaE,MAAM,EAAG,GAGjC,MAAMC,EAAejB,EAAkBe,KAAKF,GAE5C,IAAKI,EACD,OAIJ,MAAMC,EAAqBD,EAAaD,MAAM,EAAG,GACjD,OAAAE,EAAmBC,UAEZD,GAcmBE,CAA0BT,GAEpD,IAAKC,EACD,OAGJ,MAAMS,EAAsBC,OAAOC,UAC/B,IAAIC,MAAOC,eAAe,QAAS,CAAEC,KAAM,aAKzCC,EAAML,OAAOC,SAASX,EAAkB,GAAI,IAC5CgB,EAAQN,OAAOC,SAASX,EAAkB,GAAI,IAAM,EACpDiB,EAASP,OAAOC,SAASX,EAAkB,GAAI,IAC/Cc,EAAOG,EAAS,GAAKA,GANAH,EAM2BG,GAL3CR,EAAsBK,EAAO,KAAOA,EAAO,IAOhDI,EAAgB,IAAIN,KAAKE,EAAME,EAAOD,EAAK,EAAG,EAAG,GAR5BD,MAU3B,OAAOI,EAAc1B,aAAewB,GAChCE,EAAczB,gBAAkBqB,EAC9BI,OACA,CACV"}

package/build/cjs/components/datepicker/utils.d.cts

@@ -1,22 +0,0 @@
-import { FocusEvent } from 'react';
-/**
- * Format a Date object as a string in the format DatePicker expects.
- *
- * @param date the Date object to format
- * @return returns a date string with "dd.mm.yyyy"-format
- */
-export declare function formatInput(date: Date): string;
-/**
- * Convert a date string to a Date object
- *
- * @param dateString date as string with format dd.mm.yyyy
- * @return a Date object representing the given date
- */
-export declare function parseDateString(dateString?: string): Date | undefined;
-/**
- * Hjelpefunksjon for å se om en onBlur går utenfor DatePicker,
- * eller om den går til et interaktivt element inni DatePickeren.
- * @param {FocusEvent<HTMLButtonElement | HTMLInputElement>} e - Eventet fra onBlur og action.onBlur
- * @returns {boolean} true hvis e.relatedTarget er utenfor DatePicker
- */
-export declare function isBlurTargetOutside(e: FocusEvent<HTMLButtonElement | HTMLInputElement>): boolean;

package/build/cjs/components/datepicker/validation.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./utils.cjs");exports.isCorrectFormat=function(e){return!!e&&!!t.parseDateString(e)},exports.isWithinLowerBound=function(e,r,i={inclusive:!1}){const n="string"==typeof e?t.parseDateString(e):e;return!!n&&(i.inclusive?n>=r:n>r)},exports.isWithinUpperBound=function(e,r,i={inclusive:!1}){const n="string"==typeof e?t.parseDateString(e):e;return!!n&&(i.inclusive?n<=r:n<r)};
-//# sourceMappingURL=validation.cjs.map

package/build/cjs/components/datepicker/validation.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"validation.cjs","sources":["../../../../src/components/datepicker/validation.ts"],"sourcesContent":["import type { ComparisonOptions } from \"./types.js\";\nimport { parseDateString } from \"./utils.js\";\n\nexport function isCorrectFormat(value: string | undefined): boolean {\n    if (!value) {\n        return false;\n    }\n    const val = parseDateString(value);\n    return Boolean(val);\n}\n\nexport function isWithinLowerBound(\n    value: Date | string | undefined,\n    minDate: Date,\n    options: ComparisonOptions = { inclusive: false },\n): boolean {\n    const val = typeof value === \"string\" ? parseDateString(value) : value;\n\n    if (!val) {\n        return false;\n    }\n\n    if (options.inclusive) {\n        return val >= minDate;\n    }\n\n    return val > minDate;\n}\n\nexport function isWithinUpperBound(\n    value: Date | string | undefined,\n    maxDate: Date,\n    options: ComparisonOptions = { inclusive: false },\n): boolean {\n    const val = typeof value === \"string\" ? parseDateString(value) : value;\n\n    if (!val) {\n        return false;\n    }\n\n    if (options.inclusive) {\n        return val <= maxDate;\n    }\n\n    return val < maxDate;\n}\n"],"names":["value","parseDateString","minDate","options","inclusive","val","maxDate"],"mappings":"uIAGO,SAAyBA,GAC5B,QAAKA,KAGOC,EAAAA,gBAAgBD,EAEhC,6BAEO,SACHA,EACAE,EACAC,EAA6B,CAAEC,WAAW,IAE1C,MAAMC,EAAuB,iBAAVL,EAAqBC,EAAAA,gBAAgBD,GAASA,EAEjE,QAAKK,IAIDF,EAAQC,UACDC,GAAOH,EAGXG,EAAMH,EACjB,6BAEO,SACHF,EACAM,EACAH,EAA6B,CAAEC,WAAW,IAE1C,MAAMC,EAAuB,iBAAVL,EAAqBC,EAAAA,gBAAgBD,GAASA,EAEjE,QAAKK,IAIDF,EAAQC,UACDC,GAAOC,EAGXD,EAAMC,EACjB"}

package/build/cjs/components/datepicker/validation.d.cts

@@ -1,4 +0,0 @@
-import { ComparisonOptions } from './types.cjs';
-export declare function isCorrectFormat(value: string | undefined): boolean;
-export declare function isWithinLowerBound(value: Date | string | undefined, minDate: Date, options?: ComparisonOptions): boolean;
-export declare function isWithinUpperBound(value: Date | string | undefined, maxDate: Date, options?: ComparisonOptions): boolean;

package/build/cjs/components/select/NativeSelect.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../../../clsx-E3yX_9sL.cjs"),t=require("react"),a=require("../../utilities/valuePair.cjs"),s=require("../icon/icons/animated/ArrowVerticalAnimated.cjs"),i=require("../input-group/InputGroup.cjs"),r=t.forwardRef((t,r)=>{const{"data-size":o,label:c,className:n,errorLabel:u,helpLabel:p,inline:d,invalid:j,items:m,labelProps:v,placeholder:b="Velg",selectClassName:x,supportLabelProps:_,tooltip:k,value:N,width:h,description:w,...P}=t,g={label:c,errorLabel:u,helpLabel:p,labelProps:v,inline:d,supportLabelProps:_,tooltip:k,description:w};return e.jsx(i.InputGroup,{...g,"data-testid":"jkl-select","data-size":o,className:l.clsx("jkl-select",n,{"jkl-select--inline":d,"jkl-select--invalid":!!u||j}),render:t=>e.jsxs("div",{className:"jkl-select__outer-wrapper",style:{width:h},children:[e.jsxs("select",{ref:r,className:l.clsx("jkl-select__button",x,{"jkl-select__button--active-value":!!N}),defaultValue:N?void 0:"",value:N,...t,...P,children:[b&&!N&&e.jsx("option",{disabled:!0,value:"",children:b}),m.map(a.getValuePair).map(l=>e.jsx("option",{"data-testid":"jkl-select__option",className:"jkl-select__option",value:l.value,children:l.label},l.value))]}),e.jsx(s.ArrowVerticalAnimated,{variant:"medium",pointingDown:!0,className:"jkl-select__arrow"})]})})});r.displayName="NativeSelect",exports.NativeSelect=r;
-//# sourceMappingURL=NativeSelect.cjs.map

package/build/cjs/components/select/NativeSelect.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"NativeSelect.cjs","sources":["../../../../src/components/select/NativeSelect.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef } from \"react\";\nimport { getValuePair } from \"../../utilities/valuePair.js\";\nimport { ArrowVerticalAnimated } from \"../icon/icons/animated/ArrowVerticalAnimated.js\";\nimport { InputGroup } from \"../input-group/InputGroup.js\";\nimport type { NativeSelectProps } from \"./types.js\";\n\nexport const NativeSelect = forwardRef<HTMLSelectElement, NativeSelectProps>(\n    (props, ref) => {\n        const {\n            \"data-size\": dataSize,\n            label,\n            className,\n            errorLabel,\n            helpLabel,\n            inline,\n            invalid,\n            items,\n            labelProps,\n            placeholder = \"Velg\",\n            selectClassName,\n            supportLabelProps,\n            tooltip,\n            value,\n            width,\n            description,\n            ...rest\n        } = props;\n\n        const inputGroupProps = {\n            label,\n            errorLabel,\n            helpLabel,\n            labelProps,\n            inline,\n            supportLabelProps,\n            tooltip,\n            description,\n        };\n\n        return (\n            <InputGroup\n                {...inputGroupProps}\n                data-testid=\"jkl-select\"\n                data-size={dataSize}\n                className={clsx(\"jkl-select\", className, {\n                    \"jkl-select--inline\": inline,\n                    \"jkl-select--invalid\": !!errorLabel || invalid,\n                })}\n                render={(inputProps) => (\n                    <div\n                        className=\"jkl-select__outer-wrapper\"\n                        style={{ width }}\n                    >\n                        <select\n                            ref={ref}\n                            className={clsx(\n                                \"jkl-select__button\",\n                                selectClassName,\n                                {\n                                    \"jkl-select__button--active-value\": !!value,\n                                },\n                            )}\n                            defaultValue={value ? undefined : \"\"}\n                            value={value}\n                            {...inputProps}\n                            {...rest}\n                        >\n                            {placeholder && !value && (\n                                <option disabled value=\"\">\n                                    {placeholder}\n                                </option>\n                            )}\n                            {items.map(getValuePair).map((item) => (\n                                <option\n                                    data-testid=\"jkl-select__option\"\n                                    className=\"jkl-select__option\"\n                                    key={item.value}\n                                    value={item.value}\n                                >\n                                    {item.label}\n                                </option>\n                            ))}\n                        </select>\n                        <ArrowVerticalAnimated\n                            variant=\"medium\"\n                            pointingDown\n                            className=\"jkl-select__arrow\"\n                        />\n                    </div>\n                )}\n            />\n        );\n    },\n);\n\nNativeSelect.displayName = \"NativeSelect\";\n"],"names":["NativeSelect","forwardRef","props","ref","dataSize","label","className","errorLabel","helpLabel","inline","invalid","items","labelProps","placeholder","selectClassName","supportLabelProps","tooltip","value","width","description","rest","inputGroupProps","jsx","InputGroup","clsx","render","inputProps","jsxs","style","children","defaultValue","disabled","map","getValuePair","item","ArrowVerticalAnimated","variant","pointingDown","displayName"],"mappings":"oUAOaA,EAAeC,EAAAA,WACxB,CAACC,EAAOC,KACJ,MACI,YAAaC,EACbC,MAAAA,EACAC,UAAAA,EACAC,WAAAA,EACAC,UAAAA,EACAC,OAAAA,EACAC,QAAAA,EACAC,MAAAA,EACAC,WAAAA,EACAC,YAAAA,EAAc,OACdC,gBAAAA,EACAC,kBAAAA,EACAC,QAAAA,EACAC,MAAAA,EACAC,MAAAA,EACAC,YAAAA,KACGC,GACHlB,EAEEmB,EAAkB,CACpBhB,MAAAA,EACAE,WAAAA,EACAC,UAAAA,EACAI,WAAAA,EACAH,OAAAA,EACAM,kBAAAA,EACAC,QAAAA,EACAG,YAAAA,GAGJ,OACIG,EAAAA,IAACC,EAAAA,WAAA,IACOF,EACJ,cAAY,aACZ,YAAWjB,EACXE,UAAWkB,EAAAA,KAAK,aAAclB,EAAW,CACrC,qBAAsBG,EACtB,wBAAyBF,GAAcG,IAE3Ce,OAASC,GACLC,EAAAA,KAAC,MAAA,CACGrB,UAAU,4BACVsB,MAAO,CAAEV,MAAAA,GAETW,SAAA,CAAAF,EAAAA,KAAC,SAAA,CACGxB,IAAAA,EACAG,UAAWkB,EAAAA,KACP,qBACAV,EACA,CACI,qCAAsCG,IAG9Ca,aAAcb,OAAQ,EAAY,GAClCA,MAAAA,KACIS,KACAN,EAEHS,SAAA,CAAAhB,IAAgBI,GACbK,EAAAA,IAAC,SAAA,CAAOS,UAAQ,EAACd,MAAM,GAClBY,SAAAhB,IAGRF,EAAMqB,IAAIC,EAAAA,cAAcD,IAAKE,GAC1BZ,EAAAA,IAAC,SAAA,CACG,cAAY,qBACZhB,UAAU,qBAEVW,MAAOiB,EAAKjB,MAEXY,SAAAK,EAAK7B,OAHD6B,EAAKjB,WAOtBK,EAAAA,IAACa,EAAAA,sBAAA,CACGC,QAAQ,SACRC,cAAY,EACZ/B,UAAU,6BAStCN,EAAasC,YAAc"}

package/build/cjs/components/select/NativeSelect.d.cts

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-import { NativeSelectProps } from './types.cjs';
-export declare const NativeSelect: React.ForwardRefExoticComponent<NativeSelectProps & React.RefAttributes<HTMLSelectElement>>;

package/build/cjs/components/select/select-utils.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),exports.focusSelected=function(e,o){let t=null;o&&(t=e.querySelector('[aria-selected="true"]:not([hidden])')),(!o||!t)&&(t=e.querySelector('[role="option"]')),t?.focus(),e.scrollTop=t?.offsetTop||0},exports.toLower=function(e=""){return e.toLowerCase().replace(/[\W_]+/g,"")};
-//# sourceMappingURL=select-utils.cjs.map

package/build/cjs/components/select/select-utils.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-utils.cjs","sources":["../../../../src/components/select/select-utils.ts"],"sourcesContent":["export function toLower(str = \"\") {\n    return str.toLowerCase().replace(/[\\W_]+/g, \"\"); // strip all non-alphanumeric chars\n}\n\nexport function focusSelected(\n    listEl: HTMLElement,\n    selected: string | undefined,\n) {\n    let focusedItem: HTMLElement | null = null;\n    if (selected) {\n        // Move focus to selected option\n        focusedItem = listEl.querySelector(\n            `[aria-selected=\"true\"]:not([hidden])`,\n        );\n    }\n    if (!selected || !focusedItem) {\n        // Move focus to first option if either no selected value or the value could not be found.\n        // This may happen with searchable selects if the currently selected value is filtered out.\n        focusedItem = listEl.querySelector('[role=\"option\"]');\n    }\n    focusedItem?.focus();\n    // Make sure the selected/focused item is visible in the list if it scrolls\n    listEl.scrollTop = focusedItem?.offsetTop || 0;\n}\n"],"names":["listEl","selected","focusedItem","querySelector","focus","scrollTop","offsetTop","str","toLowerCase","replace"],"mappings":"sGAIO,SACHA,EACAC,GAEA,IAAIC,EAAkC,KAClCD,IAEAC,EAAcF,EAAOG,cACjB,2CAGHF,IAAaC,KAGdA,EAAcF,EAAOG,cAAc,oBAEvCD,GAAaE,QAEbJ,EAAOK,UAAYH,GAAaI,WAAa,CACjD,kBAvBO,SAAiBC,EAAM,IAC1B,OAAOA,EAAIC,cAAcC,QAAQ,UAAW,GAChD"}

package/build/cjs/components/select/select-utils.d.cts

@@ -1,2 +0,0 @@
-export declare function toLower(str?: string): string;
-export declare function focusSelected(listEl: HTMLElement, selected: string | undefined): void;

package/build/cjs/components/select/types.cjs

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=types.cjs.map

package/build/cjs/components/select/types.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/cjs/components/select/types.d.cts

@@ -1,66 +0,0 @@
-import { ChangeEvent, SelectHTMLAttributes } from 'react';
-import { DataTestAutoId } from '../../utilities/types.cjs';
-import { ValuePair } from '../../utilities/valuePair.cjs';
-import { LabelProps, InputGroupProps } from '../input-group/types.cjs';
-export interface NativeSelectProps extends Omit<InputGroupProps, "children">, SelectHTMLAttributes<HTMLSelectElement> {
-    /**
-     * Merk som ugyldig uten å sende inn en errorLabel.
-     * NB! Brukes kun i tilfeller der valideringsfeil dukker opp andre steder, for eksempel i en FieldGroup.
-     */
-    invalid?: boolean;
-    /**
-     * Setter inn et placeholderelement som vises når ingenting er valgt i nedtrekkslisten.
-     * @default "Velg"
-     */
-    placeholder?: string;
-    items: Array<string | ValuePair>;
-    selectClassName?: string;
-    width?: string;
-}
-export interface SelectPartialChangeEvent extends Partial<Omit<ChangeEvent<HTMLSelectElement>, "target">> {
-    /** Kreves av react-hook-form, det skjer ulike ting avhengig av om det er blur eller change */
-    type: "change" | "blur";
-    target: {
-        /** Kreves av react-hook-form for å vite hvilket skjemafelt som ble endret */
-        name: string;
-        value: string;
-    };
-}
-export type SelectChangeEventHandler = (event: SelectPartialChangeEvent) => void;
-export interface SelectProps extends Omit<InputGroupProps, "children">, DataTestAutoId {
-    id?: string;
-    name: string;
-    label: string;
-    labelProps?: Omit<LabelProps, "children" | "htmlFor" | "standAlone">;
-    items: Array<string | ValuePair>;
-    /**
-     * @default false
-     */
-    inline?: boolean;
-    /**
-     * @default "Velg"
-     */
-    defaultPrompt?: string;
-    className?: string;
-    value?: string;
-    helpLabel?: string;
-    errorLabel?: string;
-    /**
-     * @default false
-     */
-    searchable?: boolean | ((searchValue: string, searchItem: string | ValuePair) => boolean);
-    width?: string;
-    onChange?: SelectChangeEventHandler;
-    onBlur?: SelectChangeEventHandler;
-    onFocus?: SelectChangeEventHandler;
-    /**
-     * Merk som ugyldig uten å sende inn en errorLabel.
-     * NB! Brukes kun i tilfeller der valideringsfeil dukker opp andre steder, for eksempel i en FieldGroup.
-     */
-    invalid?: boolean;
-    /**
-     * Hvor mange valg skal vises i listen før den begynner å scrolle.
-     * @default 5
-     */
-    maxShownOptions?: number;
-}

package/build/cjs/hooks/useAnimatedDetails/index.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./useAnimatedDetails.cjs");exports.useAnimatedDetails=e.useAnimatedDetails;
-//# sourceMappingURL=index.cjs.map

package/build/cjs/hooks/useAnimatedDetails/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/cjs/hooks/useAnimatedDetails/index.d.cts

@@ -1 +0,0 @@
-export { useAnimatedDetails } from './useAnimatedDetails.cjs';

package/build/cjs/hooks/useAnimatedDetails/useAnimatedDetails.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useAnimatedDetails=({onOpenChange:r,isExpanded:t})=>{const n=e.useRef(null),u=e.useRef(null),c=e.useRef(null),s=e.useRef(null),[i,o]=e.useState(!1),[a,f]=e.useState(!1);e.useEffect(()=>{l(t)},[t]);const l=e=>{n.current&&u.current&&(n.current.open=e,s.current=null,o(!1),f(!1),n.current.style.overflow="",n.current.style.height="")};return{detailsRef:n,summaryRef:u,contentRef:c,onSummaryClick:e=>{e.preventDefault(),n.current&&u.current&&(n.current.style.overflow="hidden",i||!n.current.open?(e=>{n.current&&u.current&&(n.current.style.height=`${n.current.offsetHeight}px`,n.current.open=!0,requestAnimationFrame(()=>{if(n.current&&u.current&&c.current){f(!0),r(!0,e);const t=n.current.offsetHeight,i=u.current.offsetHeight+c.current.offsetHeight;s.current&&s.current.cancel(),n.current.animate&&(s.current=n.current.animate({height:[`${t}px`,`${i}px`]},{duration:150,easing:"ease"}),s.current.onfinish=()=>l(!0),s.current.oncancel=()=>f(!1))}}))})(e):(a||n.current.open)&&(e=>{if(n.current&&u.current){o(!0),r(!1,e);const t=n.current.offsetHeight,c=u.current.offsetHeight;s.current&&s.current.cancel(),n.current.animate&&(s.current=n.current.animate({height:[`${t}px`,`${c}px`]},{duration:150,easing:"ease"}),s.current.onfinish=()=>l(!1),s.current.oncancel=()=>o(!1))}})(e))}}};
-//# sourceMappingURL=useAnimatedDetails.cjs.map