@navikt/ds-react 3.4.1 → 4.0.0

package/cjs/timeline/zoom/ZoomButton.js

@@ -0,0 +1,68 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ZoomButton = void 0;
+const Detail_1 = require("../../typography/Detail");
+const date_fns_1 = require("date-fns");
+const react_1 = __importStar(require("react"));
+const useTimelineContext_1 = require("../hooks/useTimelineContext");
+exports.ZoomButton = (0, react_1.forwardRef)((_a, ref) => {
+    var { label, interval, count } = _a, rest = __rest(_a, ["label", "interval", "count"]);
+    const { setStart, endDate, startDate, direction } = (0, useTimelineContext_1.useTimelineContext)();
+    let startOfRange;
+    if (interval === "month") {
+        startOfRange =
+            direction === "left"
+                ? (0, date_fns_1.subMonths)(endDate, count)
+                : (0, date_fns_1.addMonths)(startDate, count);
+    }
+    else {
+        startOfRange =
+            direction === "left"
+                ? (0, date_fns_1.subYears)(endDate, count)
+                : (0, date_fns_1.addYears)(startDate, count);
+    }
+    const currentZoom = direction === "left"
+        ? (0, date_fns_1.isSameDay)(startDate, startOfRange)
+        : (0, date_fns_1.isSameDay)(endDate, startOfRange);
+    return (react_1.default.createElement(Detail_1.Detail, { as: "li" },
+        react_1.default.createElement("button", Object.assign({ type: "button", "aria-label": !currentZoom
+                ? `Zoom tidslinjen ${(0, date_fns_1.format)(startOfRange, "dd.MM.yyyy")} til ${(0, date_fns_1.format)(endDate, "dd.MM.yyyy")}`
+                : "Tilbakestill til initiell tidsperspektiv", ref: ref }, rest, { className: "navds-timeline__zoom-button", onClick: () => {
+                setStart(startOfRange);
+            }, "aria-pressed": currentZoom }), label)));
+});
+exports.default = exports.ZoomButton;

package/cjs/timeline/zoom/index.js

@@ -0,0 +1,50 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Zoom = void 0;
+const clsx_1 = __importDefault(require("clsx"));
+const react_1 = __importStar(require("react"));
+const ZoomButton_1 = __importDefault(require("./ZoomButton"));
+exports.Zoom = (0, react_1.forwardRef)((_a, ref) => {
+    var { className, children } = _a, rest = __rest(_a, ["className", "children"]);
+    return (react_1.default.createElement("ul", Object.assign({ ref: ref, className: (0, clsx_1.default)(className, "navds-timeline__zoom") }, rest), children));
+});
+exports.Zoom.Button = ZoomButton_1.default;
+exports.Zoom.componentType = "zoom";
+exports.default = exports.Zoom;

package/cjs/timeline/zoom/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "main": "./index.js",
+  "module": "../../../esm/timeline/zoom/index.js",
+  "types": "../../../esm/timeline/zoom/index.d.ts"
+}

package/esm/date/hooks/index.d.ts

@@ -1,6 +1,6 @@
-export { useDatepicker as UNSAFE_useDatepicker } from "./useDatepicker";
+export { useDatepicker } from "./useDatepicker";
 export type { DateValidationT } from "./useDatepicker";
-export { useRangeDatepicker as UNSAFE_useRangeDatepicker } from "./useRangeDatepicker";
+export { useRangeDatepicker } from "./useRangeDatepicker";
 export type { RangeValidationT } from "./useRangeDatepicker";
-export { useMonthpicker as UNSAFE_useMonthpicker } from "./useMonthPicker";
+export { useMonthpicker } from "./useMonthPicker";
 export type { MonthValidationT } from "./useMonthPicker";

package/esm/date/hooks/index.js

@@ -1,4 +1,4 @@
-export { useDatepicker as UNSAFE_useDatepicker } from "./useDatepicker";
-export { useRangeDatepicker as UNSAFE_useRangeDatepicker } from "./useRangeDatepicker";
-export { useMonthpicker as UNSAFE_useMonthpicker } from "./useMonthPicker";
+export { useDatepicker } from "./useDatepicker";
+export { useRangeDatepicker } from "./useRangeDatepicker";
+export { useMonthpicker } from "./useMonthPicker";
 //# sourceMappingURL=index.js.map

