@navikt/ds-react 8.2.0 → 8.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/accordion/Accordion.d.ts +9 -7
- package/cjs/accordion/Accordion.js +4 -1
- package/cjs/accordion/Accordion.js.map +1 -1
- package/cjs/accordion/index.d.ts +2 -4
- package/cjs/accordion/index.js +3 -6
- package/cjs/accordion/index.js.map +1 -1
- package/cjs/chat/Chat.d.ts +4 -2
- package/cjs/chat/Chat.js +2 -1
- package/cjs/chat/Chat.js.map +1 -1
- package/cjs/chat/index.d.ts +2 -2
- package/cjs/chat/index.js +1 -2
- package/cjs/chat/index.js.map +1 -1
- package/cjs/chips/Chips.d.ts +7 -6
- package/cjs/chips/Chips.js +3 -1
- package/cjs/chips/Chips.js.map +1 -1
- package/cjs/chips/index.d.ts +2 -3
- package/cjs/chips/index.js +2 -4
- package/cjs/chips/index.js.map +1 -1
- package/cjs/collapsible/Collapsible.d.ts +6 -4
- package/cjs/collapsible/Collapsible.js +4 -2
- package/cjs/collapsible/Collapsible.js.map +1 -1
- package/cjs/collapsible/index.d.ts +2 -3
- package/cjs/collapsible/index.js +2 -4
- package/cjs/collapsible/index.js.map +1 -1
- package/cjs/data/table/root/DataTableRoot.js +2 -1
- package/cjs/data/table/root/DataTableRoot.js.map +1 -1
- package/cjs/data/table/td/DataTableTd.js +3 -2
- package/cjs/data/table/td/DataTableTd.js.map +1 -1
- package/cjs/data/table/th/DataTableTh.d.ts +12 -2
- package/cjs/data/table/th/DataTableTh.js +7 -2
- package/cjs/data/table/th/DataTableTh.js.map +1 -1
- package/cjs/data/toolbar/button/DataToolbarButton.d.ts +17 -0
- package/cjs/data/toolbar/button/DataToolbarButton.js +28 -0
- package/cjs/data/toolbar/button/DataToolbarButton.js.map +1 -0
- package/cjs/data/toolbar/root/DataToolbarRoot.d.ts +13 -2
- package/cjs/data/toolbar/root/DataToolbarRoot.js +4 -1
- package/cjs/data/toolbar/root/DataToolbarRoot.js.map +1 -1
- package/cjs/data/toolbar/search-field/DataToolbarSearchField.d.ts +3 -2
- package/cjs/data/toolbar/search-field/DataToolbarSearchField.js +4 -1
- package/cjs/data/toolbar/search-field/DataToolbarSearchField.js.map +1 -1
- package/cjs/data/toolbar/toggle-button/DataToolbarToggleButton.d.ts +7 -6
- package/cjs/data/toolbar/toggle-button/DataToolbarToggleButton.js +2 -1
- package/cjs/data/toolbar/toggle-button/DataToolbarToggleButton.js.map +1 -1
- package/cjs/date/datepicker/DatePicker.d.ts +6 -3
- package/cjs/date/datepicker/DatePicker.js +3 -1
- package/cjs/date/datepicker/DatePicker.js.map +1 -1
- package/cjs/date/datepicker/index.d.ts +2 -3
- package/cjs/date/datepicker/index.js +3 -5
- package/cjs/date/datepicker/index.js.map +1 -1
- package/cjs/date/monthpicker/MonthPicker.d.ts +5 -2
- package/cjs/date/monthpicker/MonthPicker.js +3 -1
- package/cjs/date/monthpicker/MonthPicker.js.map +1 -1
- package/cjs/date/monthpicker/index.d.ts +2 -4
- package/cjs/date/monthpicker/index.js +2 -4
- package/cjs/date/monthpicker/index.js.map +1 -1
- package/cjs/dialog/index.d.ts +2 -18
- package/cjs/dialog/index.js +8 -16
- package/cjs/dialog/index.js.map +1 -1
- package/cjs/dialog/root/DialogRoot.d.ts +10 -9
- package/cjs/dialog/root/DialogRoot.js +9 -1
- package/cjs/dialog/root/DialogRoot.js.map +1 -1
- package/cjs/form/file-upload/FileUpload.d.ts +2 -2
- package/cjs/form/file-upload/FileUpload.js +1 -1
- package/cjs/form/file-upload/FileUpload.js.map +1 -1
- package/cjs/form/search/Search.d.ts +2 -1
- package/cjs/form/search/Search.js.map +1 -1
- package/cjs/internal-header/InternalHeader.d.ts +11 -10
- package/cjs/internal-header/InternalHeader.js +5 -1
- package/cjs/internal-header/InternalHeader.js.map +1 -1
- package/cjs/internal-header/index.d.ts +2 -5
- package/cjs/internal-header/index.js +4 -8
- package/cjs/internal-header/index.js.map +1 -1
- package/cjs/layout/bleed/Bleed.d.ts +1 -1
- package/cjs/layout/bleed/Bleed.js +1 -1
- package/cjs/layout/responsive/Responsive.d.ts +4 -4
- package/cjs/layout/responsive/Responsive.js +4 -4
- package/cjs/layout/stack/HStack.d.ts +2 -2
- package/cjs/layout/stack/HStack.js +2 -2
- package/cjs/layout/stack/Spacer.d.ts +1 -1
- package/cjs/layout/stack/Spacer.js +1 -1
- package/cjs/layout/stack/VStack.d.ts +2 -2
- package/cjs/layout/stack/VStack.js +2 -2
- package/cjs/link-panel/LinkPanel.d.ts +1 -1
- package/cjs/link-panel/LinkPanel.js.map +1 -1
- package/cjs/list/List.d.ts +4 -2
- package/cjs/list/List.js +2 -1
- package/cjs/list/List.js.map +1 -1
- package/cjs/list/index.d.ts +2 -3
- package/cjs/list/index.js +1 -2
- package/cjs/list/index.js.map +1 -1
- package/cjs/overlays/action-menu/ActionMenu.d.ts +42 -42
- package/cjs/overlays/action-menu/ActionMenu.js +1 -1
- package/cjs/overlays/action-menu/ActionMenu.js.map +1 -1
- package/cjs/panel/Panel.d.ts +2 -2
- package/cjs/panel/Panel.js +2 -2
- package/cjs/stepper/Stepper.d.ts +4 -2
- package/cjs/stepper/Stepper.js +2 -1
- package/cjs/stepper/Stepper.js.map +1 -1
- package/cjs/stepper/index.d.ts +2 -2
- package/cjs/stepper/index.js +1 -2
- package/cjs/stepper/index.js.map +1 -1
- package/cjs/tabs/Tabs.d.ts +5 -3
- package/cjs/tabs/Tabs.js +4 -1
- package/cjs/tabs/Tabs.js.map +1 -1
- package/cjs/tabs/index.d.ts +2 -5
- package/cjs/tabs/index.js +3 -6
- package/cjs/tabs/index.js.map +1 -1
- package/cjs/toggle-group/ToggleGroup.d.ts +4 -2
- package/cjs/toggle-group/ToggleGroup.js +2 -1
- package/cjs/toggle-group/ToggleGroup.js.map +1 -1
- package/cjs/toggle-group/index.d.ts +2 -3
- package/cjs/toggle-group/index.js +1 -2
- package/cjs/toggle-group/index.js.map +1 -1
- package/esm/accordion/Accordion.d.ts +9 -7
- package/esm/accordion/Accordion.js +1 -0
- package/esm/accordion/Accordion.js.map +1 -1
- package/esm/accordion/index.d.ts +2 -4
- package/esm/accordion/index.js +1 -4
- package/esm/accordion/index.js.map +1 -1
- package/esm/chat/Chat.d.ts +4 -2
- package/esm/chat/Chat.js +1 -0
- package/esm/chat/Chat.js.map +1 -1
- package/esm/chat/index.d.ts +2 -2
- package/esm/chat/index.js +1 -2
- package/esm/chat/index.js.map +1 -1
- package/esm/chips/Chips.d.ts +7 -6
- package/esm/chips/Chips.js +1 -0
- package/esm/chips/Chips.js.map +1 -1
- package/esm/chips/index.d.ts +2 -3
- package/esm/chips/index.js +1 -3
- package/esm/chips/index.js.map +1 -1
- package/esm/collapsible/Collapsible.d.ts +6 -4
- package/esm/collapsible/Collapsible.js +2 -1
- package/esm/collapsible/Collapsible.js.map +1 -1
- package/esm/collapsible/index.d.ts +2 -3
- package/esm/collapsible/index.js +1 -3
- package/esm/collapsible/index.js.map +1 -1
- package/esm/data/table/root/DataTableRoot.js +2 -1
- package/esm/data/table/root/DataTableRoot.js.map +1 -1
- package/esm/data/table/td/DataTableTd.js +3 -2
- package/esm/data/table/td/DataTableTd.js.map +1 -1
- package/esm/data/table/th/DataTableTh.d.ts +12 -2
- package/esm/data/table/th/DataTableTh.js +7 -2
- package/esm/data/table/th/DataTableTh.js.map +1 -1
- package/esm/data/toolbar/button/DataToolbarButton.d.ts +17 -0
- package/esm/data/toolbar/button/DataToolbarButton.js +22 -0
- package/esm/data/toolbar/button/DataToolbarButton.js.map +1 -0
- package/esm/data/toolbar/root/DataToolbarRoot.d.ts +13 -2
- package/esm/data/toolbar/root/DataToolbarRoot.js +3 -1
- package/esm/data/toolbar/root/DataToolbarRoot.js.map +1 -1
- package/esm/data/toolbar/search-field/DataToolbarSearchField.d.ts +3 -2
- package/esm/data/toolbar/search-field/DataToolbarSearchField.js +4 -1
- package/esm/data/toolbar/search-field/DataToolbarSearchField.js.map +1 -1
- package/esm/data/toolbar/toggle-button/DataToolbarToggleButton.d.ts +7 -6
- package/esm/data/toolbar/toggle-button/DataToolbarToggleButton.js +2 -1
- package/esm/data/toolbar/toggle-button/DataToolbarToggleButton.js.map +1 -1
- package/esm/date/datepicker/DatePicker.d.ts +6 -3
- package/esm/date/datepicker/DatePicker.js +2 -1
- package/esm/date/datepicker/DatePicker.js.map +1 -1
- package/esm/date/datepicker/index.d.ts +2 -3
- package/esm/date/datepicker/index.js +1 -3
- package/esm/date/datepicker/index.js.map +1 -1
- package/esm/date/monthpicker/MonthPicker.d.ts +5 -2
- package/esm/date/monthpicker/MonthPicker.js +3 -2
- package/esm/date/monthpicker/MonthPicker.js.map +1 -1
- package/esm/date/monthpicker/index.d.ts +2 -4
- package/esm/date/monthpicker/index.js +1 -3
- package/esm/date/monthpicker/index.js.map +1 -1
- package/esm/dialog/index.d.ts +2 -18
- package/esm/dialog/index.js +1 -9
- package/esm/dialog/index.js.map +1 -1
- package/esm/dialog/root/DialogRoot.d.ts +10 -9
- package/esm/dialog/root/DialogRoot.js +3 -2
- package/esm/dialog/root/DialogRoot.js.map +1 -1
- package/esm/form/file-upload/FileUpload.d.ts +2 -2
- package/esm/form/file-upload/FileUpload.js +1 -1
- package/esm/form/file-upload/FileUpload.js.map +1 -1
- package/esm/form/search/Search.d.ts +2 -1
- package/esm/form/search/Search.js.map +1 -1
- package/esm/internal-header/InternalHeader.d.ts +11 -10
- package/esm/internal-header/InternalHeader.js +1 -0
- package/esm/internal-header/InternalHeader.js.map +1 -1
- package/esm/internal-header/index.d.ts +2 -5
- package/esm/internal-header/index.js +1 -5
- package/esm/internal-header/index.js.map +1 -1
- package/esm/layout/bleed/Bleed.d.ts +1 -1
- package/esm/layout/bleed/Bleed.js +1 -1
- package/esm/layout/responsive/Responsive.d.ts +4 -4
- package/esm/layout/responsive/Responsive.js +4 -4
- package/esm/layout/stack/HStack.d.ts +2 -2
- package/esm/layout/stack/HStack.js +2 -2
- package/esm/layout/stack/Spacer.d.ts +1 -1
- package/esm/layout/stack/Spacer.js +1 -1
- package/esm/layout/stack/VStack.d.ts +2 -2
- package/esm/layout/stack/VStack.js +2 -2
- package/esm/link-panel/LinkPanel.d.ts +1 -1
- package/esm/link-panel/LinkPanel.js.map +1 -1
- package/esm/list/List.d.ts +4 -2
- package/esm/list/List.js +1 -0
- package/esm/list/List.js.map +1 -1
- package/esm/list/index.d.ts +2 -3
- package/esm/list/index.js +1 -2
- package/esm/list/index.js.map +1 -1
- package/esm/overlays/action-menu/ActionMenu.d.ts +42 -42
- package/esm/overlays/action-menu/ActionMenu.js +1 -1
- package/esm/overlays/action-menu/ActionMenu.js.map +1 -1
- package/esm/panel/Panel.d.ts +2 -2
- package/esm/panel/Panel.js +2 -2
- package/esm/stepper/Stepper.d.ts +4 -2
- package/esm/stepper/Stepper.js +1 -0
- package/esm/stepper/Stepper.js.map +1 -1
- package/esm/stepper/index.d.ts +2 -2
- package/esm/stepper/index.js +1 -2
- package/esm/stepper/index.js.map +1 -1
- package/esm/tabs/Tabs.d.ts +5 -3
- package/esm/tabs/Tabs.js +1 -0
- package/esm/tabs/Tabs.js.map +1 -1
- package/esm/tabs/index.d.ts +2 -5
- package/esm/tabs/index.js +1 -4
- package/esm/tabs/index.js.map +1 -1
- package/esm/toggle-group/ToggleGroup.d.ts +4 -2
- package/esm/toggle-group/ToggleGroup.js +1 -0
- package/esm/toggle-group/ToggleGroup.js.map +1 -1
- package/esm/toggle-group/index.d.ts +2 -3
- package/esm/toggle-group/index.js +1 -2
- package/esm/toggle-group/index.js.map +1 -1
- package/package.json +4 -4
- package/src/accordion/Accordion.tsx +14 -14
- package/src/accordion/index.ts +11 -12
- package/src/chat/Chat.tsx +6 -5
- package/src/chat/index.ts +2 -2
- package/src/chips/Chips.tsx +8 -8
- package/src/chips/index.ts +6 -6
- package/src/collapsible/Collapsible.tsx +18 -10
- package/src/collapsible/index.ts +9 -8
- package/src/data/table/root/DataTableRoot.tsx +7 -5
- package/src/data/table/td/DataTableTd.tsx +4 -2
- package/src/data/table/th/DataTableTh.tsx +54 -3
- package/src/data/toolbar/button/DataToolbarButton.tsx +34 -0
- package/src/data/toolbar/root/DataToolbarRoot.tsx +22 -1
- package/src/data/toolbar/search-field/DataToolbarSearchField.tsx +15 -14
- package/src/data/toolbar/toggle-button/DataToolbarToggleButton.tsx +12 -5
- package/src/date/datepicker/DatePicker.tsx +13 -5
- package/src/date/datepicker/index.ts +10 -6
- package/src/date/monthpicker/MonthPicker.tsx +13 -4
- package/src/date/monthpicker/index.ts +7 -5
- package/src/dialog/index.ts +22 -18
- package/src/dialog/root/DialogRoot.tsx +37 -9
- package/src/form/file-upload/FileUpload.tsx +5 -6
- package/src/form/search/Search.tsx +9 -6
- package/src/internal-header/InternalHeader.tsx +21 -15
- package/src/internal-header/index.ts +11 -17
- package/src/layout/bleed/Bleed.tsx +1 -1
- package/src/layout/responsive/Responsive.tsx +4 -4
- package/src/layout/stack/HStack.tsx +2 -2
- package/src/layout/stack/Spacer.tsx +1 -1
- package/src/layout/stack/VStack.tsx +2 -2
- package/src/link-panel/LinkPanel.tsx +6 -5
- package/src/list/List.tsx +5 -5
- package/src/list/index.ts +2 -3
- package/src/overlays/action-menu/ActionMenu.tsx +56 -52
- package/src/panel/Panel.tsx +2 -2
- package/src/stepper/Stepper.tsx +6 -5
- package/src/stepper/index.ts +2 -2
- package/src/tabs/Tabs.tsx +13 -7
- package/src/tabs/index.ts +7 -11
- package/src/toggle-group/ToggleGroup.tsx +7 -6
- package/src/toggle-group/index.ts +2 -6
|
@@ -1,24 +1,24 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import type { AkselStatusColorRole } from "@navikt/ds-tokens/types";
|
|
3
3
|
import type { AkselColor } from "../types";
|
|
4
|
-
import { AccordionContentProps } from "./AccordionContent";
|
|
5
|
-
import { AccordionHeaderProps } from "./AccordionHeader";
|
|
6
|
-
import { AccordionItemProps } from "./AccordionItem";
|
|
4
|
+
import AccordionContent, { AccordionContentProps } from "./AccordionContent";
|
|
5
|
+
import AccordionHeader, { AccordionHeaderProps } from "./AccordionHeader";
|
|
6
|
+
import AccordionItem, { AccordionItemProps } from "./AccordionItem";
|
|
7
7
|
interface AccordionComponent extends React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>> {
|
|
8
8
|
/**
|
|
9
9
|
* @see 🏷️ {@link AccordionItemProps}
|
|
10
10
|
*/
|
|
11
|
-
Item:
|
|
11
|
+
Item: typeof AccordionItem;
|
|
12
12
|
/**
|
|
13
13
|
* @see 🏷️ {@link AccordionHeaderProps}
|
|
14
14
|
*/
|
|
15
|
-
Header:
|
|
15
|
+
Header: typeof AccordionHeader;
|
|
16
16
|
/**
|
|
17
17
|
* @see 🏷️ {@link AccordionContentProps}
|
|
18
18
|
*/
|
|
19
|
-
Content:
|
|
19
|
+
Content: typeof AccordionContent;
|
|
20
20
|
}
|
|
21
|
-
|
|
21
|
+
interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
22
22
|
/**
|
|
23
23
|
* @deprecated Will be removed in a future major version. Use `data-color` instead.
|
|
24
24
|
*/
|
|
@@ -71,3 +71,5 @@ export interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
71
71
|
*/
|
|
72
72
|
export declare const Accordion: AccordionComponent;
|
|
73
73
|
export default Accordion;
|
|
74
|
+
export { AccordionItem, AccordionHeader, AccordionContent };
|
|
75
|
+
export type { AccordionProps, AccordionItemProps, AccordionHeaderProps, AccordionContentProps, };
|
|
@@ -47,16 +47,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
47
47
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
48
48
|
};
|
|
49
49
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
50
|
-
exports.Accordion = void 0;
|
|
50
|
+
exports.AccordionContent = exports.AccordionHeader = exports.AccordionItem = exports.Accordion = void 0;
|
|
51
51
|
const react_1 = __importStar(require("react"));
|
|
52
52
|
const utils_external_1 = require("../utils-external");
|
|
53
53
|
const helpers_1 = require("../utils/helpers");
|
|
54
54
|
const consoleWarning_1 = require("../utils/helpers/consoleWarning");
|
|
55
55
|
const hooks_1 = require("../utils/hooks");
|
|
56
56
|
const AccordionContent_1 = __importDefault(require("./AccordionContent"));
|
|
57
|
+
exports.AccordionContent = AccordionContent_1.default;
|
|
57
58
|
const AccordionContext_1 = require("./AccordionContext");
|
|
58
59
|
const AccordionHeader_1 = __importDefault(require("./AccordionHeader"));
|
|
60
|
+
exports.AccordionHeader = AccordionHeader_1.default;
|
|
59
61
|
const AccordionItem_1 = __importDefault(require("./AccordionItem"));
|
|
62
|
+
exports.AccordionItem = AccordionItem_1.default;
|
|
60
63
|
/**
|
|
61
64
|
* A component that displays collapsible content sections.
|
|
62
65
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../src/accordion/Accordion.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA6D;AAG7D,sDAAyC;AACzC,8CAAsC;AACtC,oEAAiE;AACjE,0CAA8C;AAC9C,0EAA6E;
|
|
1
|
+
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../src/accordion/Accordion.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA6D;AAG7D,sDAAyC;AACzC,8CAAsC;AACtC,oEAAiE;AACjE,0CAA8C;AAC9C,0EAA6E;AAoIpC,2BApIlC,0BAAgB,CAoIkC;AAnIzD,yDAAsD;AACtD,wEAA0E;AAkIlD,0BAlIjB,yBAAe,CAkIiB;AAjIvC,oEAAoE;AAiI3D,wBAjIF,uBAAa,CAiIE;AA9EtB;;;;;;;;;;;;;;;;;;;GAmBG;AACU,QAAA,SAAS,GAAG,IAAA,kBAAU,EACjC,CACE,EAA2E,EAC3E,GAAG,EACH,EAAE;QAFF,EAAE,SAAS,EAAE,OAAO,GAAG,SAAS,EAAE,IAAI,GAAG,QAAQ,EAAE,MAAM,GAAG,IAAI,OAAW,EAAN,IAAI,cAAzE,0CAA2E,CAAF;IAGzE,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAC;IACrD,MAAM,SAAS,GAAG,IAAA,oBAAY,EAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;IAE9C,IAAA,iBAAS,EAAC,GAAG,EAAE;;QACb,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;YAC/D,OAAO;QACT,CAAC;QACD,IACE,MAAA,QAAQ,CAAC,OAAO,CAAC,kBAAkB,0CAAE,SAAS,CAAC,QAAQ,CACrD,iBAAiB,CAClB,EACD,CAAC;YACD,IAAA,+BAAc,EACZ,uHAAuH,EACvH,QAAQ,CAAC,OAAO,CACjB,CAAC;QACJ,CAAC;QACD,IAAI,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC3C,IAAA,+BAAc,EACZ,mFAAmF,EACnF,QAAQ,CAAC,OAAO,CACjB,CAAC;QACJ,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,8BAAC,mCAAgB,CAAC,QAAQ,IACxB,KAAK,EAAE;YACL,IAAI;YACJ,OAAO,EAAE,IAAI;YACb,OAAO;SACR;QAED,uDACM,IAAA,qBAAI,EAAC,IAAI,EAAE,CAAC,aAAa,CAAC,CAAC,IAC/B,SAAS,EAAE,IAAA,YAAE,EACX,iBAAiB,EACjB,SAAS,EACT,oBAAoB,IAAI,EAAE,EAC1B,EAAE,yBAAyB,EAAE,MAAM,EAAE,CACtC,EACD,GAAG,EAAE,SAAS,IACd,CACwB,CAC7B,CAAC;AACJ,CAAC,CACoB,CAAC;AAExB,iBAAS,CAAC,MAAM,GAAG,yBAAe,CAAC;AACnC,iBAAS,CAAC,OAAO,GAAG,0BAAgB,CAAC;AACrC,iBAAS,CAAC,IAAI,GAAG,uBAAa,CAAC;AAE/B,kBAAe,iBAAS,CAAC"}
|
package/cjs/accordion/index.d.ts
CHANGED
|
@@ -1,4 +1,2 @@
|
|
|
1
|
-
export {
|
|
2
|
-
export {
|
|
3
|
-
export { default as AccordionContent, type AccordionContentProps, } from "./AccordionContent";
|
|
4
|
-
export { default as AccordionItem, type AccordionItemProps, } from "./AccordionItem";
|
|
1
|
+
export { default as Accordion, AccordionHeader, AccordionContent, AccordionItem, } from "./Accordion";
|
|
2
|
+
export type { AccordionProps, AccordionHeaderProps, AccordionContentProps, AccordionItemProps, } from "./Accordion";
|
package/cjs/accordion/index.js
CHANGED
|
@@ -7,10 +7,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
7
7
|
exports.AccordionItem = exports.AccordionContent = exports.AccordionHeader = exports.Accordion = void 0;
|
|
8
8
|
var Accordion_1 = require("./Accordion");
|
|
9
9
|
Object.defineProperty(exports, "Accordion", { enumerable: true, get: function () { return __importDefault(Accordion_1).default; } });
|
|
10
|
-
|
|
11
|
-
Object.defineProperty(exports, "
|
|
12
|
-
|
|
13
|
-
Object.defineProperty(exports, "AccordionContent", { enumerable: true, get: function () { return __importDefault(AccordionContent_1).default; } });
|
|
14
|
-
var AccordionItem_1 = require("./AccordionItem");
|
|
15
|
-
Object.defineProperty(exports, "AccordionItem", { enumerable: true, get: function () { return __importDefault(AccordionItem_1).default; } });
|
|
10
|
+
Object.defineProperty(exports, "AccordionHeader", { enumerable: true, get: function () { return Accordion_1.AccordionHeader; } });
|
|
11
|
+
Object.defineProperty(exports, "AccordionContent", { enumerable: true, get: function () { return Accordion_1.AccordionContent; } });
|
|
12
|
+
Object.defineProperty(exports, "AccordionItem", { enumerable: true, get: function () { return Accordion_1.AccordionItem; } });
|
|
16
13
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/accordion/index.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;AACb,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/accordion/index.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;AACb,yCAKqB;AAJnB,uHAAA,OAAO,OAAa;AACpB,4GAAA,eAAe,OAAA;AACf,6GAAA,gBAAgB,OAAA;AAChB,0GAAA,aAAa,OAAA"}
|
package/cjs/chat/Chat.d.ts
CHANGED
|
@@ -2,11 +2,11 @@ import React, { HTMLAttributes } from "react";
|
|
|
2
2
|
import type { AkselStatusColorRole } from "@navikt/ds-tokens/types";
|
|
3
3
|
import { AkselColor } from "../types";
|
|
4
4
|
import { HeadingProps } from "../typography";
|
|
5
|
-
import Bubble from "./Bubble";
|
|
5
|
+
import Bubble, { type ChatBubbleProps } from "./Bubble";
|
|
6
6
|
export declare const VARIANTS: readonly ["subtle", "info", "neutral"];
|
|
7
7
|
export declare const POSITIONS: readonly ["left", "right"];
|
|
8
8
|
export declare const SIZES: readonly ["medium", "small"];
|
|
9
|
-
|
|
9
|
+
interface ChatProps extends HTMLAttributes<HTMLDivElement> {
|
|
10
10
|
/**
|
|
11
11
|
* Children of type `<Chat.Bubble />`.
|
|
12
12
|
*/
|
|
@@ -83,3 +83,5 @@ interface ChatComponent extends React.ForwardRefExoticComponent<ChatProps & Reac
|
|
|
83
83
|
*/
|
|
84
84
|
export declare const Chat: ChatComponent;
|
|
85
85
|
export default Chat;
|
|
86
|
+
export { Bubble as ChatBubble };
|
|
87
|
+
export type { ChatProps, ChatBubbleProps };
|
package/cjs/chat/Chat.js
CHANGED
|
@@ -47,11 +47,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
47
47
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
48
48
|
};
|
|
49
49
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
50
|
-
exports.Chat = exports.SIZES = exports.POSITIONS = exports.VARIANTS = void 0;
|
|
50
|
+
exports.ChatBubble = exports.Chat = exports.SIZES = exports.POSITIONS = exports.VARIANTS = void 0;
|
|
51
51
|
const react_1 = __importStar(require("react"));
|
|
52
52
|
const typography_1 = require("../typography");
|
|
53
53
|
const helpers_1 = require("../utils/helpers");
|
|
54
54
|
const Bubble_1 = __importDefault(require("./Bubble"));
|
|
55
|
+
exports.ChatBubble = Bubble_1.default;
|
|
55
56
|
exports.VARIANTS = ["subtle", "info", "neutral"];
|
|
56
57
|
exports.POSITIONS = ["left", "right"];
|
|
57
58
|
exports.SIZES = ["medium", "small"];
|
package/cjs/chat/Chat.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chat.js","sourceRoot":"","sources":["../../src/chat/Chat.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0D;AAG1D,8CAAuD;AACvD,8CAAsC;AACtC,sDAAwD;
|
|
1
|
+
{"version":3,"file":"Chat.js","sourceRoot":"","sources":["../../src/chat/Chat.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0D;AAG1D,8CAAuD;AACvD,8CAAsC;AACtC,sDAAwD;AA8JrC,qBA9JZ,gBAAM,CA8JgB;AA5JhB,QAAA,QAAQ,GAAG,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,CAAU,CAAC;AAClD,QAAA,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,CAAU,CAAC;AACvC,QAAA,KAAK,GAAG,CAAC,QAAQ,EAAE,OAAO,CAAU,CAAC;AAgElD;;;;;;;;;;;;;;;;GAgBG;AACU,QAAA,IAAI,GAAG,IAAA,kBAAU,EAC5B,CACE,EAaY,EACZ,GAAG,EACH,EAAE;QAfF,EACE,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,SAAS,EACT,MAAM,EACN,QAAQ,GAAG,MAAM,EACjB,OAAO,GAAG,SAAS,EACnB,eAAe,EACf,IAAI,GAAG,QAAQ,EACf,mBAAmB,GAAG,GAAG,EACzB,YAAY,EAAE,KAAK,OAET,EADP,IAAI,cAZT,+IAaC,CADQ;IAIT,OAAO,CACL,qDACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,YAAE,EACX,YAAY,EACZ,SAAS,EACT,eAAe,QAAQ,EAAE,EACzB,wBAAwB,eAAe,aAAf,eAAe,cAAf,eAAe,GAAI,QAAQ,EAAE,EACrD,eAAe,IAAI,EAAE,EACrB,eAAe,OAAO,EAAE,CACzB,gBACW,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,cAAc,CAAC,OAAO,CAAC,IACxC,IAAI,oBACM,OAAO;QAEpB,MAAM,IAAI,CACT,uCAAK,SAAS,EAAC,oBAAoB,yBAChC,MAAM,CACH,CACP;QACD,8BAAC,qBAAQ,IAAC,EAAE,EAAC,KAAK,EAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,4BAA4B,IAClE,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;YACzC,IAAI,CAAC,eAAK,CAAC,cAAc,CAAkB,KAAK,CAAC,EAAE,CAAC;gBAClD,OAAO,IAAI,CAAC;YACd,CAAC;YAED,OAAO,eAAK,CAAC,YAAY,CAAC,KAAK,kBAC7B,IAAI,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EACxC,SAAS,EAAE,SAAS,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACvD,mBAAmB,IAChB,KAAK,CAAC,KAAK,EACd,CAAC;QACL,CAAC,CAAC,CACO,CACP,CACP,CAAC;AACJ,CAAC,CACe,CAAC;AAEnB,SAAS,cAAc,CAAC,OAA6B;IACnD,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,SAAS;YACZ,OAAO,SAAS,CAAC;QACnB,KAAK,QAAQ;YACX,OAAO,SAAS,CAAC;QACnB,KAAK,MAAM;YACT,OAAO,MAAM,CAAC;QAChB;YACE,OAAO,SAAS,CAAC;IACrB,CAAC;AACH,CAAC;AAED,YAAI,CAAC,MAAM,GAAG,gBAAM,CAAC;AAErB,kBAAe,YAAI,CAAC"}
|
package/cjs/chat/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { default as Chat,
|
|
2
|
-
export {
|
|
1
|
+
export { default as Chat, ChatBubble } from "./Chat";
|
|
2
|
+
export type { ChatProps, ChatBubbleProps } from "./Chat";
|
package/cjs/chat/index.js
CHANGED
|
@@ -7,6 +7,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
7
7
|
exports.ChatBubble = exports.Chat = void 0;
|
|
8
8
|
var Chat_1 = require("./Chat");
|
|
9
9
|
Object.defineProperty(exports, "Chat", { enumerable: true, get: function () { return __importDefault(Chat_1).default; } });
|
|
10
|
-
|
|
11
|
-
Object.defineProperty(exports, "ChatBubble", { enumerable: true, get: function () { return __importDefault(Bubble_1).default; } });
|
|
10
|
+
Object.defineProperty(exports, "ChatBubble", { enumerable: true, get: function () { return Chat_1.ChatBubble; } });
|
|
12
11
|
//# sourceMappingURL=index.js.map
|
package/cjs/chat/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/chat/index.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;AACb,+
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/chat/index.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;AACb,+BAAqD;AAA5C,6GAAA,OAAO,OAAQ;AAAE,kGAAA,UAAU,OAAA"}
|
package/cjs/chips/Chips.d.ts
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import React, { HTMLAttributes } from "react";
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
export interface ChipsProps extends HTMLAttributes<HTMLUListElement> {
|
|
2
|
+
import RemovableChips, { ChipsRemovableProps } from "./Removable";
|
|
3
|
+
import ToggleChips, { ChipsToggleProps } from "./Toggle";
|
|
4
|
+
interface ChipsProps extends HTMLAttributes<HTMLUListElement> {
|
|
6
5
|
children: React.ReactNode;
|
|
7
6
|
/**
|
|
8
7
|
* Changes padding and font-sizes.
|
|
@@ -16,13 +15,13 @@ interface ChipsComponent extends React.ForwardRefExoticComponent<ChipsProps & Re
|
|
|
16
15
|
* @see 🏷️ {@link ToggleChipsProps}
|
|
17
16
|
* @see [🤖 OverridableComponent](https://aksel.nav.no/grunnleggende/kode/overridablecomponent) support
|
|
18
17
|
*/
|
|
19
|
-
Toggle:
|
|
18
|
+
Toggle: typeof ToggleChips;
|
|
20
19
|
/**
|
|
21
20
|
* Remove filter or the likes on click.
|
|
22
21
|
* @see 🏷️ {@link RemovableChipsProps}
|
|
23
22
|
* @see [🤖 OverridableComponent](https://aksel.nav.no/grunnleggende/kode/overridablecomponent) support
|
|
24
23
|
*/
|
|
25
|
-
Removable:
|
|
24
|
+
Removable: typeof RemovableChips;
|
|
26
25
|
}
|
|
27
26
|
/**
|
|
28
27
|
* A component that displays a list of items as chips.
|
|
@@ -53,3 +52,5 @@ interface ChipsComponent extends React.ForwardRefExoticComponent<ChipsProps & Re
|
|
|
53
52
|
*/
|
|
54
53
|
export declare const Chips: ChipsComponent;
|
|
55
54
|
export default Chips;
|
|
55
|
+
export { ToggleChips as ChipsToggle, RemovableChips as ChipsRemovable };
|
|
56
|
+
export type { ChipsProps, ChipsToggleProps, ChipsRemovableProps };
|
package/cjs/chips/Chips.js
CHANGED
|
@@ -47,11 +47,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
47
47
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
48
48
|
};
|
|
49
49
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
50
|
-
exports.Chips = void 0;
|
|
50
|
+
exports.ChipsRemovable = exports.ChipsToggle = exports.Chips = void 0;
|
|
51
51
|
const react_1 = __importStar(require("react"));
|
|
52
52
|
const helpers_1 = require("../utils/helpers");
|
|
53
53
|
const Removable_1 = __importDefault(require("./Removable"));
|
|
54
|
+
exports.ChipsRemovable = Removable_1.default;
|
|
54
55
|
const Toggle_1 = __importDefault(require("./Toggle"));
|
|
56
|
+
exports.ChipsToggle = Toggle_1.default;
|
|
55
57
|
/**
|
|
56
58
|
* A component that displays a list of items as chips.
|
|
57
59
|
*
|
package/cjs/chips/Chips.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chips.js","sourceRoot":"","sources":["../../src/chips/Chips.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0D;
|
|
1
|
+
{"version":3,"file":"Chips.js","sourceRoot":"","sources":["../../src/chips/Chips.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0D;AAC1D,8CAAsC;AACtC,4DAAkE;AA+EX,yBA/EhD,mBAAc,CA+EgD;AA9ErE,sDAAyD;AA8EjC,sBA9EjB,gBAAW,CA8EiB;AAlDnC;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACU,QAAA,KAAK,GAAmB,IAAA,kBAAU,EAC7C,CAAC,EAAiD,EAAE,GAAG,EAAE,EAAE;QAA1D,EAAE,SAAS,EAAE,IAAI,GAAG,QAAQ,EAAE,QAAQ,OAAW,EAAN,IAAI,cAA/C,iCAAiD,CAAF;IAC9C,OAAO,CACL,sDACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,YAAE,EAAC,aAAa,EAAE,SAAS,EAAE,gBAAgB,IAAI,EAAE,EAAE;YAC9D,0CAA0C,EAAE,IAAI,KAAK,QAAQ;YAC7D,kCAAkC,EAAE,IAAI,KAAK,OAAO;SACrD,CAAC,KAED,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;QAC5C,OAAO,sCAAI,GAAG,EAAE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,EAAE,KAAI,KAAK,IAAG,IAAI,CAAM,CAAC;IACzD,CAAC,CAAC,CACC,CACN,CAAC;AACJ,CAAC,CACgB,CAAC;AAEpB,aAAK,CAAC,MAAM,GAAG,gBAAW,CAAC;AAC3B,aAAK,CAAC,SAAS,GAAG,mBAAc,CAAC;AAEjC,kBAAe,aAAK,CAAC"}
|
package/cjs/chips/index.d.ts
CHANGED
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
export { default as Chips,
|
|
2
|
-
export {
|
|
3
|
-
export { ToggleChips as ChipsToggle, type ChipsToggleProps } from "./Toggle";
|
|
1
|
+
export { default as Chips, ChipsRemovable, ChipsToggle } from "./Chips";
|
|
2
|
+
export type { ChipsProps, ChipsRemovableProps, ChipsToggleProps, } from "./Chips";
|
package/cjs/chips/index.js
CHANGED
|
@@ -7,8 +7,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
7
7
|
exports.ChipsToggle = exports.ChipsRemovable = exports.Chips = void 0;
|
|
8
8
|
var Chips_1 = require("./Chips");
|
|
9
9
|
Object.defineProperty(exports, "Chips", { enumerable: true, get: function () { return __importDefault(Chips_1).default; } });
|
|
10
|
-
|
|
11
|
-
Object.defineProperty(exports, "
|
|
12
|
-
var Toggle_1 = require("./Toggle");
|
|
13
|
-
Object.defineProperty(exports, "ChipsToggle", { enumerable: true, get: function () { return Toggle_1.ToggleChips; } });
|
|
10
|
+
Object.defineProperty(exports, "ChipsRemovable", { enumerable: true, get: function () { return Chips_1.ChipsRemovable; } });
|
|
11
|
+
Object.defineProperty(exports, "ChipsToggle", { enumerable: true, get: function () { return Chips_1.ChipsToggle; } });
|
|
14
12
|
//# sourceMappingURL=index.js.map
|
package/cjs/chips/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/chips/index.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;AACb,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/chips/index.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;AACb,iCAAwE;AAA/D,+GAAA,OAAO,OAAS;AAAE,uGAAA,cAAc,OAAA;AAAE,oGAAA,WAAW,OAAA"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { CollapsibleBaseProps } from "./Collapsible.types";
|
|
3
|
-
import CollapsibleContent from "./parts/Collapsible.Content";
|
|
4
|
-
import CollapsibleTrigger from "./parts/Collapsible.Trigger";
|
|
5
|
-
|
|
3
|
+
import CollapsibleContent, { CollapsibleContentProps } from "./parts/Collapsible.Content";
|
|
4
|
+
import CollapsibleTrigger, { CollapsibleTriggerProps } from "./parts/Collapsible.Trigger";
|
|
5
|
+
interface CollapsibleProps extends CollapsibleBaseProps, React.HTMLAttributes<HTMLDivElement> {
|
|
6
6
|
}
|
|
7
7
|
interface CollapsibleComponent extends React.ForwardRefExoticComponent<CollapsibleProps & React.RefAttributes<HTMLDivElement>> {
|
|
8
8
|
/**
|
|
@@ -37,7 +37,7 @@ interface CollapsibleComponent extends React.ForwardRefExoticComponent<Collapsib
|
|
|
37
37
|
* <Button>Button</Button>
|
|
38
38
|
* </Collapsible.Trigger>
|
|
39
39
|
* <Collapsible.Content asChild>
|
|
40
|
-
* <Box padding="
|
|
40
|
+
* <Box padding="space-16" background="info-soft">
|
|
41
41
|
* <div>lorem ipsum</div>
|
|
42
42
|
* </Box>
|
|
43
43
|
* </Collapsible.Content>
|
|
@@ -46,3 +46,5 @@ interface CollapsibleComponent extends React.ForwardRefExoticComponent<Collapsib
|
|
|
46
46
|
*/
|
|
47
47
|
export declare const Collapsible: CollapsibleComponent;
|
|
48
48
|
export default Collapsible;
|
|
49
|
+
export { CollapsibleTrigger, CollapsibleContent };
|
|
50
|
+
export type { CollapsibleProps, CollapsibleTriggerProps, CollapsibleContentProps, };
|
|
@@ -47,13 +47,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
47
47
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
48
48
|
};
|
|
49
49
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
50
|
-
exports.Collapsible = void 0;
|
|
50
|
+
exports.CollapsibleContent = exports.CollapsibleTrigger = exports.Collapsible = void 0;
|
|
51
51
|
const react_1 = __importStar(require("react"));
|
|
52
52
|
const utils_external_1 = require("../utils-external");
|
|
53
53
|
const hooks_1 = require("../utils/hooks");
|
|
54
54
|
const Collapsible_context_1 = require("./Collapsible.context");
|
|
55
55
|
const Collapsible_Content_1 = __importDefault(require("./parts/Collapsible.Content"));
|
|
56
|
+
exports.CollapsibleContent = Collapsible_Content_1.default;
|
|
56
57
|
const Collapsible_Trigger_1 = __importDefault(require("./parts/Collapsible.Trigger"));
|
|
58
|
+
exports.CollapsibleTrigger = Collapsible_Trigger_1.default;
|
|
57
59
|
/**
|
|
58
60
|
* Collapsible is a component that allows you to toggle visibility of content.
|
|
59
61
|
*
|
|
@@ -77,7 +79,7 @@ const Collapsible_Trigger_1 = __importDefault(require("./parts/Collapsible.Trigg
|
|
|
77
79
|
* <Button>Button</Button>
|
|
78
80
|
* </Collapsible.Trigger>
|
|
79
81
|
* <Collapsible.Content asChild>
|
|
80
|
-
* <Box padding="
|
|
82
|
+
* <Box padding="space-16" background="info-soft">
|
|
81
83
|
* <div>lorem ipsum</div>
|
|
82
84
|
* </Box>
|
|
83
85
|
* </Collapsible.Content>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Collapsible.js","sourceRoot":"","sources":["../../src/collapsible/Collapsible.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuD;AACvD,sDAA0C;AAC1C,0CAAsD;AACtD,+DAAmE;AAEnE,
|
|
1
|
+
{"version":3,"file":"Collapsible.js","sourceRoot":"","sources":["../../src/collapsible/Collapsible.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuD;AACvD,sDAA0C;AAC1C,0CAAsD;AACtD,+DAAmE;AAEnE,sFAEqC;AAgGR,6BAlGtB,6BAAkB,CAkGsB;AA/F/C,sFAEqC;AA6F5B,6BA/FF,6BAAkB,CA+FE;AA3E3B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACU,QAAA,WAAW,GAAG,IAAA,kBAAU,EACnC,CACE,EAOC,EACD,GAAG,EACH,EAAE;QATF,EACE,QAAQ,EACR,IAAI,EACJ,WAAW,GAAG,KAAK,EACnB,YAAY,EACZ,IAAI,GAAG,KAAK,OAEb,EADI,IAAI,cANT,2DAOC,CADQ;IAIT,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,GAAG,IAAA,4BAAoB,EAAC;QAC5C,KAAK,EAAE,IAAI;QACX,YAAY,EAAE,WAAW;QACzB,QAAQ,EAAE,YAAY;KACvB,CAAC,CAAC;IAEH,MAAM,UAAU,GAAG,IAAA,sBAAK,GAAE,CAAC;IAC3B,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC;IAExC,OAAO,CACL,8BAAC,gDAA0B,IACzB,IAAI,EAAE,KAAK,EACX,YAAY,EAAE,IAAA,mBAAW,EACvB,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,EACtC,CAAC,OAAO,CAAC,CACV,EACD,SAAS,EAAE,uBAAuB,UAAU,EAAE,EAC9C,SAAS,EAAE,uBAAuB,UAAU,EAAE,EAC9C,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK;QAEZ,qDAAK,GAAG,EAAE,GAAG,gBAAc,KAAK,IAAM,IAAI,GACvC,QAAQ,CACL,CACqB,CAC9B,CAAC;AACJ,CAAC,CACsB,CAAC;AAE1B,mBAAW,CAAC,OAAO,GAAG,6BAAkB,CAAC;AACzC,mBAAW,CAAC,OAAO,GAAG,6BAAkB,CAAC;AAEzC,kBAAe,mBAAW,CAAC"}
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
export { default as Collapsible,
|
|
2
|
-
export {
|
|
3
|
-
export { default as CollapsibleContent, type CollapsibleContentProps, } from "./parts/Collapsible.Content";
|
|
1
|
+
export { default as Collapsible, CollapsibleTrigger, CollapsibleContent, } from "./Collapsible";
|
|
2
|
+
export type { CollapsibleProps, CollapsibleTriggerProps, CollapsibleContentProps, } from "./Collapsible";
|
package/cjs/collapsible/index.js
CHANGED
|
@@ -7,8 +7,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
7
7
|
exports.CollapsibleContent = exports.CollapsibleTrigger = exports.Collapsible = void 0;
|
|
8
8
|
var Collapsible_1 = require("./Collapsible");
|
|
9
9
|
Object.defineProperty(exports, "Collapsible", { enumerable: true, get: function () { return __importDefault(Collapsible_1).default; } });
|
|
10
|
-
|
|
11
|
-
Object.defineProperty(exports, "
|
|
12
|
-
var Collapsible_Content_1 = require("./parts/Collapsible.Content");
|
|
13
|
-
Object.defineProperty(exports, "CollapsibleContent", { enumerable: true, get: function () { return __importDefault(Collapsible_Content_1).default; } });
|
|
10
|
+
Object.defineProperty(exports, "CollapsibleTrigger", { enumerable: true, get: function () { return Collapsible_1.CollapsibleTrigger; } });
|
|
11
|
+
Object.defineProperty(exports, "CollapsibleContent", { enumerable: true, get: function () { return Collapsible_1.CollapsibleContent; } });
|
|
14
12
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/collapsible/index.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;AACb,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/collapsible/index.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;AACb,6CAIuB;AAHrB,2HAAA,OAAO,OAAe;AACtB,iHAAA,kBAAkB,OAAA;AAClB,iHAAA,kBAAkB,OAAA"}
|
|
@@ -61,7 +61,8 @@ const DataTableTr_1 = require("../tr/DataTableTr");
|
|
|
61
61
|
Object.defineProperty(exports, "DataTableTr", { enumerable: true, get: function () { return DataTableTr_1.DataTableTr; } });
|
|
62
62
|
const DataTable = (0, react_1.forwardRef)((_a, forwardedRef) => {
|
|
63
63
|
var { className } = _a, rest = __rest(_a, ["className"]);
|
|
64
|
-
return (react_1.default.createElement("
|
|
64
|
+
return (react_1.default.createElement("div", { className: "aksel-data-table__wrapper" },
|
|
65
|
+
react_1.default.createElement("table", Object.assign({}, rest, { ref: forwardedRef, className: (0, helpers_1.cl)("aksel-data-table", className) }))));
|
|
65
66
|
});
|
|
66
67
|
exports.DataTable = DataTable;
|
|
67
68
|
DataTable.Caption = DataTableCaption_1.DataTableCaption;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataTableRoot.js","sourceRoot":"","sources":["../../../../src/data/table/root/DataTableRoot.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,oDAA4C;AAC5C,kEAGqC;
|
|
1
|
+
{"version":3,"file":"DataTableRoot.js","sourceRoot":"","sources":["../../../../src/data/table/root/DataTableRoot.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,oDAA4C;AAC5C,kEAGqC;AA2HnC,iGA7HA,mCAAgB,OA6HA;AA1HlB,4DAGiC;AAwH/B,+FA1HA,+BAAc,OA0HA;AAvHhB,mDAAuE;AAwHrE,4FAxHO,yBAAW,OAwHP;AAvHb,mDAAuE;AAwHrE,4FAxHO,yBAAW,OAwHP;AAvHb,4DAGiC;AAqH/B,+FAvHA,+BAAc,OAuHA;AApHhB,mDAAuE;AAqHrE,4FArHO,yBAAW,OAqHP;AA5Bb,MAAM,SAAS,GAAG,IAAA,kBAAU,EAC1B,CAAC,EAAsB,EAAE,YAAY,EAAE,EAAE;QAAxC,EAAE,SAAS,OAAW,EAAN,IAAI,cAApB,aAAsB,CAAF;IACnB,OAAO,CACL,uCAAK,SAAS,EAAC,2BAA2B;QACxC,yDACM,IAAI,IACR,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,IAAA,YAAE,EAAC,kBAAkB,EAAE,SAAS,CAAC,IAC5C,CACE,CACP,CAAC;AACJ,CAAC,CACwB,CAAC;AAU1B,8BAAS;AARX,SAAS,CAAC,OAAO,GAAG,mCAAgB,CAAC;AACrC,SAAS,CAAC,KAAK,GAAG,+BAAc,CAAC;AACjC,SAAS,CAAC,KAAK,GAAG,+BAAc,CAAC;AACjC,SAAS,CAAC,EAAE,GAAG,yBAAW,CAAC;AAC3B,SAAS,CAAC,EAAE,GAAG,yBAAW,CAAC;AAC3B,SAAS,CAAC,EAAE,GAAG,yBAAW,CAAC;AAW3B,kBAAe,SAAS,CAAC"}
|
|
@@ -48,8 +48,9 @@ exports.DataTableTd = void 0;
|
|
|
48
48
|
const react_1 = __importStar(require("react"));
|
|
49
49
|
const helpers_1 = require("../../../utils/helpers");
|
|
50
50
|
const DataTableTd = (0, react_1.forwardRef)((_a, forwardedRef) => {
|
|
51
|
-
var { className } = _a, rest = __rest(_a, ["className"]);
|
|
52
|
-
return (react_1.default.createElement("td", Object.assign({}, rest, { ref: forwardedRef, className: (0, helpers_1.cl)("aksel-data-table__td", className) })
|
|
51
|
+
var { className, children } = _a, rest = __rest(_a, ["className", "children"]);
|
|
52
|
+
return (react_1.default.createElement("td", Object.assign({}, rest, { ref: forwardedRef, className: (0, helpers_1.cl)("aksel-data-table__td", className) }),
|
|
53
|
+
react_1.default.createElement("div", null, children)));
|
|
53
54
|
});
|
|
54
55
|
exports.DataTableTd = DataTableTd;
|
|
55
56
|
//# sourceMappingURL=DataTableTd.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataTableTd.js","sourceRoot":"","sources":["../../../../src/data/table/td/DataTableTd.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,oDAA4C;AAI5C,MAAM,WAAW,GAAG,IAAA,kBAAU,EAC5B,CAAC,
|
|
1
|
+
{"version":3,"file":"DataTableTd.js","sourceRoot":"","sources":["../../../../src/data/table/td/DataTableTd.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,oDAA4C;AAI5C,MAAM,WAAW,GAAG,IAAA,kBAAU,EAC5B,CAAC,EAAgC,EAAE,YAAY,EAAE,EAAE;QAAlD,EAAE,SAAS,EAAE,QAAQ,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAC7B,OAAO,CACL,sDACM,IAAI,IACR,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,IAAA,YAAE,EAAC,sBAAsB,EAAE,SAAS,CAAC;QAEhD,2CAAM,QAAQ,CAAO,CAClB,CACN,CAAC;AACJ,CAAC,CACF,CAAC;AAEO,kCAAW"}
|
|
@@ -1,5 +1,15 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
type DataTableThProps = React.HTMLAttributes<HTMLTableCellElement
|
|
3
|
-
|
|
2
|
+
type DataTableThProps = React.HTMLAttributes<HTMLTableCellElement> & {
|
|
3
|
+
resizeHandler?: React.MouseEventHandler<HTMLButtonElement>;
|
|
4
|
+
isPinned?: boolean;
|
|
5
|
+
pinningHandler?: React.MouseEventHandler<HTMLButtonElement>;
|
|
6
|
+
size?: number;
|
|
7
|
+
};
|
|
8
|
+
declare const DataTableTh: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCellElement> & {
|
|
9
|
+
resizeHandler?: React.MouseEventHandler<HTMLButtonElement>;
|
|
10
|
+
isPinned?: boolean;
|
|
11
|
+
pinningHandler?: React.MouseEventHandler<HTMLButtonElement>;
|
|
12
|
+
size?: number;
|
|
13
|
+
} & React.RefAttributes<HTMLTableCellElement>>;
|
|
4
14
|
export { DataTableTh };
|
|
5
15
|
export type { DataTableThProps };
|
|
@@ -46,10 +46,15 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
46
46
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
47
47
|
exports.DataTableTh = void 0;
|
|
48
48
|
const react_1 = __importStar(require("react"));
|
|
49
|
+
const aksel_icons_1 = require("@navikt/aksel-icons");
|
|
50
|
+
const button_1 = require("../../../button");
|
|
49
51
|
const helpers_1 = require("../../../utils/helpers");
|
|
50
52
|
const DataTableTh = (0, react_1.forwardRef)((_a, forwardedRef) => {
|
|
51
|
-
var { className } = _a, rest = __rest(_a, ["className"]);
|
|
52
|
-
return (react_1.default.createElement("th", Object.assign({}, rest, { ref: forwardedRef, className: (0, helpers_1.cl)("aksel-data-table__th", className) })
|
|
53
|
+
var { className, children, resizeHandler, isPinned = false, pinningHandler, size } = _a, rest = __rest(_a, ["className", "children", "resizeHandler", "isPinned", "pinningHandler", "size"]);
|
|
54
|
+
return (react_1.default.createElement("th", Object.assign({}, rest, { ref: forwardedRef, className: (0, helpers_1.cl)("aksel-data-table__th", className), style: { width: size } }),
|
|
55
|
+
children,
|
|
56
|
+
pinningHandler && (react_1.default.createElement(button_1.Button, { onClick: pinningHandler, size: "small", variant: "secondary", icon: isPinned ? (react_1.default.createElement(aksel_icons_1.PushPinFillIcon, { "aria-hidden": true, title: "Fest kolonne" })) : (react_1.default.createElement(aksel_icons_1.PushPinIcon, { "aria-hidden": true, title: "L\u00F8stne kolonne" })) })),
|
|
57
|
+
resizeHandler && (react_1.default.createElement(button_1.Button, { onMouseDown: resizeHandler, onMouseUp: resizeHandler, className: (0, helpers_1.cl)("aksel-data-table__th-resize-handle"), size: "small", variant: "secondary", icon: react_1.default.createElement(aksel_icons_1.CaretLeftRightIcon, { "aria-hidden": true, title: "Endre kolonnest\u00F8rrelse" }) }))));
|
|
53
58
|
});
|
|
54
59
|
exports.DataTableTh = DataTableTh;
|
|
55
60
|
//# sourceMappingURL=DataTableTh.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataTableTh.js","sourceRoot":"","sources":["../../../../src/data/table/th/DataTableTh.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,oDAA4C;
|
|
1
|
+
{"version":3,"file":"DataTableTh.js","sourceRoot":"","sources":["../../../../src/data/table/th/DataTableTh.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,qDAI6B;AAC7B,4CAAyC;AACzC,oDAA4C;AAS5C,MAAM,WAAW,GAAG,IAAA,kBAAU,EAC5B,CACE,EAQC,EACD,YAAY,EACZ,EAAE;QAVF,EACE,SAAS,EACT,QAAQ,EACR,aAAa,EACb,QAAQ,GAAG,KAAK,EAChB,cAAc,EACd,IAAI,OAEL,EADI,IAAI,cAPT,gFAQC,CADQ;IAIT,OAAO,CACL,sDACM,IAAI,IACR,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,IAAA,YAAE,EAAC,sBAAsB,EAAE,SAAS,CAAC,EAChD,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;QAErB,QAAQ;QACR,cAAc,IAAI,CACjB,8BAAC,eAAM,IACL,OAAO,EAAE,cAAc,EACvB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EACF,QAAQ,CAAC,CAAC,CAAC,CACT,8BAAC,6BAAe,yBAAa,KAAK,EAAC,cAAc,GAAG,CACrD,CAAC,CAAC,CAAC,CACF,8BAAC,yBAAW,yBAAa,KAAK,EAAC,qBAAgB,GAAG,CACnD,GAEH,CACH;QACA,aAAa,IAAI,CAChB,8BAAC,eAAM,IACL,WAAW,EAAE,aAAa,EAC1B,SAAS,EAAE,aAAa,EACxB,SAAS,EAAE,IAAA,YAAE,EAAC,oCAAoC,CAAC,EACnD,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EACF,8BAAC,gCAAkB,yBAAa,KAAK,EAAC,6BAAwB,GAAG,GAEnE,CACH,CACE,CACN,CAAC;AACJ,CAAC,CACF,CAAC;AAEO,kCAAW"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { ButtonProps } from "../../../button";
|
|
3
|
+
type DataToolbarButtonProps = Omit<ButtonProps, "variant" | "size" | "data-color"> & {
|
|
4
|
+
/**
|
|
5
|
+
* Kort beskrivelse av knappens funksjon.
|
|
6
|
+
*/
|
|
7
|
+
tooltip?: string;
|
|
8
|
+
};
|
|
9
|
+
declare const DataToolbarButton: React.ForwardRefExoticComponent<Omit<ButtonProps, "data-color" | "size" | "variant"> & {
|
|
10
|
+
/**
|
|
11
|
+
* Kort beskrivelse av knappens funksjon.
|
|
12
|
+
*/
|
|
13
|
+
tooltip?: string;
|
|
14
|
+
} & React.RefAttributes<HTMLButtonElement>>;
|
|
15
|
+
export { DataToolbarButton };
|
|
16
|
+
export default DataToolbarButton;
|
|
17
|
+
export type { DataToolbarButtonProps };
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
|
+
var t = {};
|
|
4
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
5
|
+
t[p] = s[p];
|
|
6
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
+
t[p[i]] = s[p[i]];
|
|
10
|
+
}
|
|
11
|
+
return t;
|
|
12
|
+
};
|
|
13
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
exports.DataToolbarButton = void 0;
|
|
18
|
+
const react_1 = __importDefault(require("react"));
|
|
19
|
+
const button_1 = require("../../../button");
|
|
20
|
+
const tooltip_1 = require("../../../tooltip");
|
|
21
|
+
const DataToolbarButton = react_1.default.forwardRef((_a, ref) => {
|
|
22
|
+
var { tooltip } = _a, rest = __rest(_a, ["tooltip"]);
|
|
23
|
+
const button = (react_1.default.createElement(button_1.Button, Object.assign({ ref: ref }, rest, { variant: "secondary", size: "small", "data-color": "neutral", iconPosition: "right" })));
|
|
24
|
+
return tooltip ? react_1.default.createElement(tooltip_1.Tooltip, { content: tooltip }, button) : button;
|
|
25
|
+
});
|
|
26
|
+
exports.DataToolbarButton = DataToolbarButton;
|
|
27
|
+
exports.default = DataToolbarButton;
|
|
28
|
+
//# sourceMappingURL=DataToolbarButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DataToolbarButton.js","sourceRoot":"","sources":["../../../../src/data/toolbar/button/DataToolbarButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,4CAAsD;AACtD,8CAA2C;AAY3C,MAAM,iBAAiB,GAAG,eAAK,CAAC,UAAU,CAGxC,CAAC,EAAoB,EAAE,GAAG,EAAE,EAAE;QAA7B,EAAE,OAAO,OAAW,EAAN,IAAI,cAAlB,WAAoB,CAAF;IACnB,MAAM,MAAM,GAAG,CACb,8BAAC,eAAM,kBACL,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,OAAO,gBACD,SAAS,EACpB,YAAY,EAAC,OAAO,IACpB,CACH,CAAC;IACF,OAAO,OAAO,CAAC,CAAC,CAAC,8BAAC,iBAAO,IAAC,OAAO,EAAE,OAAO,IAAG,MAAM,CAAW,CAAC,CAAC,CAAC,MAAM,CAAC;AAC1E,CAAC,CAAC,CAAC;AAEM,8CAAiB;AAC1B,kBAAe,iBAAiB,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
import DataToolbarButton, { DataToolbarButtonProps } from "../button/DataToolbarButton";
|
|
2
3
|
import { DataToolbarSearchField, type DataToolbarSearchFieldProps } from "../search-field/DataToolbarSearchField";
|
|
3
4
|
import DataToolbarToggleButton, { type DataToolbarToggleButtonProps } from "../toggle-button/DataToolbarToggleButton";
|
|
4
5
|
interface DataToolbarProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
@@ -15,6 +16,16 @@ interface DataToolbarRootComponent extends React.ForwardRefExoticComponent<DataT
|
|
|
15
16
|
* ```
|
|
16
17
|
*/
|
|
17
18
|
SearchField: typeof DataToolbarSearchField;
|
|
19
|
+
/**
|
|
20
|
+
* @see 🏷️ {@link DataToolbarButtonProps}
|
|
21
|
+
* @example
|
|
22
|
+
* ```tsx
|
|
23
|
+
* <DataToolbar>
|
|
24
|
+
* <DataToolbar.Button />
|
|
25
|
+
* </DataToolbar>
|
|
26
|
+
* ```
|
|
27
|
+
*/
|
|
28
|
+
Button: typeof DataToolbarButton;
|
|
18
29
|
/**
|
|
19
30
|
* @see 🏷️ {@link DataToolbarToggleButtonProps}
|
|
20
31
|
* @example
|
|
@@ -27,6 +38,6 @@ interface DataToolbarRootComponent extends React.ForwardRefExoticComponent<DataT
|
|
|
27
38
|
ToggleButton: typeof DataToolbarToggleButton;
|
|
28
39
|
}
|
|
29
40
|
declare const DataToolbar: DataToolbarRootComponent;
|
|
30
|
-
export { DataToolbar, DataToolbarSearchField, DataToolbarToggleButton };
|
|
41
|
+
export { DataToolbar, DataToolbarSearchField, DataToolbarButton, DataToolbarToggleButton, };
|
|
31
42
|
export default DataToolbar;
|
|
32
|
-
export type { DataToolbarProps, DataToolbarSearchFieldProps, DataToolbarToggleButtonProps, };
|
|
43
|
+
export type { DataToolbarProps, DataToolbarSearchFieldProps, DataToolbarButtonProps, DataToolbarToggleButtonProps, };
|
|
@@ -14,9 +14,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
14
14
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
exports.DataToolbarToggleButton = exports.DataToolbarSearchField = exports.DataToolbar = void 0;
|
|
17
|
+
exports.DataToolbarToggleButton = exports.DataToolbarButton = exports.DataToolbarSearchField = exports.DataToolbar = void 0;
|
|
18
18
|
const react_1 = __importDefault(require("react"));
|
|
19
19
|
const helpers_1 = require("../../../utils/helpers");
|
|
20
|
+
const DataToolbarButton_1 = __importDefault(require("../button/DataToolbarButton"));
|
|
21
|
+
exports.DataToolbarButton = DataToolbarButton_1.default;
|
|
20
22
|
const DataToolbarSearchField_1 = require("../search-field/DataToolbarSearchField");
|
|
21
23
|
Object.defineProperty(exports, "DataToolbarSearchField", { enumerable: true, get: function () { return DataToolbarSearchField_1.DataToolbarSearchField; } });
|
|
22
24
|
const DataToolbarToggleButton_1 = __importDefault(require("../toggle-button/DataToolbarToggleButton"));
|
|
@@ -27,6 +29,7 @@ const DataToolbar = react_1.default.forwardRef((_a, forwardRef) => {
|
|
|
27
29
|
});
|
|
28
30
|
exports.DataToolbar = DataToolbar;
|
|
29
31
|
DataToolbar.SearchField = DataToolbarSearchField_1.DataToolbarSearchField;
|
|
32
|
+
DataToolbar.Button = DataToolbarButton_1.default;
|
|
30
33
|
DataToolbar.ToggleButton = DataToolbarToggleButton_1.default;
|
|
31
34
|
exports.default = DataToolbar;
|
|
32
35
|
//# sourceMappingURL=DataToolbarRoot.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataToolbarRoot.js","sourceRoot":"","sources":["../../../../src/data/toolbar/root/DataToolbarRoot.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,oDAA4C;AAC5C,mFAGgD;
|
|
1
|
+
{"version":3,"file":"DataToolbarRoot.js","sourceRoot":"","sources":["../../../../src/data/toolbar/root/DataToolbarRoot.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,oDAA4C;AAC5C,oFAEqC;AAwEnC,4BA1EK,2BAAiB,CA0EL;AAvEnB,mFAGgD;AAmE9C,uGArEA,+CAAsB,OAqEA;AAlExB,uGAEkD;AAkEhD,kCApEK,iCAAuB,CAoEL;AAvBzB,MAAM,WAAW,GAAG,eAAK,CAAC,UAAU,CAClC,CAAC,EAAgC,EAAE,UAAU,EAAE,EAAE;QAAhD,EAAE,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAC7B,OAAO,CACL,qDACE,GAAG,EAAE,UAAU,IACX,IAAI,IACR,SAAS,EAAE,IAAA,YAAE,EAAC,oBAAoB,EAAE,SAAS,CAAC,EAC9C,IAAI,EAAC,SAAS,KAEb,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAC0B,CAAC;AAO5B,kCAAW;AALb,WAAW,CAAC,WAAW,GAAG,+CAAsB,CAAC;AACjD,WAAW,CAAC,MAAM,GAAG,2BAAiB,CAAC;AACvC,WAAW,CAAC,YAAY,GAAG,iCAAuB,CAAC;AAQnD,kBAAe,WAAW,CAAC"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { type SearchProps } from "../../../form/search";
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
import type { SearchNativeProps } from "../../../form/search/Search";
|
|
4
|
+
type DataToolbarSearchFieldProps = Omit<SearchNativeProps, "data-color"> & Pick<SearchProps, "label" | "onChange">;
|
|
5
|
+
declare const DataToolbarSearchField: React.ForwardRefExoticComponent<Omit<SearchNativeProps, "data-color"> & Pick<SearchProps, "label" | "onChange"> & React.RefAttributes<HTMLInputElement>>;
|
|
5
6
|
export { DataToolbarSearchField };
|
|
6
7
|
export default DataToolbarSearchField;
|
|
7
8
|
export type { DataToolbarSearchFieldProps };
|
|
@@ -19,7 +19,10 @@ const react_1 = __importDefault(require("react"));
|
|
|
19
19
|
const search_1 = require("../../../form/search");
|
|
20
20
|
const DataToolbarSearchField = react_1.default.forwardRef((_a, ref) => {
|
|
21
21
|
var { className } = _a, props = __rest(_a, ["className"]);
|
|
22
|
-
|
|
22
|
+
// We need the wrapper because Search has width:100%
|
|
23
|
+
return (react_1.default.createElement("div", null,
|
|
24
|
+
react_1.default.createElement(search_1.Search, Object.assign({ className: className, ref: ref }, props, { variant: "simple", size: "small", htmlSize: "12", placeholder: "Hurtigfilter" // TODO: Oversett, og vurder om skal være overstyrbart
|
|
25
|
+
}))));
|
|
23
26
|
});
|
|
24
27
|
exports.DataToolbarSearchField = DataToolbarSearchField;
|
|
25
28
|
exports.default = DataToolbarSearchField;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataToolbarSearchField.js","sourceRoot":"","sources":["../../../../src/data/toolbar/search-field/DataToolbarSearchField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,iDAAgE;
|
|
1
|
+
{"version":3,"file":"DataToolbarSearchField.js","sourceRoot":"","sources":["../../../../src/data/toolbar/search-field/DataToolbarSearchField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,iDAAgE;AAMhE,MAAM,sBAAsB,GAAG,eAAK,CAAC,UAAU,CAG7C,CAAC,EAAuB,EAAE,GAAG,EAAE,EAAE;QAAhC,EAAE,SAAS,OAAY,EAAP,KAAK,cAArB,aAAuB,CAAF;IACtB,oDAAoD;IACpD,OAAO,CACL;QACE,8BAAC,eAAM,kBACL,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,GAAG,IACJ,KAAK,IACT,OAAO,EAAC,QAAQ,EAChB,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAC,IAAI,EACb,WAAW,EAAC,cAAc,CAAC,sDAAsD;YACjF,CACE,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEM,wDAAsB;AAC/B,kBAAe,sBAAsB,CAAC"}
|