@navikt/ds-react 6.4.0 → 6.5.0
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/date/datepicker/parts/DayButton.js +1 -1
- package/cjs/date/datepicker/parts/DayButton.js.map +1 -1
- package/cjs/date/hooks/useDatepicker.js +4 -1
- package/cjs/date/hooks/useDatepicker.js.map +1 -1
- package/cjs/date/hooks/useMonthPicker.js +4 -1
- package/cjs/date/hooks/useMonthPicker.js.map +1 -1
- package/cjs/date/monthpicker/MonthButton.js +1 -1
- package/cjs/date/monthpicker/MonthButton.js.map +1 -1
- package/cjs/tabs/Tabs.context.d.ts +30 -0
- package/cjs/tabs/Tabs.context.js +14 -0
- package/cjs/tabs/Tabs.context.js.map +1 -0
- package/cjs/tabs/Tabs.d.ts +8 -43
- package/cjs/tabs/Tabs.js +19 -12
- package/cjs/tabs/Tabs.js.map +1 -1
- package/cjs/tabs/Tabs.types.d.ts +41 -0
- package/cjs/tabs/Tabs.types.js +3 -0
- package/cjs/tabs/Tabs.types.js.map +1 -0
- package/cjs/tabs/index.d.ts +5 -4
- package/cjs/tabs/index.js +6 -6
- package/cjs/tabs/index.js.map +1 -1
- package/cjs/tabs/parts/tab/Tab.d.ts +25 -0
- package/cjs/tabs/{Tab.js → parts/tab/Tab.js} +15 -14
- package/cjs/tabs/parts/tab/Tab.js.map +1 -0
- package/cjs/tabs/parts/tab/useTab.d.ts +20 -0
- package/cjs/tabs/parts/tab/useTab.js +29 -0
- package/cjs/tabs/parts/tab/useTab.js.map +1 -0
- package/cjs/tabs/parts/tablist/ScrollButtons.d.ts +8 -0
- package/cjs/tabs/parts/tablist/ScrollButtons.js +15 -0
- package/cjs/tabs/parts/tablist/ScrollButtons.js.map +1 -0
- package/{esm/tabs → cjs/tabs/parts/tablist}/TabList.d.ts +1 -1
- package/cjs/tabs/parts/tablist/TabList.js +61 -0
- package/cjs/tabs/parts/tablist/TabList.js.map +1 -0
- package/cjs/tabs/parts/tablist/useScrollButtons.d.ts +12 -0
- package/cjs/tabs/parts/tablist/useScrollButtons.js +61 -0
- package/cjs/tabs/parts/tablist/useScrollButtons.js.map +1 -0
- package/cjs/tabs/parts/tablist/useTabList.d.ts +7 -0
- package/cjs/tabs/parts/tablist/useTabList.js +66 -0
- package/cjs/tabs/parts/tablist/useTabList.js.map +1 -0
- package/cjs/tabs/parts/tabpanel/TabPanel.d.ts +25 -0
- package/cjs/tabs/{TabPanel.js → parts/tabpanel/TabPanel.js} +5 -3
- package/cjs/tabs/parts/tabpanel/TabPanel.js.map +1 -0
- package/cjs/tabs/parts/tabpanel/useTabPanel.d.ts +12 -0
- package/cjs/tabs/parts/tabpanel/useTabPanel.js +17 -0
- package/cjs/tabs/parts/tabpanel/useTabPanel.js.map +1 -0
- package/cjs/tabs/useTabs.d.ts +14 -0
- package/cjs/tabs/useTabs.js +43 -0
- package/cjs/tabs/useTabs.js.map +1 -0
- package/cjs/toggle-group/ToggleGroup.context.d.ts +31 -0
- package/cjs/toggle-group/ToggleGroup.context.js +16 -0
- package/cjs/toggle-group/ToggleGroup.context.js.map +1 -0
- package/cjs/toggle-group/ToggleGroup.d.ts +5 -36
- package/cjs/toggle-group/ToggleGroup.js +24 -24
- package/cjs/toggle-group/ToggleGroup.js.map +1 -1
- package/cjs/toggle-group/ToggleGroup.types.d.ts +38 -0
- package/cjs/toggle-group/ToggleGroup.types.js +3 -0
- package/cjs/toggle-group/ToggleGroup.types.js.map +1 -0
- package/cjs/toggle-group/index.d.ts +3 -2
- package/cjs/toggle-group/index.js +1 -1
- package/cjs/toggle-group/index.js.map +1 -1
- package/cjs/toggle-group/{ToggleItem.d.ts → parts/ToggleItem.d.ts} +2 -2
- package/cjs/toggle-group/{ToggleItem.js → parts/ToggleItem.js} +9 -8
- package/cjs/toggle-group/parts/ToggleItem.js.map +1 -0
- package/cjs/toggle-group/parts/useToggleItem.d.ts +20 -0
- package/cjs/toggle-group/parts/useToggleItem.js +76 -0
- package/cjs/toggle-group/parts/useToggleItem.js.map +1 -0
- package/cjs/toggle-group/useToggleGroup.d.ts +8 -0
- package/cjs/toggle-group/useToggleGroup.js +29 -0
- package/cjs/toggle-group/useToggleGroup.js.map +1 -0
- package/esm/date/datepicker/parts/DayButton.js +1 -1
- package/esm/date/datepicker/parts/DayButton.js.map +1 -1
- package/esm/date/hooks/useDatepicker.js +4 -1
- package/esm/date/hooks/useDatepicker.js.map +1 -1
- package/esm/date/hooks/useMonthPicker.js +4 -1
- package/esm/date/hooks/useMonthPicker.js.map +1 -1
- package/esm/date/monthpicker/MonthButton.js +1 -1
- package/esm/date/monthpicker/MonthButton.js.map +1 -1
- package/esm/tabs/Tabs.context.d.ts +30 -0
- package/esm/tabs/Tabs.context.js +10 -0
- package/esm/tabs/Tabs.context.js.map +1 -0
- package/esm/tabs/Tabs.d.ts +8 -43
- package/esm/tabs/Tabs.js +19 -12
- package/esm/tabs/Tabs.js.map +1 -1
- package/esm/tabs/Tabs.types.d.ts +41 -0
- package/esm/tabs/Tabs.types.js +2 -0
- package/esm/tabs/Tabs.types.js.map +1 -0
- package/esm/tabs/index.d.ts +5 -4
- package/esm/tabs/index.js +3 -3
- package/esm/tabs/index.js.map +1 -1
- package/esm/tabs/parts/tab/Tab.d.ts +25 -0
- package/esm/tabs/parts/tab/Tab.js +35 -0
- package/esm/tabs/parts/tab/Tab.js.map +1 -0
- package/esm/tabs/parts/tab/useTab.d.ts +20 -0
- package/esm/tabs/parts/tab/useTab.js +25 -0
- package/esm/tabs/parts/tab/useTab.js.map +1 -0
- package/esm/tabs/parts/tablist/ScrollButtons.d.ts +8 -0
- package/esm/tabs/parts/tablist/ScrollButtons.js +10 -0
- package/esm/tabs/parts/tablist/ScrollButtons.js.map +1 -0
- package/{cjs/tabs → esm/tabs/parts/tablist}/TabList.d.ts +1 -1
- package/esm/tabs/parts/tablist/TabList.js +32 -0
- package/esm/tabs/parts/tablist/TabList.js.map +1 -0
- package/esm/tabs/parts/tablist/useScrollButtons.d.ts +12 -0
- package/esm/tabs/parts/tablist/useScrollButtons.js +57 -0
- package/esm/tabs/parts/tablist/useScrollButtons.js.map +1 -0
- package/esm/tabs/parts/tablist/useTabList.d.ts +7 -0
- package/esm/tabs/parts/tablist/useTabList.js +62 -0
- package/esm/tabs/parts/tablist/useTabList.js.map +1 -0
- package/esm/tabs/parts/tabpanel/TabPanel.d.ts +25 -0
- package/esm/tabs/parts/tabpanel/TabPanel.js +22 -0
- package/esm/tabs/parts/tabpanel/TabPanel.js.map +1 -0
- package/esm/tabs/parts/tabpanel/useTabPanel.d.ts +12 -0
- package/esm/tabs/parts/tabpanel/useTabPanel.js +13 -0
- package/esm/tabs/parts/tabpanel/useTabPanel.js.map +1 -0
- package/esm/tabs/useTabs.d.ts +14 -0
- package/esm/tabs/useTabs.js +39 -0
- package/esm/tabs/useTabs.js.map +1 -0
- package/esm/toggle-group/ToggleGroup.context.d.ts +31 -0
- package/esm/toggle-group/ToggleGroup.context.js +12 -0
- package/esm/toggle-group/ToggleGroup.context.js.map +1 -0
- package/esm/toggle-group/ToggleGroup.d.ts +5 -36
- package/esm/toggle-group/ToggleGroup.js +24 -24
- package/esm/toggle-group/ToggleGroup.js.map +1 -1
- package/esm/toggle-group/ToggleGroup.types.d.ts +38 -0
- package/esm/toggle-group/ToggleGroup.types.js +2 -0
- package/esm/toggle-group/ToggleGroup.types.js.map +1 -0
- package/esm/toggle-group/index.d.ts +3 -2
- package/esm/toggle-group/index.js +1 -1
- package/esm/toggle-group/index.js.map +1 -1
- package/esm/toggle-group/{ToggleItem.d.ts → parts/ToggleItem.d.ts} +2 -2
- package/esm/toggle-group/parts/ToggleItem.js +25 -0
- package/esm/toggle-group/parts/ToggleItem.js.map +1 -0
- package/esm/toggle-group/parts/useToggleItem.d.ts +20 -0
- package/esm/toggle-group/parts/useToggleItem.js +72 -0
- package/esm/toggle-group/parts/useToggleItem.js.map +1 -0
- package/esm/toggle-group/useToggleGroup.d.ts +8 -0
- package/esm/toggle-group/useToggleGroup.js +25 -0
- package/esm/toggle-group/useToggleGroup.js.map +1 -0
- package/package.json +3 -5
- package/src/date/datepicker/datepicker.stories.tsx +39 -0
- package/src/date/datepicker/parts/DayButton.tsx +2 -0
- package/src/date/hooks/useDatepicker.tsx +5 -1
- package/src/date/hooks/useMonthPicker.tsx +5 -1
- package/src/date/monthpicker/MonthButton.tsx +1 -0
- package/src/date/monthpicker/monthpicker.stories.tsx +36 -19
- package/src/modal/modal.stories.tsx +2 -6
- package/src/tabs/Tabs.context.ts +24 -0
- package/src/tabs/Tabs.stories.tsx +233 -113
- package/src/tabs/Tabs.test.tsx +99 -37
- package/src/tabs/Tabs.tsx +48 -70
- package/src/tabs/Tabs.types.ts +43 -0
- package/src/tabs/index.ts +11 -4
- package/src/tabs/parts/tab/Tab.tsx +93 -0
- package/src/tabs/parts/tab/useTab.ts +52 -0
- package/src/tabs/parts/tablist/ScrollButtons.tsx +29 -0
- package/src/tabs/parts/tablist/TabList.tsx +56 -0
- package/src/tabs/parts/tablist/useScrollButtons.ts +69 -0
- package/src/tabs/parts/tablist/useTabList.ts +68 -0
- package/src/tabs/parts/tabpanel/TabPanel.tsx +50 -0
- package/src/tabs/parts/tabpanel/useTabPanel.ts +18 -0
- package/src/tabs/useTabs.ts +51 -0
- package/src/toggle-group/ToggleGroup.context.ts +31 -0
- package/src/toggle-group/ToggleGroup.stories.tsx +67 -6
- package/src/toggle-group/ToggleGroup.test.tsx +57 -16
- package/src/toggle-group/ToggleGroup.tsx +63 -90
- package/src/toggle-group/ToggleGroup.types.ts +40 -0
- package/src/toggle-group/index.ts +3 -2
- package/src/toggle-group/parts/ToggleItem.tsx +55 -0
- package/src/toggle-group/parts/useToggleItem.ts +104 -0
- package/src/toggle-group/useToggleGroup.ts +33 -0
- package/cjs/tabs/Tab.d.ts +0 -18
- package/cjs/tabs/Tab.js.map +0 -1
- package/cjs/tabs/TabList.js +0 -111
- package/cjs/tabs/TabList.js.map +0 -1
- package/cjs/tabs/TabPanel.d.ts +0 -13
- package/cjs/tabs/TabPanel.js.map +0 -1
- package/cjs/tabs/context.d.ts +0 -8
- package/cjs/tabs/context.js +0 -6
- package/cjs/tabs/context.js.map +0 -1
- package/cjs/toggle-group/ToggleItem.js.map +0 -1
- package/cjs/toggle-group/context.d.ts +0 -6
- package/cjs/toggle-group/context.js +0 -6
- package/cjs/toggle-group/context.js.map +0 -1
- package/esm/tabs/Tab.d.ts +0 -18
- package/esm/tabs/Tab.js +0 -34
- package/esm/tabs/Tab.js.map +0 -1
- package/esm/tabs/TabList.js +0 -82
- package/esm/tabs/TabList.js.map +0 -1
- package/esm/tabs/TabPanel.d.ts +0 -13
- package/esm/tabs/TabPanel.js +0 -20
- package/esm/tabs/TabPanel.js.map +0 -1
- package/esm/tabs/context.d.ts +0 -8
- package/esm/tabs/context.js +0 -3
- package/esm/tabs/context.js.map +0 -1
- package/esm/toggle-group/ToggleItem.js +0 -24
- package/esm/toggle-group/ToggleItem.js.map +0 -1
- package/esm/toggle-group/context.d.ts +0 -6
- package/esm/toggle-group/context.js +0 -3
- package/esm/toggle-group/context.js.map +0 -1
- package/src/tabs/Tab.tsx +0 -66
- package/src/tabs/TabList.tsx +0 -128
- package/src/tabs/TabPanel.tsx +0 -26
- package/src/tabs/context.ts +0 -9
- package/src/toggle-group/ToggleItem.tsx +0 -41
- package/src/toggle-group/context.ts +0 -9
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/toggle-group/index.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;AACb,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/toggle-group/index.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;AACb,6CAAuD;AAA9C,2HAAA,OAAO,OAAe;AAE/B,iDAG4B;AAF1B,8HAAA,OAAO,OAAmB"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
export interface ToggleGroupItemProps extends React.HTMLAttributes<HTMLButtonElement> {
|
|
3
3
|
/**
|
|
4
|
-
* Content
|
|
4
|
+
* Content.
|
|
5
5
|
*/
|
|
6
6
|
children: React.ReactNode;
|
|
7
7
|
/**
|
|
8
|
-
* Value for state-handling
|
|
8
|
+
* Value for state-handling.
|
|
9
9
|
*/
|
|
10
10
|
value: string;
|
|
11
11
|
}
|
|
@@ -37,16 +37,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
37
37
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
38
38
|
};
|
|
39
39
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
40
|
-
const RadixToggleGroup = __importStar(require("@radix-ui/react-toggle-group"));
|
|
41
40
|
const clsx_1 = __importDefault(require("clsx"));
|
|
42
41
|
const react_1 = __importStar(require("react"));
|
|
43
|
-
const BodyShort_1 = require("
|
|
44
|
-
const
|
|
45
|
-
const
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
42
|
+
const BodyShort_1 = require("../../typography/BodyShort");
|
|
43
|
+
const ToggleGroup_context_1 = require("../ToggleGroup.context");
|
|
44
|
+
const useToggleItem_1 = require("./useToggleItem");
|
|
45
|
+
const ToggleItem = (0, react_1.forwardRef)((_a, forwardedRef) => {
|
|
46
|
+
var { className, children, value, onClick, onFocus, onKeyDown } = _a, rest = __rest(_a, ["className", "children", "value", "onClick", "onFocus", "onKeyDown"]);
|
|
47
|
+
const itemCtx = (0, useToggleItem_1.useToggleItem)({ value, onClick, onFocus, disabled: false, onKeyDown }, forwardedRef);
|
|
48
|
+
const ctx = (0, ToggleGroup_context_1.useToggleGroupContext)();
|
|
49
|
+
return (react_1.default.createElement("button", Object.assign({}, rest, { ref: itemCtx.ref, className: (0, clsx_1.default)("navds-toggle-group__button", className), type: "button", role: "radio", "aria-checked": itemCtx.isSelected, tabIndex: itemCtx.isFocused ? 0 : -1, onClick: itemCtx.onClick, onFocus: itemCtx.onFocus, onKeyDown: itemCtx.onKeyDown }),
|
|
50
|
+
react_1.default.createElement(BodyShort_1.BodyShort, { as: "span", className: "navds-toggle-group__button-inner", size: ctx === null || ctx === void 0 ? void 0 : ctx.size }, children)));
|
|
50
51
|
});
|
|
51
52
|
exports.default = ToggleItem;
|
|
52
53
|
//# sourceMappingURL=ToggleItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ToggleItem.js","sourceRoot":"","sources":["../../../src/toggle-group/parts/ToggleItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAC1C,0DAAuD;AACvD,gEAA+D;AAC/D,mDAAgD;AAchD,MAAM,UAAU,GAAG,IAAA,kBAAU,EAC3B,CACE,EAAoE,EACpE,YAAY,EACZ,EAAE;QAFF,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,OAAW,EAAN,IAAI,cAAlE,qEAAoE,CAAF;IAGlE,MAAM,OAAO,GAAG,IAAA,6BAAa,EAC3B,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,EACvD,YAAY,CACb,CAAC;IACF,MAAM,GAAG,GAAG,IAAA,2CAAqB,GAAE,CAAC;IAEpC,OAAO,CACL,0DACM,IAAI,IACR,GAAG,EAAE,OAAO,CAAC,GAAG,EAChB,SAAS,EAAE,IAAA,cAAE,EAAC,4BAA4B,EAAE,SAAS,CAAC,EACtD,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,OAAO,kBACE,OAAO,CAAC,UAAU,EAChC,QAAQ,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACpC,OAAO,EAAE,OAAO,CAAC,OAAO,EACxB,OAAO,EAAE,OAAO,CAAC,OAAO,EACxB,SAAS,EAAE,OAAO,CAAC,SAAS;QAE5B,8BAAC,qBAAS,IACR,EAAE,EAAC,MAAM,EACT,SAAS,EAAC,kCAAkC,EAC5C,IAAI,EAAE,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,IAAI,IAEd,QAAQ,CACC,CACL,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export interface UseToggleItemProps {
|
|
3
|
+
/**
|
|
4
|
+
* If `true`, the `ToggleItem` won't be toggleable
|
|
5
|
+
* @default false
|
|
6
|
+
*/
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
onClick?: React.MouseEventHandler;
|
|
9
|
+
onFocus?: React.FocusEventHandler;
|
|
10
|
+
onKeyDown?: React.KeyboardEventHandler;
|
|
11
|
+
value: string;
|
|
12
|
+
}
|
|
13
|
+
export declare function useToggleItem<P extends UseToggleItemProps>({ value, disabled, onFocus: _onFocus, onClick, onKeyDown: _onKeyDown, }: P, ref: React.ForwardedRef<HTMLButtonElement>): {
|
|
14
|
+
ref: (instance: HTMLButtonElement | null) => void;
|
|
15
|
+
isSelected: boolean;
|
|
16
|
+
isFocused: boolean;
|
|
17
|
+
onClick: (event: import("react").MouseEvent<Element, MouseEvent>) => void;
|
|
18
|
+
onFocus: ((event: import("react").FocusEvent<Element, Element>) => void) | undefined;
|
|
19
|
+
onKeyDown: (event: import("react").KeyboardEvent<Element>) => void;
|
|
20
|
+
};
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useToggleItem = void 0;
|
|
4
|
+
const react_1 = require("react");
|
|
5
|
+
const composeEventHandlers_1 = require("../../util/composeEventHandlers");
|
|
6
|
+
const useMergeRefs_1 = require("../../util/hooks/useMergeRefs");
|
|
7
|
+
const ToggleGroup_context_1 = require("../ToggleGroup.context");
|
|
8
|
+
function useToggleItem({ value, disabled = false, onFocus: _onFocus, onClick, onKeyDown: _onKeyDown, }, ref) {
|
|
9
|
+
const { setSelectedValue, setFocusedValue, selectedValue, focusedValue } = (0, ToggleGroup_context_1.useToggleGroupContext)();
|
|
10
|
+
const { register, descendants } = (0, ToggleGroup_context_1.useToggleGroupDescendant)({
|
|
11
|
+
disabled,
|
|
12
|
+
value,
|
|
13
|
+
});
|
|
14
|
+
const isSelected = value === selectedValue;
|
|
15
|
+
const onFocus = () => setFocusedValue(value);
|
|
16
|
+
/**
|
|
17
|
+
* Implements roving-tabindex for horizontal tabs
|
|
18
|
+
*/
|
|
19
|
+
const onKeyDown = (0, react_1.useCallback)((event) => {
|
|
20
|
+
/**
|
|
21
|
+
* ToggleGroup.Item is registered with its prop 'value'.
|
|
22
|
+
* We can then use it to find the current focuses descendant
|
|
23
|
+
*/
|
|
24
|
+
const idx = descendants
|
|
25
|
+
.values()
|
|
26
|
+
.findIndex((x) => x.value === focusedValue);
|
|
27
|
+
const nextTab = () => {
|
|
28
|
+
var _a;
|
|
29
|
+
const next = descendants.nextEnabled(idx, false);
|
|
30
|
+
next && ((_a = next.node) === null || _a === void 0 ? void 0 : _a.focus());
|
|
31
|
+
};
|
|
32
|
+
const prevTab = () => {
|
|
33
|
+
var _a;
|
|
34
|
+
const prev = descendants.prevEnabled(idx, false);
|
|
35
|
+
prev && ((_a = prev.node) === null || _a === void 0 ? void 0 : _a.focus());
|
|
36
|
+
};
|
|
37
|
+
const firstTab = () => {
|
|
38
|
+
var _a;
|
|
39
|
+
const first = descendants.firstEnabled();
|
|
40
|
+
first && ((_a = first.node) === null || _a === void 0 ? void 0 : _a.focus());
|
|
41
|
+
};
|
|
42
|
+
const lastTab = () => {
|
|
43
|
+
var _a;
|
|
44
|
+
const last = descendants.lastEnabled();
|
|
45
|
+
last && ((_a = last.node) === null || _a === void 0 ? void 0 : _a.focus());
|
|
46
|
+
};
|
|
47
|
+
const keyMap = {
|
|
48
|
+
ArrowLeft: prevTab,
|
|
49
|
+
ArrowRight: nextTab,
|
|
50
|
+
Home: firstTab,
|
|
51
|
+
End: lastTab,
|
|
52
|
+
};
|
|
53
|
+
const action = keyMap[event.key];
|
|
54
|
+
if (action) {
|
|
55
|
+
event.preventDefault();
|
|
56
|
+
action(event);
|
|
57
|
+
}
|
|
58
|
+
else if (event.key === "Tab") {
|
|
59
|
+
/**
|
|
60
|
+
* Imperative focus during keydown is risky so we prevent React's batching updates
|
|
61
|
+
* to avoid potential bugs. See: https://github.com/facebook/react/issues/20332
|
|
62
|
+
*/
|
|
63
|
+
selectedValue && setTimeout(() => setFocusedValue(selectedValue));
|
|
64
|
+
}
|
|
65
|
+
}, [descendants, focusedValue, selectedValue, setFocusedValue]);
|
|
66
|
+
return {
|
|
67
|
+
ref: (0, useMergeRefs_1.mergeRefs)([register, ref]),
|
|
68
|
+
isSelected,
|
|
69
|
+
isFocused: focusedValue === value,
|
|
70
|
+
onClick: (0, composeEventHandlers_1.composeEventHandlers)(onClick, () => setSelectedValue(value)),
|
|
71
|
+
onFocus: disabled ? undefined : (0, composeEventHandlers_1.composeEventHandlers)(_onFocus, onFocus),
|
|
72
|
+
onKeyDown: (0, composeEventHandlers_1.composeEventHandlers)(_onKeyDown, onKeyDown),
|
|
73
|
+
};
|
|
74
|
+
}
|
|
75
|
+
exports.useToggleItem = useToggleItem;
|
|
76
|
+
//# sourceMappingURL=useToggleItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useToggleItem.js","sourceRoot":"","sources":["../../../src/toggle-group/parts/useToggleItem.ts"],"names":[],"mappings":";;;AAAA,iCAAoC;AACpC,0EAAuE;AACvE,gEAA0D;AAC1D,gEAGgC;AAchC,SAAgB,aAAa,CAC3B,EACE,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,OAAO,EAAE,QAAQ,EACjB,OAAO,EACP,SAAS,EAAE,UAAU,GACnB,EACJ,GAA0C;IAE1C,MAAM,EAAE,gBAAgB,EAAE,eAAe,EAAE,aAAa,EAAE,YAAY,EAAE,GACtE,IAAA,2CAAqB,GAAE,CAAC;IAE1B,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,IAAA,8CAAwB,EAAC;QACzD,QAAQ;QACR,KAAK;KACN,CAAC,CAAC;IAEH,MAAM,UAAU,GAAG,KAAK,KAAK,aAAa,CAAC;IAE3C,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;IAE7C;;OAEG;IACH,MAAM,SAAS,GAAG,IAAA,mBAAW,EAC3B,CAAC,KAA0B,EAAE,EAAE;QAC7B;;;WAGG;QACH,MAAM,GAAG,GAAG,WAAW;aACpB,MAAM,EAAE;aACR,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,YAAY,CAAC,CAAC;QAE9C,MAAM,OAAO,GAAG,GAAG,EAAE;;YACnB,MAAM,IAAI,GAAG,WAAW,CAAC,WAAW,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;YACjD,IAAI,KAAI,MAAA,IAAI,CAAC,IAAI,0CAAE,KAAK,EAAE,CAAA,CAAC;QAC7B,CAAC,CAAC;QACF,MAAM,OAAO,GAAG,GAAG,EAAE;;YACnB,MAAM,IAAI,GAAG,WAAW,CAAC,WAAW,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;YACjD,IAAI,KAAI,MAAA,IAAI,CAAC,IAAI,0CAAE,KAAK,EAAE,CAAA,CAAC;QAC7B,CAAC,CAAC;QACF,MAAM,QAAQ,GAAG,GAAG,EAAE;;YACpB,MAAM,KAAK,GAAG,WAAW,CAAC,YAAY,EAAE,CAAC;YACzC,KAAK,KAAI,MAAA,KAAK,CAAC,IAAI,0CAAE,KAAK,EAAE,CAAA,CAAC;QAC/B,CAAC,CAAC;QACF,MAAM,OAAO,GAAG,GAAG,EAAE;;YACnB,MAAM,IAAI,GAAG,WAAW,CAAC,WAAW,EAAE,CAAC;YACvC,IAAI,KAAI,MAAA,IAAI,CAAC,IAAI,0CAAE,KAAK,EAAE,CAAA,CAAC;QAC7B,CAAC,CAAC;QAEF,MAAM,MAAM,GAA+C;YACzD,SAAS,EAAE,OAAO;YAClB,UAAU,EAAE,OAAO;YACnB,IAAI,EAAE,QAAQ;YACd,GAAG,EAAE,OAAO;SACb,CAAC;QAEF,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAEjC,IAAI,MAAM,EAAE,CAAC;YACX,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,MAAM,CAAC,KAAK,CAAC,CAAC;QAChB,CAAC;aAAM,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,EAAE,CAAC;YAC/B;;;eAGG;YACH,aAAa,IAAI,UAAU,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC,CAAC;QACpE,CAAC;IACH,CAAC,EACD,CAAC,WAAW,EAAE,YAAY,EAAE,aAAa,EAAE,eAAe,CAAC,CAC5D,CAAC;IAEF,OAAO;QACL,GAAG,EAAE,IAAA,wBAAS,EAAC,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;QAC/B,UAAU;QACV,SAAS,EAAE,YAAY,KAAK,KAAK;QACjC,OAAO,EAAE,IAAA,2CAAoB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;QACrE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAA,2CAAoB,EAAC,QAAQ,EAAE,OAAO,CAAC;QACvE,SAAS,EAAE,IAAA,2CAAoB,EAAC,UAAU,EAAE,SAAS,CAAC;KACvD,CAAC;AACJ,CAAC;AAnFD,sCAmFC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ToggleGroupProps } from "./ToggleGroup.types";
|
|
3
|
+
export declare function useToggleGroup({ onChange, value, defaultValue, }: Pick<ToggleGroupProps, "onChange" | "value" | "defaultValue">): {
|
|
4
|
+
selectedValue: string;
|
|
5
|
+
setSelectedValue: (next: import("react").SetStateAction<string>) => void;
|
|
6
|
+
focusedValue: string;
|
|
7
|
+
setFocusedValue: import("react").Dispatch<import("react").SetStateAction<string>>;
|
|
8
|
+
};
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useToggleGroup = void 0;
|
|
4
|
+
const react_1 = require("react");
|
|
5
|
+
const useControllableState_1 = require("../util/hooks/useControllableState");
|
|
6
|
+
function useToggleGroup({ onChange, value, defaultValue = "", }) {
|
|
7
|
+
const [focusedValue, setFocusedValue] = (0, react_1.useState)(defaultValue);
|
|
8
|
+
const [selectedValue, setSelectedValue] = (0, useControllableState_1.useControllableState)({
|
|
9
|
+
defaultValue,
|
|
10
|
+
value,
|
|
11
|
+
onChange,
|
|
12
|
+
});
|
|
13
|
+
/**
|
|
14
|
+
* Sync focused `value` with controlled `selectedValue`
|
|
15
|
+
*/
|
|
16
|
+
(0, react_1.useEffect)(() => {
|
|
17
|
+
if (value != null) {
|
|
18
|
+
setFocusedValue(value);
|
|
19
|
+
}
|
|
20
|
+
}, [value]);
|
|
21
|
+
return {
|
|
22
|
+
selectedValue,
|
|
23
|
+
setSelectedValue,
|
|
24
|
+
focusedValue,
|
|
25
|
+
setFocusedValue,
|
|
26
|
+
};
|
|
27
|
+
}
|
|
28
|
+
exports.useToggleGroup = useToggleGroup;
|
|
29
|
+
//# sourceMappingURL=useToggleGroup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useToggleGroup.js","sourceRoot":"","sources":["../../src/toggle-group/useToggleGroup.ts"],"names":[],"mappings":";;;AAAA,iCAA4C;AAC5C,6EAA0E;AAG1E,SAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,KAAK,EACL,YAAY,GAAG,EAAE,GAC6C;IAC9D,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAC,YAAY,CAAC,CAAC;IAE/D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,2CAAoB,EAAC;QAC7D,YAAY;QACZ,KAAK;QACL,QAAQ;KACT,CAAC,CAAC;IAEH;;OAEG;IACH,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,KAAK,IAAI,IAAI,EAAE,CAAC;YAClB,eAAe,CAAC,KAAK,CAAC,CAAC;QACzB,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO;QACL,aAAa;QACb,gBAAgB;QAChB,YAAY;QACZ,eAAe;KAChB,CAAC;AACJ,CAAC;AA5BD,wCA4BC"}
|
|
@@ -12,7 +12,7 @@ const DayButton = (props) => {
|
|
|
12
12
|
if (!dayRender.isButton) {
|
|
13
13
|
return React.createElement("div", Object.assign({}, dayRender.divProps));
|
|
14
14
|
}
|
|
15
|
-
return (React.createElement(Button, Object.assign({ name: "day", ref: buttonRef }, dayRender.buttonProps, { role: undefined, "aria-label": dateTime, "aria-hidden": dayRender.activeModifiers.outside })));
|
|
15
|
+
return (React.createElement(Button, Object.assign({ name: "day", ref: buttonRef }, dayRender.buttonProps, { role: undefined, "aria-label": dateTime, "aria-hidden": dayRender.activeModifiers.outside, "aria-selected": undefined, "aria-pressed": !!dayRender.activeModifiers.selected })));
|
|
16
16
|
};
|
|
17
17
|
export default DayButton;
|
|
18
18
|
//# sourceMappingURL=DayButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DayButton.js","sourceRoot":"","sources":["../../../../src/date/datepicker/parts/DayButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,MAAM,EAAY,YAAY,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhF,MAAM,SAAS,GAAG,CAAC,KAAe,EAAE,EAAE;IACpC,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAClD,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;IAC1E,MAAM,EAAE,MAAM,EAAE,GAAG,YAAY,EAAE,CAAC;IAClC,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;IAE1D,IAAI,SAAS,CAAC,QAAQ,EAAE,CAAC;QACvB,OAAO,yCAAK,CAAC;IACf,CAAC;IACD,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC;QACxB,OAAO,6CAAS,SAAS,CAAC,QAAQ,EAAI,CAAC;IACzC,CAAC;IAED,OAAO,CACL,oBAAC,MAAM,kBACL,IAAI,EAAC,KAAK,EACV,GAAG,EAAE,SAAS,IACV,SAAS,CAAC,WAAW,IACzB,IAAI,EAAE,SAAS,gBACH,QAAQ,iBACP,SAAS,CAAC,eAAe,CAAC,OAAO,
|
|
1
|
+
{"version":3,"file":"DayButton.js","sourceRoot":"","sources":["../../../../src/date/datepicker/parts/DayButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,MAAM,EAAY,YAAY,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhF,MAAM,SAAS,GAAG,CAAC,KAAe,EAAE,EAAE;IACpC,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAClD,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;IAC1E,MAAM,EAAE,MAAM,EAAE,GAAG,YAAY,EAAE,CAAC;IAClC,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;IAE1D,IAAI,SAAS,CAAC,QAAQ,EAAE,CAAC;QACvB,OAAO,yCAAK,CAAC;IACf,CAAC;IACD,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC;QACxB,OAAO,6CAAS,SAAS,CAAC,QAAQ,EAAI,CAAC;IACzC,CAAC;IAED,OAAO,CACL,oBAAC,MAAM,kBACL,IAAI,EAAC,KAAK,EACV,GAAG,EAAE,SAAS,IACV,SAAS,CAAC,WAAW,IACzB,IAAI,EAAE,SAAS,gBACH,QAAQ,iBACP,SAAS,CAAC,eAAe,CAAC,OAAO,mBAC/B,SAAS,kBACV,CAAC,CAAC,SAAS,CAAC,eAAe,CAAC,QAAQ,IAClD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -73,11 +73,14 @@ export const useDatepicker = (opt = {}) => {
|
|
|
73
73
|
};
|
|
74
74
|
/* Only allow de-selecting if not required */
|
|
75
75
|
const handleDayClick = (day, { selected }) => {
|
|
76
|
+
if (selected && required) {
|
|
77
|
+
return;
|
|
78
|
+
}
|
|
76
79
|
if (day && !selected) {
|
|
77
80
|
handleOpen(false);
|
|
78
81
|
anchorRef === null || anchorRef === void 0 ? void 0 : anchorRef.focus();
|
|
79
82
|
}
|
|
80
|
-
if (
|
|
83
|
+
if (selected) {
|
|
81
84
|
updateDate(undefined);
|
|
82
85
|
setInputValue("");
|
|
83
86
|
updateValidation({ isValidDate: false, isEmpty: true });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useDatepicker.js","sourceRoot":"","sources":["../../../src/date/hooks/useDatepicker.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"useDatepicker.js","sourceRoot":"","sources":["../../../src/date/hooks/useDatepicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -86,12 +86,15 @@ export const useMonthpicker = (opt = {}) => {
|
|
|
86
86
|
};
|
|
87
87
|
/* Only allow de-selecting if not required */
|
|
88
88
|
const handleMonthClick = (month) => {
|
|
89
|
+
if (!month && required) {
|
|
90
|
+
return;
|
|
91
|
+
}
|
|
89
92
|
if (month) {
|
|
90
93
|
handleOpen(false);
|
|
91
94
|
setYear(month);
|
|
92
95
|
anchorRef === null || anchorRef === void 0 ? void 0 : anchorRef.focus();
|
|
93
96
|
}
|
|
94
|
-
if (!
|
|
97
|
+
if (!month) {
|
|
95
98
|
updateMonth(undefined);
|
|
96
99
|
updateValidation({ isValidMonth: false, isEmpty: true });
|
|
97
100
|
setInputValue("");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useMonthPicker.js","sourceRoot":"","sources":["../../../src/date/hooks/useMonthPicker.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"useMonthPicker.js","sourceRoot":"","sources":["../../../src/date/hooks/useMonthPicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -30,7 +30,7 @@ export const MonthButton = ({ month, months, focus, setFocus, tabRoot, setTabRoo
|
|
|
30
30
|
}, [focus, month, setFocus]);
|
|
31
31
|
const isDisabled = isMatch(setYear(month, year.getFullYear()), disabled) ||
|
|
32
32
|
disableMonth(month, fromDate, toDate);
|
|
33
|
-
return (React.createElement("button", { ref: ref, type: "button", onClick: () => onSelect(isSelected ? undefined : month), disabled: isDisabled, className: cl("navds-date__month-button", {
|
|
33
|
+
return (React.createElement("button", { ref: ref, type: "button", onClick: () => onSelect(isSelected ? undefined : month), disabled: isDisabled, "aria-pressed": !!isSelected, className: cl("navds-date__month-button", {
|
|
34
34
|
"rdp-day_today": dateIsInCurrentMonth(month, year),
|
|
35
35
|
"rdp-day_selected": isSelected,
|
|
36
36
|
"rdp-day_disabled": isDisabled,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MonthButton.js","sourceRoot":"","sources":["../../../src/date/monthpicker/MonthButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,EACL,UAAU,EACV,WAAW,EACX,MAAM,EACN,WAAW,EACX,OAAO,GACR,MAAM,UAAU,CAAC;AAClB,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,oBAAoB,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAWtE,MAAM,YAAY,GAAG,CAAC,KAAW,EAAE,QAAe,EAAE,MAAa,EAAE,EAAE;IACnE,IAAI,QAAQ,IAAI,MAAM,EAAE,CAAC;QACvB,OAAO,CACL,CAAC,UAAU,CAAC,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;YACrE,CAAC,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CACnE,CAAC;IACJ,CAAC;SAAM,IAAI,QAAQ,EAAE,CAAC;QACpB,OAAO,UAAU,CAAC,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IAC7E,CAAC;SAAM,IAAI,MAAM,EAAE,CAAC;QAClB,OAAO,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IAC1E,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,KAAK,EACL,MAAM,EACN,KAAK,EACL,QAAQ,EACR,OAAO,EACP,UAAU,GACA,EAAE,EAAE;IACd,MAAM,GAAG,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAC5C,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,GAC/D,qBAAqB,EAAE,CAAC;IAE1B,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,YAAY,EAAE,CAAC;IACpD,MAAM,UAAU,GAAG,QAAQ,IAAI,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IAE5D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,EAAE,CAAC;YACV,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,GAAG,CAAC,OAAO,IAAI,GAAG,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;YAChE,QAAQ,EAAE,CAAC;QACb,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE7B,MAAM,UAAU,GACd,OAAO,CAAC,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,EAAE,QAAQ,CAAC;QACrD,YAAY,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;IAExC,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,EACvD,QAAQ,EAAE,UAAU,
|
|
1
|
+
{"version":3,"file":"MonthButton.js","sourceRoot":"","sources":["../../../src/date/monthpicker/MonthButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,EACL,UAAU,EACV,WAAW,EACX,MAAM,EACN,WAAW,EACX,OAAO,GACR,MAAM,UAAU,CAAC;AAClB,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,oBAAoB,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAWtE,MAAM,YAAY,GAAG,CAAC,KAAW,EAAE,QAAe,EAAE,MAAa,EAAE,EAAE;IACnE,IAAI,QAAQ,IAAI,MAAM,EAAE,CAAC;QACvB,OAAO,CACL,CAAC,UAAU,CAAC,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;YACrE,CAAC,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CACnE,CAAC;IACJ,CAAC;SAAM,IAAI,QAAQ,EAAE,CAAC;QACpB,OAAO,UAAU,CAAC,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IAC7E,CAAC;SAAM,IAAI,MAAM,EAAE,CAAC;QAClB,OAAO,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IAC1E,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,KAAK,EACL,MAAM,EACN,KAAK,EACL,QAAQ,EACR,OAAO,EACP,UAAU,GACA,EAAE,EAAE;IACd,MAAM,GAAG,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAC5C,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,GAC/D,qBAAqB,EAAE,CAAC;IAE1B,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,YAAY,EAAE,CAAC;IACpD,MAAM,UAAU,GAAG,QAAQ,IAAI,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IAE5D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,EAAE,CAAC;YACV,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,GAAG,CAAC,OAAO,IAAI,GAAG,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;YAChE,QAAQ,EAAE,CAAC;QACb,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE7B,MAAM,UAAU,GACd,OAAO,CAAC,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,EAAE,QAAQ,CAAC;QACrD,YAAY,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;IAExC,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,EACvD,QAAQ,EAAE,UAAU,kBACN,CAAC,CAAC,UAAU,EAC1B,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE;YACxC,eAAe,EAAE,oBAAoB,CAAC,KAAK,EAAE,IAAI,CAAC;YAClD,kBAAkB,EAAE,UAAU;YAC9B,kBAAkB,EAAE,UAAU;SAC/B,CAAC,EACF,QAAQ,EACN,OAAO,IAAI,WAAW,CAAC,KAAK,EAAE,OAAO,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC;YACjE,CAAC,CAAC,CAAC;YACH,CAAC,CAAC,CAAC,CAAC,EAER,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;YACf,MAAM,IAAI,GAAG,WAAW,CACtB,MAAM,EACN,CAAC,CAAC,GAAG,EACL,QAAQ,EACR,KAAK,EACL,MAAM,EACN,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,MAAM,CACP,CAAC;YACF,QAAQ,CAAC,IAAI,CAAC,CAAC;YACf,UAAU,CAAC,IAAI,CAAC,CAAC;QACnB,CAAC,EACD,OAAO,EAAE,GAAG,EAAE;YACZ,UAAU,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC;QAED,6CAAkB,MAAM,IACrB,MAAM,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC;aACxC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC;aAChB,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CACb;QACP,8BAAM,SAAS,EAAC,eAAe,IAC5B,MAAM,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,CAAC,CACvC,CACA,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { TabsProps } from "./Tabs.types.js";
|
|
3
|
+
import { useTabs } from "./useTabs.js";
|
|
4
|
+
export declare const TabsDescendantsProvider: import("react").Provider<import("../util/hooks/descendants/descendant.js").DescendantsManager<HTMLButtonElement, {
|
|
5
|
+
value: string;
|
|
6
|
+
}>>, useTabsDescendantsContext: () => import("../util/hooks/descendants/descendant.js").DescendantsManager<HTMLButtonElement, {
|
|
7
|
+
value: string;
|
|
8
|
+
}>, useTabsDescendants: () => import("../util/hooks/descendants/descendant.js").DescendantsManager<HTMLButtonElement, {
|
|
9
|
+
value: string;
|
|
10
|
+
}>, useTabsDescendant: (options?: import("../util/hooks/descendants/descendant.js").DescendantOptions<{
|
|
11
|
+
value: string;
|
|
12
|
+
}> | undefined) => {
|
|
13
|
+
descendants: import("../util/hooks/descendants/descendant.js").DescendantsManager<HTMLElement, Record<string, any>>;
|
|
14
|
+
index: number;
|
|
15
|
+
enabledIndex: number;
|
|
16
|
+
register: (instance: HTMLButtonElement | null) => void;
|
|
17
|
+
};
|
|
18
|
+
type TabsProviderProps = ReturnType<typeof useTabs> & Pick<TabsProps, "selectionFollowsFocus" | "loop" | "size" | "iconPosition" | "fill">;
|
|
19
|
+
export declare const TabsProvider: import("react").ForwardRefExoticComponent<{
|
|
20
|
+
id: string;
|
|
21
|
+
selectedValue: string;
|
|
22
|
+
setSelectedValue: (next: import("react").SetStateAction<string>) => void;
|
|
23
|
+
focusedValue: string;
|
|
24
|
+
setFocusedValue: import("react").Dispatch<import("react").SetStateAction<string>>;
|
|
25
|
+
makeTabId: (id: string, value: string) => string;
|
|
26
|
+
makeTabPanelId: (id: string, value: string) => string;
|
|
27
|
+
} & Pick<TabsProps, "size" | "fill" | "loop" | "iconPosition" | "selectionFollowsFocus"> & {
|
|
28
|
+
children: import("react").ReactNode;
|
|
29
|
+
} & import("react").RefAttributes<unknown>>, useTabsContext: <S extends boolean = true>(strict?: S) => S extends true ? TabsProviderProps : TabsProviderProps | undefined;
|
|
30
|
+
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { createContext } from "../util/create-context.js";
|
|
2
|
+
import { createDescendantContext } from "../util/hooks/descendants/useDescendant.js";
|
|
3
|
+
export const [TabsDescendantsProvider, useTabsDescendantsContext, useTabsDescendants, useTabsDescendant,] = createDescendantContext();
|
|
4
|
+
/* State context */
|
|
5
|
+
export const [TabsProvider, useTabsContext] = createContext({
|
|
6
|
+
name: "TabsContext",
|
|
7
|
+
hookName: "useTabsContext",
|
|
8
|
+
providerName: "TabsProvider",
|
|
9
|
+
});
|
|
10
|
+
//# sourceMappingURL=Tabs.context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tabs.context.js","sourceRoot":"","sources":["../../src/tabs/Tabs.context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,yCAAyC,CAAC;AAIlF,MAAM,CAAC,MAAM,CACX,uBAAuB,EACvB,yBAAyB,EACzB,kBAAkB,EAClB,iBAAiB,EAClB,GAAG,uBAAuB,EAAwC,CAAC;AAQpE,mBAAmB;AACnB,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE,cAAc,CAAC,GAAG,aAAa,CAAoB;IAC7E,IAAI,EAAE,aAAa;IACnB,QAAQ,EAAE,gBAAgB;IAC1B,YAAY,EAAE,cAAc;CAC7B,CAAC,CAAC"}
|
package/esm/tabs/Tabs.d.ts
CHANGED
|
@@ -1,57 +1,22 @@
|
|
|
1
|
-
import React
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
export interface TabsProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "dir"> {
|
|
7
|
-
children: React.ReactNode;
|
|
8
|
-
/**
|
|
9
|
-
* Changes padding and font-size.
|
|
10
|
-
* @default "medium"
|
|
11
|
-
*/
|
|
12
|
-
size?: "medium" | "small";
|
|
13
|
-
/**
|
|
14
|
-
* onChange callback for selected Tab.
|
|
15
|
-
*/
|
|
16
|
-
onChange?: (value: string) => void;
|
|
17
|
-
/**
|
|
18
|
-
* Controlled selected value.
|
|
19
|
-
*/
|
|
20
|
-
value?: string;
|
|
21
|
-
/**
|
|
22
|
-
* If not controlled, a default-value needs to be set.
|
|
23
|
-
*/
|
|
24
|
-
defaultValue?: string;
|
|
25
|
-
/**
|
|
26
|
-
* Automatically activates tab on focus/navigation.
|
|
27
|
-
* @default false
|
|
28
|
-
*/
|
|
29
|
-
selectionFollowsFocus?: boolean;
|
|
30
|
-
/**
|
|
31
|
-
* Loops back to start when navigating past last item.
|
|
32
|
-
* @default false
|
|
33
|
-
*/
|
|
34
|
-
loop?: boolean;
|
|
35
|
-
/**
|
|
36
|
-
* Icon position in Tab.
|
|
37
|
-
* @default "left"
|
|
38
|
-
*/
|
|
39
|
-
iconPosition?: "left" | "top";
|
|
40
|
-
}
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { TabsProps } from "./Tabs.types.js";
|
|
3
|
+
import Tab from "./parts/tab/Tab.js";
|
|
4
|
+
import TabList from "./parts/tablist/TabList.js";
|
|
5
|
+
import TabPanel from "./parts/tabpanel/TabPanel.js";
|
|
41
6
|
interface TabsComponent extends React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>> {
|
|
42
7
|
/**
|
|
43
8
|
* @see 🏷️ {@link TabProps}
|
|
44
9
|
* @see [🤖 OverridableComponent](https://aksel.nav.no/grunnleggende/kode/overridablecomponent) support
|
|
45
10
|
*/
|
|
46
|
-
Tab:
|
|
11
|
+
Tab: typeof Tab;
|
|
47
12
|
/**
|
|
48
13
|
* @see 🏷️ {@link TabListProps}
|
|
49
14
|
*/
|
|
50
|
-
List:
|
|
15
|
+
List: typeof TabList;
|
|
51
16
|
/**
|
|
52
17
|
* @see 🏷️ {@link TabPanelProps}
|
|
53
18
|
*/
|
|
54
|
-
Panel:
|
|
19
|
+
Panel: typeof TabPanel;
|
|
55
20
|
}
|
|
56
21
|
/**
|
|
57
22
|
* A component that displays a set of tabs that can be used to switch between different views.
|
package/esm/tabs/Tabs.js
CHANGED
|
@@ -9,13 +9,13 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import * as RadixTabs from "@radix-ui/react-tabs";
|
|
13
12
|
import cl from "clsx";
|
|
14
13
|
import React, { forwardRef } from "react";
|
|
15
|
-
import
|
|
16
|
-
import
|
|
17
|
-
import
|
|
18
|
-
import
|
|
14
|
+
import { TabsDescendantsProvider, TabsProvider, useTabsDescendants, } from "./Tabs.context.js";
|
|
15
|
+
import Tab from "./parts/tab/Tab.js";
|
|
16
|
+
import TabList from "./parts/tablist/TabList.js";
|
|
17
|
+
import TabPanel from "./parts/tabpanel/TabPanel.js";
|
|
18
|
+
import { useTabs } from "./useTabs.js";
|
|
19
19
|
/**
|
|
20
20
|
* A component that displays a set of tabs that can be used to switch between different views.
|
|
21
21
|
*
|
|
@@ -43,13 +43,20 @@ import { TabsContext } from "./context.js";
|
|
|
43
43
|
* ```
|
|
44
44
|
*/
|
|
45
45
|
export const Tabs = forwardRef((_a, ref) => {
|
|
46
|
-
var { className, children,
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
46
|
+
var { className, children, size = "medium", defaultValue = "", value, onChange, id, selectionFollowsFocus = false, loop = true, iconPosition = "left", fill = false } = _a, rest = __rest(_a, ["className", "children", "size", "defaultValue", "value", "onChange", "id", "selectionFollowsFocus", "loop", "iconPosition", "fill"]);
|
|
47
|
+
const descendants = useTabsDescendants();
|
|
48
|
+
const tabsContext = useTabs({ defaultValue, value, onChange, id });
|
|
49
|
+
/**
|
|
50
|
+
* TabsProvider handles memoization of context values, so we can safely skip it here.
|
|
51
|
+
*/
|
|
52
|
+
const context = Object.assign(Object.assign({}, tabsContext), { selectionFollowsFocus,
|
|
53
|
+
loop,
|
|
54
|
+
size,
|
|
55
|
+
iconPosition,
|
|
56
|
+
fill });
|
|
57
|
+
return (React.createElement(TabsDescendantsProvider, { value: descendants },
|
|
58
|
+
React.createElement(TabsProvider, Object.assign({}, context),
|
|
59
|
+
React.createElement("div", Object.assign({ ref: ref }, rest, { id: id, className: cl("navds-tabs", className, `navds-tabs--${size}`) }), children))));
|
|
53
60
|
});
|
|
54
61
|
Tabs.Tab = Tab;
|
|
55
62
|
Tabs.List = TabList;
|
package/esm/tabs/Tabs.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../src/tabs/Tabs.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../src/tabs/Tabs.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EACL,uBAAuB,EACvB,YAAY,EACZ,kBAAkB,GACnB,MAAM,gBAAgB,CAAC;AAExB,OAAO,GAAG,MAAM,iBAAiB,CAAC;AAClC,OAAO,OAAO,MAAM,yBAAyB,CAAC;AAC9C,OAAO,QAAQ,MAAM,2BAA2B,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAqBpC;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC5B,CACE,EAaC,EACD,GAAG,EACH,EAAE;QAfF,EACE,SAAS,EACT,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,YAAY,GAAG,EAAE,EACjB,KAAK,EACL,QAAQ,EACR,EAAE,EACF,qBAAqB,GAAG,KAAK,EAC7B,IAAI,GAAG,IAAI,EACX,YAAY,GAAG,MAAM,EACrB,IAAI,GAAG,KAAK,OAEb,EADI,IAAI,cAZT,qIAaC,CADQ;IAIT,MAAM,WAAW,GAAG,kBAAkB,EAAE,CAAC;IAEzC,MAAM,WAAW,GAAG,OAAO,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC;IAEnE;;OAEG;IACH,MAAM,OAAO,mCACR,WAAW,KACd,qBAAqB;QACrB,IAAI;QACJ,IAAI;QACJ,YAAY;QACZ,IAAI,GACL,CAAC;IAEF,OAAO,CACL,oBAAC,uBAAuB,IAAC,KAAK,EAAE,WAAW;QACzC,oBAAC,YAAY,oBAAK,OAAO;YACvB,2CACE,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,EAAE,eAAe,IAAI,EAAE,CAAC,KAE5D,QAAQ,CACL,CACO,CACS,CAC3B,CAAC;AACJ,CAAC,CACe,CAAC;AAEnB,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC;AACf,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC;AACpB,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAe,IAAI,CAAC"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { HTMLAttributes } from "react";
|
|
2
|
+
export interface TabsProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "dir"> {
|
|
3
|
+
children: React.ReactNode;
|
|
4
|
+
/**
|
|
5
|
+
* Changes padding and font-size.
|
|
6
|
+
* @default "medium"
|
|
7
|
+
*/
|
|
8
|
+
size?: "medium" | "small";
|
|
9
|
+
/**
|
|
10
|
+
* onChange callback for selected Tab.
|
|
11
|
+
*/
|
|
12
|
+
onChange?: (value: string) => void;
|
|
13
|
+
/**
|
|
14
|
+
* Controlled selected value.
|
|
15
|
+
*/
|
|
16
|
+
value?: string;
|
|
17
|
+
/**
|
|
18
|
+
* If not controlled, a default-value needs to be set.
|
|
19
|
+
*/
|
|
20
|
+
defaultValue?: string;
|
|
21
|
+
/**
|
|
22
|
+
* Automatically activates tab on focus/navigation.
|
|
23
|
+
* @default false
|
|
24
|
+
*/
|
|
25
|
+
selectionFollowsFocus?: boolean;
|
|
26
|
+
/**
|
|
27
|
+
* Loops back to start when navigating past last item.
|
|
28
|
+
* @default true
|
|
29
|
+
*/
|
|
30
|
+
loop?: boolean;
|
|
31
|
+
/**
|
|
32
|
+
* Icon position in Tab.
|
|
33
|
+
* @default "left"
|
|
34
|
+
*/
|
|
35
|
+
iconPosition?: "left" | "top";
|
|
36
|
+
/**
|
|
37
|
+
* Stretches each tab to fill avaliable space in container.
|
|
38
|
+
* @default false
|
|
39
|
+
*/
|
|
40
|
+
fill?: boolean;
|
|
41
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tabs.types.js","sourceRoot":"","sources":["../../src/tabs/Tabs.types.ts"],"names":[],"mappings":""}
|
package/esm/tabs/index.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
export { default as
|
|
2
|
-
export {
|
|
3
|
-
export { default as
|
|
4
|
-
export { default as
|
|
1
|
+
export { default as Tabs } from "./Tabs.js";
|
|
2
|
+
export { type TabsProps } from "./Tabs.types.js";
|
|
3
|
+
export { default as TabsTab, type TabProps } from "./parts/tab/Tab.js";
|
|
4
|
+
export { default as TabsList, type TabListProps, } from "./parts/tablist/TabList.js";
|
|
5
|
+
export { default as TabsPanel, type TabPanelProps, } from "./parts/tabpanel/TabPanel.js";
|
package/esm/tabs/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
export { default as TabsTab } from "./Tab.js";
|
|
3
|
-
export { default as TabsList } from "./TabList.js";
|
|
4
|
-
export { default as TabsPanel } from "./TabPanel.js";
|
|
5
2
|
export { default as Tabs } from "./Tabs.js";
|
|
3
|
+
export { default as TabsTab } from "./parts/tab/Tab.js";
|
|
4
|
+
export { default as TabsList, } from "./parts/tablist/TabList.js";
|
|
5
|
+
export { default as TabsPanel, } from "./parts/tabpanel/TabPanel.js";
|
|
6
6
|
//# sourceMappingURL=index.js.map
|
package/esm/tabs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tabs/index.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,EAAE,OAAO,IAAI,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tabs/index.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AAEzC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAiB,MAAM,iBAAiB,CAAC;AACpE,OAAO,EACL,OAAO,IAAI,QAAQ,GAEpB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACL,OAAO,IAAI,SAAS,GAErB,MAAM,2BAA2B,CAAC"}
|