package/esm/date/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/date/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,IAAI,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAExE,OAAO,EAAE,kBAAkB,IAAI,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEvF,OAAO,EAAE,cAAc,IAAI,qBAAqB,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/date/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/esm/date/index.d.ts

@@ -1,6 +1,6 @@
 export { type DateInputProps } from "./DateInput";
-export { type DatePickerProps, default as UNSAFE_DatePicker, } from "./datepicker/DatePicker";
+export { type DatePickerProps, default as DatePicker, } from "./datepicker/DatePicker";
 export { type DatePickerStandaloneProps } from "./datepicker/DatePickerStandalone";
 export { type MonthPickerStandaloneProps } from "./monthpicker/MonthPickerStandalone";
-export { UNSAFE_useDatepicker, UNSAFE_useMonthpicker, UNSAFE_useRangeDatepicker, type RangeValidationT, type DateValidationT, type MonthValidationT, } from "./hooks";
-export { default as UNSAFE_MonthPicker, type MonthPickerProps, } from "./monthpicker/MonthPicker";
+export { useDatepicker, useMonthpicker, useRangeDatepicker, type RangeValidationT, type DateValidationT, type MonthValidationT, } from "./hooks";
+export { default as MonthPicker, type MonthPickerProps, } from "./monthpicker/MonthPicker";

package/esm/date/index.js

@@ -1,4 +1,4 @@
-export { default as UNSAFE_DatePicker, } from "./datepicker/DatePicker";
-export { UNSAFE_useDatepicker, UNSAFE_useMonthpicker, UNSAFE_useRangeDatepicker, } from "./hooks";
-export { default as UNSAFE_MonthPicker, } from "./monthpicker/MonthPicker";
+export { default as DatePicker, } from "./datepicker/DatePicker";
+export { useDatepicker, useMonthpicker, useRangeDatepicker, } from "./hooks";
+export { default as MonthPicker, } from "./monthpicker/MonthPicker";
 //# sourceMappingURL=index.js.map

package/esm/date/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/date/index.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,OAAO,IAAI,iBAAiB,GAC7B,MAAM,yBAAyB,CAAC;AAGjC,OAAO,EACL,oBAAoB,EACpB,qBAAqB,EACrB,yBAAyB,GAI1B,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,OAAO,IAAI,kBAAkB,GAE9B,MAAM,2BAA2B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/date/index.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,OAAO,IAAI,UAAU,GACtB,MAAM,yBAAyB,CAAC;AAGjC,OAAO,EACL,aAAa,EACb,cAAc,EACd,kBAAkB,GAInB,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,OAAO,IAAI,WAAW,GAEvB,MAAM,2BAA2B,CAAC"}

package/esm/dropdown/Dropdown.d.ts

@@ -0,0 +1,37 @@
+import React from "react";
+import { ToggleType } from "./Toggle";
+import { MenuType } from "./Menu";
+export interface DropdownProps {
+    children: React.ReactNode;
+    /**
+     * Handler called when an item is selected.
+     */
+    onSelect?: (element: React.MouseEvent) => void;
+    /**
+     * Whether the Menu closes when a selection is made.
+     * @default true
+     */
+    closeOnSelect?: boolean;
+    /**
+     * @default false
+     */
+    defaultOpen?: boolean;
+    /**
+     * Controlled state of the dropdown. When set, you will need to handle onClose and onSelect manually.
+     */
+    open?: boolean;
+}
+export interface DropdownType extends React.FC<DropdownProps> {
+    Toggle: ToggleType;
+    Menu: MenuType;
+}
+export interface DropdownContextType {
+    readonly isOpen: boolean;
+    handleToggle: (v: boolean) => void;
+    readonly anchorEl: Element | null;
+    setAnchorEl: React.Dispatch<React.SetStateAction<Element | null>>;
+    onSelect: (element: React.MouseEvent) => void;
+}
+export declare const DropdownContext: React.Context<DropdownContextType | null>;
+export declare const Dropdown: DropdownType;
+export default Dropdown;

package/esm/dropdown/Dropdown.js

@@ -0,0 +1,29 @@
+import React, { createContext, useState } from "react";
+import Toggle from "./Toggle";
+import Menu from "./Menu";
+export const DropdownContext = createContext(null);
+export const Dropdown = (({ children, onSelect, closeOnSelect = true, defaultOpen = false, open, }) => {
+    const [isOpen, setIsOpen] = useState(defaultOpen);
+    const [anchorEl, setAnchorEl] = useState(null);
+    const handleToggle = (v) => {
+        if (open === undefined) {
+            setIsOpen(v);
+        }
+    };
+    return (React.createElement(DropdownContext.Provider, { value: {
+            isOpen: open !== null && open !== void 0 ? open : isOpen,
+            handleToggle,
+            anchorEl,
+            setAnchorEl,
+            onSelect: (event) => {
+                onSelect === null || onSelect === void 0 ? void 0 : onSelect(event);
+                if (closeOnSelect) {
+                    open === undefined && setIsOpen(false);
+                }
+            },
+        } }, children));
+});
+Dropdown.Toggle = Toggle;
+Dropdown.Menu = Menu;
+export default Dropdown;
+//# sourceMappingURL=Dropdown.js.map

package/esm/dropdown/Dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../src/dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,MAAsB,MAAM,UAAU,CAAC;AAC9C,OAAO,IAAkB,MAAM,QAAQ,CAAC;AAoCxC,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAA6B,IAAI,CAAC,CAAC;AAE/E,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,CAAC,EACxB,QAAQ,EACR,QAAQ,EACR,aAAa,GAAG,IAAI,EACpB,WAAW,GAAG,KAAK,EACnB,IAAI,GACL,EAAE,EAAE;IACH,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAU,WAAW,CAAC,CAAC;IAC3D,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAiB,IAAI,CAAC,CAAC;IAE/D,MAAM,YAAY,GAAG,CAAC,CAAU,EAAE,EAAE;QAClC,IAAI,IAAI,KAAK,SAAS,EAAE;YACtB,SAAS,CAAC,CAAC,CAAC,CAAC;SACd;IACH,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,eAAe,CAAC,QAAQ,IACvB,KAAK,EAAE;YACL,MAAM,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,MAAM;YACtB,YAAY;YACZ,QAAQ;YACR,WAAW;YACX,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gBAClB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,KAAK,CAAC,CAAC;gBAClB,IAAI,aAAa,EAAE;oBACjB,IAAI,KAAK,SAAS,IAAI,SAAS,CAAC,KAAK,CAAC,CAAC;iBACxC;YACH,CAAC;SACF,IAEA,QAAQ,CACgB,CAC5B,CAAC;AACJ,CAAC,CAAiB,CAAC;AAEnB,QAAQ,CAAC,MAAM,GAAG,MAAM,CAAC;AACzB,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC;AAErB,eAAe,QAAQ,CAAC"}

package/esm/dropdown/Menu/Divider.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export type DividerType = React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHRElement> & React.RefAttributes<HTMLHRElement>>;
+export declare const Divider: DividerType;
+export default Divider;

package/esm/dropdown/Menu/Divider.js

@@ -0,0 +1,19 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { forwardRef } from "react";
+import cl from "clsx";
+export const Divider = forwardRef((_a, ref) => {
+    var { className } = _a, rest = __rest(_a, ["className"]);
+    return (React.createElement("hr", Object.assign({}, rest, { ref: ref, className: cl("navds-dropdown__divider", className) })));
+});
+export default Divider;
+//# sourceMappingURL=Divider.js.map

package/esm/dropdown/Menu/Divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../../src/dropdown/Menu/Divider.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,MAAM,MAAM,CAAC;AAMtB,MAAM,CAAC,MAAM,OAAO,GAAgB,UAAU,CAC5C,CAAC,EAAsB,EAAE,GAAG,EAAE,EAAE;QAA/B,EAAE,SAAS,OAAW,EAAN,IAAI,cAApB,aAAsB,CAAF;IAAY,OAAA,CAC/B,4CACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,IACnD,CACH,CAAA;CAAA,CACF,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/esm/dropdown/Menu/GroupedList/Heading.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export interface GroupedHeadingProps extends React.HTMLAttributes<HTMLDetailsElement> {
+    /**
+     * Heading
+     */
+    children: React.ReactNode;
+}
+export type GroupedHeadingType = React.ForwardRefExoticComponent<GroupedHeadingProps & React.RefAttributes<HTMLElement>>;
+export declare const GroupedHeading: GroupedHeadingType;
+export default GroupedHeading;

package/esm/dropdown/Menu/GroupedList/Heading.js

@@ -0,0 +1,19 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { forwardRef } from "react";
+import cl from "clsx";
+export const GroupedHeading = forwardRef((_a, ref) => {
+    var { className } = _a, rest = __rest(_a, ["className"]);
+    return (React.createElement("dt", Object.assign({}, rest, { ref: ref, className: cl("navds-dropdown__list-heading", "navds-heading", "navds-heading--xsmall", className) })));
+});
+export default GroupedHeading;
+//# sourceMappingURL=Heading.js.map

package/esm/dropdown/Menu/GroupedList/Heading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../../../src/dropdown/Menu/GroupedList/Heading.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,MAAM,MAAM,CAAC;AActB,MAAM,CAAC,MAAM,cAAc,GAAuB,UAAU,CAC1D,CAAC,EAAsB,EAAE,GAAG,EAAE,EAAE;QAA/B,EAAE,SAAS,OAAW,EAAN,IAAI,cAApB,aAAsB,CAAF;IAAY,OAAA,CAC/B,4CACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,8BAA8B,EAC9B,eAAe,EACf,uBAAuB,EACvB,SAAS,CACV,IACD,CACH,CAAA;CAAA,CACF,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/esm/dropdown/Menu/GroupedList/Item.d.ts

@@ -0,0 +1,11 @@
+import { OverridableComponent } from "../../../util/OverridableComponent";
+import React from "react";
+export interface GroupedItemProps extends React.ButtonHTMLAttributes<HTMLElement> {
+    /**
+     * Menu item content
+     */
+    children: React.ReactNode;
+}
+export type GroupedItemType = OverridableComponent<GroupedItemProps, HTMLButtonElement>;
+export declare const GroupedItem: GroupedItemType;
+export default GroupedItem;

package/esm/dropdown/Menu/GroupedList/Item.js

@@ -0,0 +1,26 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import cl from "clsx";
+import React, { forwardRef, useContext } from "react";
+import { DropdownContext } from "../../Dropdown";
+export const GroupedItem = forwardRef((_a, ref) => {
+    var { as: Component = "button", className } = _a, rest = __rest(_a, ["as", "className"]);
+    const context = useContext(DropdownContext);
+    return (React.createElement("dd", { className: "navds-dropdown__list-item" },
+        React.createElement(Component, Object.assign({}, rest, { value: rest.children, onClick: (event) => {
+                var _a, _b;
+                (_a = context === null || context === void 0 ? void 0 : context.onSelect) === null || _a === void 0 ? void 0 : _a.call(context, event);
+                (_b = rest === null || rest === void 0 ? void 0 : rest.onClick) === null || _b === void 0 ? void 0 : _b.call(rest, event);
+            }, ref: ref, className: cl("navds-dropdown__item", "navds-body-short", "navds-body-short--small", className) }))));
+});
+export default GroupedItem;
+//# sourceMappingURL=Item.js.map

package/esm/dropdown/Menu/GroupedList/Item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../src/dropdown/Menu/GroupedList/Item.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAejD,MAAM,CAAC,MAAM,WAAW,GAAoB,UAAU,CACpD,CAAC,EAAgD,EAAE,GAAG,EAAE,EAAE;QAAzD,EAAE,EAAE,EAAE,SAAS,GAAG,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAA9C,mBAAgD,CAAF;IAC7C,MAAM,OAAO,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;IAE5C,OAAO,CACL,4BAAI,SAAS,EAAC,2BAA2B;QACvC,oBAAC,SAAS,oBACJ,IAAI,IACR,KAAK,EAAE,IAAI,CAAC,QAAQ,EACpB,OAAO,EAAE,CAAC,KAAgD,EAAE,EAAE;;gBAC5D,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,wDAAG,KAAK,CAAC,CAAC;gBAC3B,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,qDAAG,KAAK,CAAC,CAAC;YACzB,CAAC,EACD,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,sBAAsB,EACtB,kBAAkB,EAClB,yBAAyB,EACzB,SAAS,CACV,IACD,CACC,CACN,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/esm/dropdown/Menu/GroupedList/index.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import { GroupedHeadingType } from "./Heading";
+import { GroupedItemType } from "./Item";
+export interface GroupedListProps extends React.HTMLAttributes<HTMLDListElement> {
+    /**
+     * Menu list content
+     */
+    children: React.ReactNode;
+}
+export interface GroupedListType extends React.ForwardRefExoticComponent<GroupedListProps & React.RefAttributes<HTMLDListElement>> {
+    Heading: GroupedHeadingType;
+    Item: GroupedItemType;
+}
+export declare const DescriptionList: GroupedListType;
+export default DescriptionList;

package/esm/dropdown/Menu/GroupedList/index.js

@@ -0,0 +1,23 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { forwardRef } from "react";
+import cl from "clsx";
+import GroupedHeading from "./Heading";
+import GroupedItem from "./Item";
+export const DescriptionList = forwardRef((_a, ref) => {
+    var { className, children } = _a, rest = __rest(_a, ["className", "children"]);
+    return (React.createElement("dl", Object.assign({}, rest, { ref: ref, className: cl("navds-dropdown__list", className) }), children));
+});
+DescriptionList.Heading = GroupedHeading;
+DescriptionList.Item = GroupedItem;
+export default DescriptionList;
+//# sourceMappingURL=index.js.map

package/esm/dropdown/Menu/GroupedList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/dropdown/Menu/GroupedList/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,cAAsC,MAAM,WAAW,CAAC;AAC/D,OAAO,WAAgC,MAAM,QAAQ,CAAC;AAkBtD,MAAM,CAAC,MAAM,eAAe,GAAG,UAAU,CACvC,CAAC,EAAgC,EAAE,GAAG,EAAE,EAAE;QAAzC,EAAE,SAAS,EAAE,QAAQ,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAAY,OAAA,CACzC,4CAAQ,IAAI,IAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,SAAS,CAAC,KACrE,QAAQ,CACN,CACN,CAAA;CAAA,CACiB,CAAC;AAErB,eAAe,CAAC,OAAO,GAAG,cAAc,CAAC;AACzC,eAAe,CAAC,IAAI,GAAG,WAAW,CAAC;AAEnC,eAAe,eAAe,CAAC"}

package/esm/dropdown/Menu/List/Item.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { OverridableComponent } from "../../../util/OverridableComponent";
+export interface ListItemProps extends React.ButtonHTMLAttributes<HTMLElement> {
+    /**
+     * Menu item content
+     */
+    children: React.ReactNode;
+}
+export type ListItemType = OverridableComponent<ListItemProps, HTMLButtonElement>;
+export declare const ListItem: ListItemType;
+export default ListItem;

package/esm/dropdown/Menu/List/Item.js

@@ -0,0 +1,26 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { forwardRef, useContext } from "react";
+import cl from "clsx";
+import { DropdownContext } from "../../Dropdown";
+export const ListItem = forwardRef((_a, ref) => {
+    var { as: Component = "button", className } = _a, rest = __rest(_a, ["as", "className"]);
+    const context = useContext(DropdownContext);
+    return (React.createElement("li", { className: "navds-dropdown__list-item" },
+        React.createElement(Component, Object.assign({}, rest, { value: rest.children, onClick: (event) => {
+                var _a, _b;
+                (_a = context === null || context === void 0 ? void 0 : context.onSelect) === null || _a === void 0 ? void 0 : _a.call(context, event);
+                (_b = rest === null || rest === void 0 ? void 0 : rest.onClick) === null || _b === void 0 ? void 0 : _b.call(rest, event);
+            }, ref: ref, className: cl("navds-dropdown__item", "navds-body-short", "navds-body-short--small", className) }))));
+});
+export default ListItem;
+//# sourceMappingURL=Item.js.map

package/esm/dropdown/Menu/List/Item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../src/dropdown/Menu/List/Item.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,MAAM,MAAM,CAAC;AAEtB,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAcjD,MAAM,CAAC,MAAM,QAAQ,GAAiB,UAAU,CAC9C,CAAC,EAAgD,EAAE,GAAG,EAAE,EAAE;QAAzD,EAAE,EAAE,EAAE,SAAS,GAAG,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAA9C,mBAAgD,CAAF;IAC7C,MAAM,OAAO,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;IAE5C,OAAO,CACL,4BAAI,SAAS,EAAC,2BAA2B;QACvC,oBAAC,SAAS,oBACJ,IAAI,IACR,KAAK,EAAE,IAAI,CAAC,QAAQ,EACpB,OAAO,EAAE,CAAC,KAAgD,EAAE,EAAE;;gBAC5D,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,wDAAG,KAAK,CAAC,CAAC;gBAC3B,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,qDAAG,KAAK,CAAC,CAAC;YACzB,CAAC,EACD,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,sBAAsB,EACtB,kBAAkB,EAClB,yBAAyB,EACzB,SAAS,CACV,IACD,CACC,CACN,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/esm/dropdown/Menu/List/index.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { ListItemType } from "./Item";
+export interface ListProps extends React.HTMLAttributes<HTMLUListElement> {
+    /**
+     * Menu list content
+     */
+    children: React.ReactNode;
+}
+export interface ListType extends React.ForwardRefExoticComponent<ListProps & React.RefAttributes<HTMLUListElement>> {
+    Item: ListItemType;
+}
+export declare const List: ListType;
+export default List;

package/esm/dropdown/Menu/List/index.js

@@ -0,0 +1,21 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { forwardRef } from "react";
+import cl from "clsx";
+import ListItem from "./Item";
+export const List = forwardRef((_a, ref) => {
+    var { className, children } = _a, rest = __rest(_a, ["className", "children"]);
+    return (React.createElement("ul", Object.assign({}, rest, { ref: ref, className: cl("navds-dropdown__list", className) }), children));
+});
+List.Item = ListItem;
+export default List;
+//# sourceMappingURL=index.js.map

package/esm/dropdown/Menu/List/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/dropdown/Menu/List/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,QAA0B,MAAM,QAAQ,CAAC;AAgBhD,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAAC,CAAC,EAAgC,EAAE,GAAG,EAAE,EAAE;QAAzC,EAAE,SAAS,EAAE,QAAQ,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAAY,OAAA,CACxE,4CAAQ,IAAI,IAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,SAAS,CAAC,KACrE,QAAQ,CACN,CACN,CAAA;CAAA,CAAa,CAAC;AAEf,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC;AAErB,eAAe,IAAI,CAAC"}

package/esm/dropdown/Menu/index.d.ts

@@ -0,0 +1,27 @@
+import React from "react";
+import { DividerType } from "./Divider";
+import { GroupedListType } from "./GroupedList";
+import { ListType } from "./List";
+interface MenuProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Dropdown content
+     */
+    children: React.ReactNode;
+    /**
+     * onClose callback
+     */
+    onClose?: () => void;
+    /**
+     * Popover positionion strategy
+     * @default "absolute"
+     */
+    strategy?: "fixed" | "absolute";
+    placement?: "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+}
+export interface MenuType<Props = MenuProps> extends React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>> {
+    List: ListType;
+    GroupedList: GroupedListType;
+    Divider: DividerType;
+}
+export declare const Menu: MenuType<MenuProps>;
+export default Menu;

package/esm/dropdown/Menu/index.js

@@ -0,0 +1,36 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { Popover } from "../../popover";
+import cl from "clsx";
+import React, { forwardRef, useContext } from "react";
+import { DropdownContext } from "../Dropdown";
+import Divider from "./Divider";
+import GroupedList from "./GroupedList";
+import List from "./List";
+export const Menu = forwardRef((_a, ref) => {
+    var { className, onClose, placement = "bottom-end" } = _a, rest = __rest(_a, ["className", "onClose", "placement"]);
+    const context = useContext(DropdownContext);
+    if (!context) {
+        console.warn("Dropdown.Menu has to be wrapped in <Dropdown />");
+        return null;
+    }
+    const { isOpen, anchorEl, handleToggle } = context;
+    return (React.createElement(Popover, Object.assign({}, rest, { placement: placement, ref: ref, arrow: false, className: cl("navds-dropdown__menu", className), offset: -4, anchorEl: anchorEl, open: isOpen, onClose: () => {
+            handleToggle(false);
+            onClose && onClose();
+        } })));
+});
+Menu.List = List;
+Menu.GroupedList = GroupedList;
+Menu.Divider = Divider;
+export default Menu;
+//# sourceMappingURL=index.js.map

package/esm/dropdown/Menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/dropdown/Menu/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,OAAwB,MAAM,WAAW,CAAC;AACjD,OAAO,WAAgC,MAAM,eAAe,CAAC;AAC7D,OAAO,IAAkB,MAAM,QAAQ,CAAC;AA4CxC,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC5B,CAAC,EAAyD,EAAE,GAAG,EAAE,EAAE;QAAlE,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,GAAG,YAAY,OAAW,EAAN,IAAI,cAAvD,qCAAyD,CAAF;IACtD,MAAM,OAAO,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;IAE5C,IAAI,CAAC,OAAO,EAAE;QACZ,OAAO,CAAC,IAAI,CAAC,iDAAiD,CAAC,CAAC;QAChE,OAAO,IAAI,CAAC;KACb;IAED,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,OAAO,CAAC;IAEnD,OAAO,CACL,oBAAC,OAAO,oBACF,IAAI,IACR,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,SAAS,CAAC,EAChD,MAAM,EAAE,CAAC,CAAC,EACV,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,GAAG,EAAE;YACZ,YAAY,CAAC,KAAK,CAAC,CAAC;YACpB,OAAO,IAAI,OAAO,EAAE,CAAC;QACvB,CAAC,IACD,CACH,CAAC;AACJ,CAAC,CACU,CAAC;AAEd,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;AACjB,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;AAC/B,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;AAEvB,eAAe,IAAI,CAAC"}

package/esm/dropdown/Toggle.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export interface ToggleProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * Button content
+     */
+    children: React.ReactNode;
+}
+export type ToggleType = React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const Toggle: ToggleType;
+export default Toggle;

package/esm/dropdown/Toggle.js

@@ -0,0 +1,38 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { forwardRef, useContext } from "react";
+import cl from "clsx";
+import { DropdownContext } from ".";
+export const Toggle = forwardRef((_a, ref) => {
+    var { className, onClick } = _a, rest = __rest(_a, ["className", "onClick"]);
+    const context = useContext(DropdownContext);
+    if (!context) {
+        console.warn("Dropdown.Toggle has to be wrapped in <Dropdown />");
+        return null;
+    }
+    const { setAnchorEl, handleToggle, isOpen } = context;
+    return (React.createElement("button", Object.assign({}, rest, { ref: (el) => {
+            setAnchorEl(el);
+            if (typeof ref === "function") {
+                ref(el);
+            }
+            else if (ref != null) {
+                ref.current = el;
+            }
+        }, onClick: (e) => {
+            setAnchorEl(e.currentTarget);
+            handleToggle(!isOpen);
+            onClick && onClick(e);
+        }, "aria-expanded": isOpen, className: cl("navds-dropdown__toggle", className) })));
+});
+export default Toggle;
+//# sourceMappingURL=Toggle.js.map

package/esm/dropdown/Toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../src/dropdown/Toggle.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,EAAE,eAAe,EAAE,MAAM,GAAG,CAAC;AAcpC,MAAM,CAAC,MAAM,MAAM,GAAe,UAAU,CAC1C,CAAC,EAA+B,EAAE,GAAG,EAAE,EAAE;QAAxC,EAAE,SAAS,EAAE,OAAO,OAAW,EAAN,IAAI,cAA7B,wBAA+B,CAAF;IAC5B,MAAM,OAAO,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;IAE5C,IAAI,CAAC,OAAO,EAAE;QACZ,OAAO,CAAC,IAAI,CAAC,mDAAmD,CAAC,CAAC;QAClE,OAAO,IAAI,CAAC;KACb;IAED,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC;IAEtD,OAAO,CACL,gDACM,IAAI,IACR,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE;YACV,WAAW,CAAC,EAAE,CAAC,CAAC;YAEhB,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE;gBAC7B,GAAG,CAAC,EAAE,CAAC,CAAC;aACT;iBAAM,IAAI,GAAG,IAAI,IAAI,EAAE;gBACtB,GAAG,CAAC,OAAO,GAAG,EAAE,CAAC;aAClB;QACH,CAAC,EACD,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;YAC7B,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;YACtB,OAAO,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC;QACxB,CAAC,mBACc,MAAM,EACrB,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,SAAS,CAAC,IAClD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/esm/dropdown/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Dropdown } from "./Dropdown";
+export * from "./Dropdown";