@navikt/ds-react 7.8.0 → 7.8.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/form/combobox/ComboboxWrapper.js +0 -1
- package/cjs/form/combobox/ComboboxWrapper.js.map +1 -1
- package/cjs/form/combobox/Input/Input.js +9 -9
- package/cjs/form/combobox/Input/Input.js.map +1 -1
- package/cjs/form/combobox/Input/InputController.js +8 -2
- package/cjs/form/combobox/Input/InputController.js.map +1 -1
- package/cjs/form/combobox/SelectedOptions/selectedOptionsContext.js +5 -0
- package/cjs/form/combobox/SelectedOptions/selectedOptionsContext.js.map +1 -1
- package/cjs/form/search/Search.d.ts +1 -1
- package/cjs/form/search/Search.js +1 -1
- package/cjs/layout/box/Box.d.ts +3 -2
- package/cjs/layout/box/Box.darkside.d.ts +10 -6
- package/cjs/layout/box/Box.darkside.js.map +1 -1
- package/cjs/layout/box/Box.js.map +1 -1
- package/cjs/layout/utilities/types.d.ts +7 -23
- package/cjs/tag/Tag.d.ts +1 -1
- package/cjs/tag/Tag.js +4 -1
- package/cjs/tag/Tag.js.map +1 -1
- package/cjs/timeline/Pin.js +5 -2
- package/cjs/timeline/Pin.js.map +1 -1
- package/cjs/timeline/hooks/useTimelineRows.d.ts +5 -1
- package/cjs/timeline/hooks/useTimelineRows.js +14 -3
- package/cjs/timeline/hooks/useTimelineRows.js.map +1 -1
- package/cjs/timeline/period/ClickablePeriod.js +5 -2
- package/cjs/timeline/period/ClickablePeriod.js.map +1 -1
- package/cjs/tooltip/Tooltip.js +6 -3
- package/cjs/tooltip/Tooltip.js.map +1 -1
- package/esm/form/combobox/ComboboxWrapper.js +0 -1
- package/esm/form/combobox/ComboboxWrapper.js.map +1 -1
- package/esm/form/combobox/Input/Input.js +9 -9
- package/esm/form/combobox/Input/Input.js.map +1 -1
- package/esm/form/combobox/Input/InputController.js +8 -2
- package/esm/form/combobox/Input/InputController.js.map +1 -1
- package/esm/form/combobox/SelectedOptions/selectedOptionsContext.js +5 -0
- package/esm/form/combobox/SelectedOptions/selectedOptionsContext.js.map +1 -1
- package/esm/form/search/Search.d.ts +1 -1
- package/esm/form/search/Search.js +1 -1
- package/esm/layout/box/Box.d.ts +3 -2
- package/esm/layout/box/Box.darkside.d.ts +10 -6
- package/esm/layout/box/Box.darkside.js.map +1 -1
- package/esm/layout/box/Box.js.map +1 -1
- package/esm/layout/utilities/types.d.ts +7 -23
- package/esm/tag/Tag.d.ts +1 -1
- package/esm/tag/Tag.js +4 -1
- package/esm/tag/Tag.js.map +1 -1
- package/esm/timeline/Pin.js +5 -2
- package/esm/timeline/Pin.js.map +1 -1
- package/esm/timeline/hooks/useTimelineRows.d.ts +5 -1
- package/esm/timeline/hooks/useTimelineRows.js +14 -3
- package/esm/timeline/hooks/useTimelineRows.js.map +1 -1
- package/esm/timeline/period/ClickablePeriod.js +5 -2
- package/esm/timeline/period/ClickablePeriod.js.map +1 -1
- package/esm/tooltip/Tooltip.js +6 -3
- package/esm/tooltip/Tooltip.js.map +1 -1
- package/package.json +4 -4
- package/src/form/combobox/ComboboxWrapper.tsx +0 -1
- package/src/form/combobox/Input/Input.tsx +9 -9
- package/src/form/combobox/Input/InputController.tsx +10 -2
- package/src/form/combobox/SelectedOptions/selectedOptionsContext.tsx +4 -0
- package/src/form/search/Search.tsx +1 -1
- package/src/layout/box/Box.darkside.tsx +19 -14
- package/src/layout/box/Box.tsx +4 -2
- package/src/layout/utilities/types.ts +20 -42
- package/src/tag/Tag.tsx +32 -18
- package/src/timeline/Pin.tsx +16 -10
- package/src/timeline/hooks/useTimelineRows.ts +25 -9
- package/src/timeline/period/ClickablePeriod.tsx +16 -10
- package/src/timeline/tests/useTimelineRows.test.ts +131 -0
- package/src/tooltip/Tooltip.tsx +7 -2
|
@@ -37,7 +37,6 @@ const ComboboxWrapper = ({ children, className, hasError, inputProps, inputSize,
|
|
|
37
37
|
var _a;
|
|
38
38
|
if (!((_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.relatedTarget)) &&
|
|
39
39
|
(toggleOpenButtonRef === null || toggleOpenButtonRef === void 0 ? void 0 : toggleOpenButtonRef.current) !== event.target) {
|
|
40
|
-
toggleIsListOpen(true);
|
|
41
40
|
setHasFocusWithin(true);
|
|
42
41
|
}
|
|
43
42
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComboboxWrapper.js","sourceRoot":"","sources":["../../../src/form/combobox/ComboboxWrapper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAAgD;AAChD,yDAAwD;AAcxD,MAAM,eAAe,GAAG,CAAC,EACvB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,UAAU,EACV,SAAS,EACT,gBAAgB,GACK,EAAE,EAAE;IACzB,MAAM,EAAE,mBAAmB,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,IAAA,+BAAe,GAAE,CAAC;IAExE,MAAM,UAAU,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAC;IACvD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE5D,SAAS,oBAAoB,CAAC,KAAuC;;QACnE,IACE,CAAC,CAAA,MAAA,UAAU,CAAC,OAAO,0CAAE,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,CAAA;YAClD,CAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,OAAO,MAAK,KAAK,CAAC,MAAM,EAC7C,CAAC;YACD,
|
|
1
|
+
{"version":3,"file":"ComboboxWrapper.js","sourceRoot":"","sources":["../../../src/form/combobox/ComboboxWrapper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAAgD;AAChD,yDAAwD;AAcxD,MAAM,eAAe,GAAG,CAAC,EACvB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,UAAU,EACV,SAAS,EACT,gBAAgB,GACK,EAAE,EAAE;IACzB,MAAM,EAAE,mBAAmB,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,IAAA,+BAAe,GAAE,CAAC;IAExE,MAAM,UAAU,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAC;IACvD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE5D,SAAS,oBAAoB,CAAC,KAAuC;;QACnE,IACE,CAAC,CAAA,MAAA,UAAU,CAAC,OAAO,0CAAE,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,CAAA;YAClD,CAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,OAAO,MAAK,KAAK,CAAC,MAAM,EAC7C,CAAC;YACD,iBAAiB,CAAC,IAAI,CAAC,CAAC;QAC1B,CAAC;IACH,CAAC;IAED,SAAS,aAAa,CAAC,KAAuC;;QAC5D,IAAI,CAAC,CAAA,MAAA,UAAU,CAAC,OAAO,0CAAE,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,CAAA,EAAE,CAAC;YACvD,gBAAgB,CAAC,KAAK,CAAC,CAAC;YACxB,iBAAiB,CAAC,KAAK,CAAC,CAAC;YACzB,UAAU,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC;IACH,CAAC;IAED,OAAO,CACL,uCACE,GAAG,EAAE,UAAU,EACf,SAAS,EAAE,IAAA,cAAE,EACX,SAAS,EACT,kBAAkB,EAClB,qBAAqB,SAAS,EAAE,EAChC;YACE,uBAAuB,EAAE,QAAQ;YACjC,0BAA0B,EAAE,CAAC,CAAC,UAAU,CAAC,QAAQ;YACjD,yBAAyB,EAAE,cAAc;YACzC,0BAA0B,EAAE,QAAQ;YACpC,4BAA4B,EAAE,QAAQ;SACvC,CACF,EACD,OAAO,EAAE,oBAAoB,EAC7B,MAAM,EAAE,aAAa,IAEpB,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}
|
|
@@ -55,16 +55,16 @@ const Input = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
55
55
|
const { activeDecendantId, allowNewValues, currentOption, filteredOptions, isValueNew, toggleIsListOpen, isListOpen, ariaDescribedBy, setIsMouseLastUsedInputDevice, shouldAutocomplete, virtualFocus, } = (0, filteredOptionsContext_1.useFilteredOptionsContext)();
|
|
56
56
|
const onEnter = (0, react_1.useCallback)((event) => {
|
|
57
57
|
var _a;
|
|
58
|
-
const
|
|
58
|
+
const isSelected = (text) => selectedOptions.some((option) => option.label.toLocaleLowerCase() === text.toLocaleLowerCase());
|
|
59
59
|
if (currentOption) {
|
|
60
60
|
event.preventDefault();
|
|
61
61
|
// Selecting a value from the dropdown / FilteredOptions
|
|
62
62
|
toggleOption(currentOption, event);
|
|
63
|
-
if (!isMultiSelect && !
|
|
63
|
+
if (!isMultiSelect && !isSelected(currentOption.label)) {
|
|
64
64
|
toggleIsListOpen(false);
|
|
65
65
|
}
|
|
66
66
|
}
|
|
67
|
-
else if (
|
|
67
|
+
else if (isSelected(value)) {
|
|
68
68
|
event.preventDefault();
|
|
69
69
|
// Trying to set the same value that is already set, so just clearing the input
|
|
70
70
|
clearInput(event);
|
|
@@ -78,20 +78,20 @@ const Input = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
78
78
|
*/
|
|
79
79
|
const autoCompleteMatchesValue = filtered_options_util_1.default.normalizeText(value) ===
|
|
80
80
|
filtered_options_util_1.default.normalizeText((_a = autoCompletedOption === null || autoCompletedOption === void 0 ? void 0 : autoCompletedOption.label) !== null && _a !== void 0 ? _a : "");
|
|
81
|
-
let
|
|
81
|
+
let optionToToggle;
|
|
82
82
|
if (shouldAutocomplete &&
|
|
83
83
|
autoCompletedOption &&
|
|
84
84
|
autoCompleteMatchesValue) {
|
|
85
|
-
|
|
85
|
+
optionToToggle = autoCompletedOption;
|
|
86
86
|
}
|
|
87
87
|
else if (allowNewValues && isValueNew) {
|
|
88
|
-
|
|
88
|
+
optionToToggle = { label: value, value };
|
|
89
89
|
}
|
|
90
|
-
if (!
|
|
90
|
+
if (!optionToToggle) {
|
|
91
91
|
return;
|
|
92
92
|
}
|
|
93
|
-
toggleOption(
|
|
94
|
-
if (!isMultiSelect && !
|
|
93
|
+
toggleOption(optionToToggle, event);
|
|
94
|
+
if (!isMultiSelect && !isSelected(optionToToggle.label)) {
|
|
95
95
|
toggleIsListOpen(false);
|
|
96
96
|
}
|
|
97
97
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/form/combobox/Input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAKe;AACf,wCAAqC;AACrC,6EAA0E;AAC1E,+CAAmD;AACnD,qGAA2E;AAC3E,sFAAsF;AACtF,sFAAsF;AAEtF,mDAAkD;AAqBlD,MAAM,KAAK,GAAG,IAAA,kBAAU,EACtB,CACE,EAA2E,EAC3E,GAAG,EACH,EAAE;QAFF,EAAE,cAAc,EAAE,yBAAyB,EAAE,WAAW,EAAE,MAAM,OAAW,EAAN,IAAI,cAAzE,wEAA2E,CAAF;IAGzE,MAAM,WAAW,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAC;IACnD,MAAM,UAAU,GAAG,IAAA,oBAAY,EAAC,GAAG,EAAE,WAAW,CAAC,CAAC;IAClD,MAAM,EACJ,UAAU,EACV,UAAU,EACV,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,UAAU,EACV,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,QAAQ,GACT,GAAG,IAAA,+BAAe,GAAE,CAAC;IACtB,MAAM,EACJ,eAAe,EACf,oBAAoB,EACpB,YAAY,EACZ,aAAa,EACb,WAAW,GACZ,GAAG,IAAA,kDAAyB,GAAE,CAAC;IAChC,MAAM,EACJ,iBAAiB,EACjB,cAAc,EACd,aAAa,EACb,eAAe,EACf,UAAU,EACV,gBAAgB,EAChB,UAAU,EACV,eAAe,EACf,6BAA6B,EAC7B,kBAAkB,EAClB,YAAY,GACb,GAAG,IAAA,kDAAyB,GAAE,CAAC;IAEhC,MAAM,OAAO,GAAG,IAAA,mBAAW,EACzB,CAAC,KAA0B,EAAE,EAAE;;QAC7B,MAAM,
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/form/combobox/Input/Input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -55,14 +55,20 @@ exports.InputController = (0, react_1.forwardRef)((props, ref) => {
|
|
|
55
55
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars -- Remove when prop has been removed from ComboboxProps.
|
|
56
56
|
clearButtonLabel, toggleListButton = true, inputClassName, shouldShowSelectedOptions = true } = props, rest = __rest(props, ["clearButton", "clearButtonLabel", "toggleListButton", "inputClassName", "shouldShowSelectedOptions"]);
|
|
57
57
|
const { focusInput, inputProps, size = "medium", inputRef, toggleOpenButtonRef, readOnly, } = (0, Input_context_1.useInputContext)();
|
|
58
|
-
const { activeDecendantId } = (0, filteredOptionsContext_1.useFilteredOptionsContext)();
|
|
58
|
+
const { activeDecendantId, toggleIsListOpen } = (0, filteredOptionsContext_1.useFilteredOptionsContext)();
|
|
59
59
|
const { selectedOptions } = (0, selectedOptionsContext_1.useSelectedOptionsContext)();
|
|
60
60
|
const mergedInputRef = (0, hooks_1.useMergeRefs)(inputRef, ref);
|
|
61
61
|
return (
|
|
62
62
|
// eslint-disable-next-line jsx-a11y/click-events-have-key-events
|
|
63
63
|
react_1.default.createElement("div", { className: (0, clsx_1.default)("navds-combobox__wrapper-inner navds-text-field__input", {
|
|
64
64
|
"navds-combobox__wrapper-inner--virtually-unfocused": activeDecendantId !== undefined,
|
|
65
|
-
}), onClick:
|
|
65
|
+
}), onClick: () => {
|
|
66
|
+
if (inputProps.disabled || readOnly) {
|
|
67
|
+
return;
|
|
68
|
+
}
|
|
69
|
+
toggleIsListOpen(true);
|
|
70
|
+
focusInput();
|
|
71
|
+
} },
|
|
66
72
|
!shouldShowSelectedOptions ? (react_1.default.createElement(Input_1.default, Object.assign({ id: inputProps.id, ref: mergedInputRef, inputClassName: inputClassName, readOnly: readOnly }, rest))) : (react_1.default.createElement(SelectedOptions_1.default, { selectedOptions: selectedOptions, size: size },
|
|
67
73
|
react_1.default.createElement(Input_1.default, Object.assign({ id: inputProps.id, ref: mergedInputRef, inputClassName: inputClassName, shouldShowSelectedOptions: shouldShowSelectedOptions, readOnly: readOnly }, rest)))),
|
|
68
74
|
toggleListButton && react_1.default.createElement(ToggleListButton_1.default, { ref: toggleOpenButtonRef })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputController.js","sourceRoot":"","sources":["../../../../src/form/combobox/Input/InputController.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4DAA4D;AAC5D,gDAAsB;AACtB,+CAA0C;AAC1C,+CAAmD;AACnD,sFAAsF;AACtF,yFAAiE;AACjE,sFAAsF;AAEtF,oDAA4B;AAC5B,mDAAkD;AAClD,0EAAkD;AAErC,QAAA,eAAe,GAAG,IAAA,kBAAU,EAcvC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACf,MAAM;IACJ,sHAAsH;IACtH,WAAW;IACX,sHAAsH;IACtH,gBAAgB,EAChB,gBAAgB,GAAG,IAAI,EACvB,cAAc,EACd,yBAAyB,GAAG,IAAI,
|
|
1
|
+
{"version":3,"file":"InputController.js","sourceRoot":"","sources":["../../../../src/form/combobox/Input/InputController.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4DAA4D;AAC5D,gDAAsB;AACtB,+CAA0C;AAC1C,+CAAmD;AACnD,sFAAsF;AACtF,yFAAiE;AACjE,sFAAsF;AAEtF,oDAA4B;AAC5B,mDAAkD;AAClD,0EAAkD;AAErC,QAAA,eAAe,GAAG,IAAA,kBAAU,EAcvC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACf,MAAM;IACJ,sHAAsH;IACtH,WAAW;IACX,sHAAsH;IACtH,gBAAgB,EAChB,gBAAgB,GAAG,IAAI,EACvB,cAAc,EACd,yBAAyB,GAAG,IAAI,KAG9B,KAAK,EADJ,IAAI,UACL,KAAK,EAVH,sGAUL,CAAQ,CAAC;IAEV,MAAM,EACJ,UAAU,EACV,UAAU,EACV,IAAI,GAAG,QAAQ,EACf,QAAQ,EACR,mBAAmB,EACnB,QAAQ,GACT,GAAG,IAAA,+BAAe,GAAE,CAAC;IAEtB,MAAM,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,GAAG,IAAA,kDAAyB,GAAE,CAAC;IAC5E,MAAM,EAAE,eAAe,EAAE,GAAG,IAAA,kDAAyB,GAAE,CAAC;IAExD,MAAM,cAAc,GAAG,IAAA,oBAAY,EAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;IAEnD,OAAO;IACL,iEAAiE;IACjE,uCACE,SAAS,EAAE,IAAA,cAAE,EAAC,uDAAuD,EAAE;YACrE,oDAAoD,EAClD,iBAAiB,KAAK,SAAS;SAClC,CAAC,EACF,OAAO,EAAE,GAAG,EAAE;YACZ,IAAI,UAAU,CAAC,QAAQ,IAAI,QAAQ,EAAE,CAAC;gBACpC,OAAO;YACT,CAAC;YAED,gBAAgB,CAAC,IAAI,CAAC,CAAC;YACvB,UAAU,EAAE,CAAC;QACf,CAAC;QAEA,CAAC,yBAAyB,CAAC,CAAC,CAAC,CAC5B,8BAAC,eAAK,kBACJ,EAAE,EAAE,UAAU,CAAC,EAAE,EACjB,GAAG,EAAE,cAAc,EACnB,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,IACd,IAAI,EACR,CACH,CAAC,CAAC,CAAC,CACF,8BAAC,yBAAe,IAAC,eAAe,EAAE,eAAe,EAAE,IAAI,EAAE,IAAI;YAC3D,8BAAC,eAAK,kBACJ,EAAE,EAAE,UAAU,CAAC,EAAE,EACjB,GAAG,EAAE,cAAc,EACnB,cAAc,EAAE,cAAc,EAC9B,yBAAyB,EAAE,yBAAyB,EACpD,QAAQ,EAAE,QAAQ,IACd,IAAI,EACR,CACc,CACnB;QACA,gBAAgB,IAAI,8BAAC,0BAAgB,IAAC,GAAG,EAAE,mBAAmB,GAAI,CAC/D,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -84,6 +84,9 @@ const SelectedOptionsProvider = ({ children, value, }) => {
|
|
|
84
84
|
if ((0, combobox_utils_1.isInList)(option.value, selectedOptions)) {
|
|
85
85
|
removeSelectedOption(option);
|
|
86
86
|
}
|
|
87
|
+
else if (isMultiSelect && isLimitReached) {
|
|
88
|
+
return;
|
|
89
|
+
}
|
|
87
90
|
else {
|
|
88
91
|
addSelectedOption(option);
|
|
89
92
|
}
|
|
@@ -95,6 +98,8 @@ const SelectedOptionsProvider = ({ children, value, }) => {
|
|
|
95
98
|
focusInput,
|
|
96
99
|
removeSelectedOption,
|
|
97
100
|
selectedOptions,
|
|
101
|
+
isLimitReached,
|
|
102
|
+
isMultiSelect,
|
|
98
103
|
]);
|
|
99
104
|
const prevSelectedOptions = (0, hooks_1.usePrevious)(selectedOptions);
|
|
100
105
|
const selectedOptionsState = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"selectedOptionsContext.js","sourceRoot":"","sources":["../../../../src/form/combobox/SelectedOptions/selectedOptionsContext.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAyE;AACzE,iEAA6D;AAC7D,+CAAkD;AAClD,0DAAyD;AACzD,sDAA6C;AAC7C,kEAAmE;AAiBnE,MAAM,CAAC,8BAA8B,EAAE,yBAAyB,CAAC,GAC/D,IAAA,8BAAa,GAA+B,CAAC;
|
|
1
|
+
{"version":3,"file":"selectedOptionsContext.js","sourceRoot":"","sources":["../../../../src/form/combobox/SelectedOptions/selectedOptionsContext.tsx"],"names":[],"mappings":"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"}
|
|
@@ -70,7 +70,7 @@ interface SearchComponent extends React.ForwardRefExoticComponent<SearchProps &
|
|
|
70
70
|
* @example
|
|
71
71
|
* ```jsx
|
|
72
72
|
* <form role="search">
|
|
73
|
-
* <Search label="Søk alle
|
|
73
|
+
* <Search label="Søk alle Nav sine sider" variant="primary" />
|
|
74
74
|
* </form>
|
|
75
75
|
* ```
|
|
76
76
|
*/
|
package/cjs/layout/box/Box.d.ts
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
import { type BorderRadiusKeys } from "@navikt/ds-tokens/types";
|
|
2
3
|
import { OverridableComponent } from "../../util/types";
|
|
3
4
|
import { PrimitiveProps } from "../base/BasePrimitive";
|
|
4
5
|
import { PrimitiveAsChildProps } from "../base/PrimitiveAsChildProps";
|
|
5
|
-
import { BackgroundColorToken, BorderColorToken,
|
|
6
|
+
import { BackgroundColorToken, BorderColorToken, ResponsiveProp, ShadowToken, SpaceDelimitedAttribute, SurfaceColorToken } from "../utilities/types";
|
|
6
7
|
import BoxNew from "./Box.darkside";
|
|
7
8
|
export type BoxProps = React.HTMLAttributes<HTMLDivElement> & {
|
|
8
9
|
/**
|
|
@@ -24,7 +25,7 @@ export type BoxProps = React.HTMLAttributes<HTMLDivElement> & {
|
|
|
24
25
|
* borderRadius='0 full large small'
|
|
25
26
|
* borderRadius={{xs: 'small large', sm: '0', md: 'large', lg: 'full'}}
|
|
26
27
|
*/
|
|
27
|
-
borderRadius?: ResponsiveProp<SpaceDelimitedAttribute<
|
|
28
|
+
borderRadius?: ResponsiveProp<SpaceDelimitedAttribute<BorderRadiusKeys | "0">>;
|
|
28
29
|
/**
|
|
29
30
|
* CSS `border-width` property. If this is not set there will be no border.
|
|
30
31
|
* @example
|
|
@@ -1,20 +1,22 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import {
|
|
2
|
+
import type { BorderColorKeys, BorderColorWithRoleKeys, BorderRadiusKeys, DefaultBgKeys, ShadowKeys, StaticBgKeys } from "@navikt/ds-tokens/types";
|
|
3
3
|
import { OverridableComponent } from "../../util/types";
|
|
4
4
|
import { PrimitiveProps } from "../base/BasePrimitive";
|
|
5
5
|
import { PrimitiveAsChildProps } from "../base/PrimitiveAsChildProps";
|
|
6
|
-
import {
|
|
6
|
+
import { ResponsiveProp, SpaceDelimitedAttribute } from "../utilities/types";
|
|
7
7
|
export type BoxNewProps = React.HTMLAttributes<HTMLDivElement> & {
|
|
8
8
|
/**
|
|
9
9
|
* CSS `background-color` property.
|
|
10
10
|
* Accepts a [background/surface color token](https://aksel.nav.no/grunnleggende/styling/design-tokens#afff774dad80).
|
|
11
|
+
* @see {@link DefaultBgKeys} and {@link StaticBgKeys}
|
|
11
12
|
*/
|
|
12
|
-
background?:
|
|
13
|
+
background?: DefaultBgKeys | StaticBgKeys;
|
|
13
14
|
/**
|
|
14
15
|
* CSS `border-color` property.
|
|
15
16
|
* Accepts a [border color token](https://aksel.nav.no/grunnleggende/styling/design-tokens#adb1767e2f87).
|
|
17
|
+
* @see {@link BorderColorKeys} and {@link BorderColorWithRoleKeys}
|
|
16
18
|
*/
|
|
17
|
-
borderColor?:
|
|
19
|
+
borderColor?: Exclude<BorderColorKeys, "focus"> | BorderColorWithRoleKeys;
|
|
18
20
|
/**
|
|
19
21
|
* CSS `border-radius` property.
|
|
20
22
|
* Accepts a [radius token](https://aksel.nav.no/grunnleggende/styling/design-tokens#6d79c5605d31)
|
|
@@ -23,8 +25,9 @@ export type BoxNewProps = React.HTMLAttributes<HTMLDivElement> & {
|
|
|
23
25
|
* borderRadius='full'
|
|
24
26
|
* borderRadius='0 full large small'
|
|
25
27
|
* borderRadius={{xs: 'small large', sm: '0', md: 'large', lg: 'full'}}
|
|
28
|
+
* @see {@link BorderRadiusKeys}
|
|
26
29
|
*/
|
|
27
|
-
borderRadius?: ResponsiveProp<SpaceDelimitedAttribute<
|
|
30
|
+
borderRadius?: ResponsiveProp<SpaceDelimitedAttribute<BorderRadiusKeys | "0">>;
|
|
28
31
|
/**
|
|
29
32
|
* CSS `border-width` property. If this is not set there will be no border.
|
|
30
33
|
* @example
|
|
@@ -35,8 +38,9 @@ export type BoxNewProps = React.HTMLAttributes<HTMLDivElement> & {
|
|
|
35
38
|
/** Shadow on box. Accepts a shadow token.
|
|
36
39
|
* @example
|
|
37
40
|
* shadow='small'
|
|
41
|
+
* @see {@link ShadowKeys}
|
|
38
42
|
*/
|
|
39
|
-
shadow?:
|
|
43
|
+
shadow?: ShadowKeys;
|
|
40
44
|
} & PrimitiveProps & PrimitiveAsChildProps;
|
|
41
45
|
/**
|
|
42
46
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Box.darkside.js","sourceRoot":"","sources":["../../../src/layout/box/Box.darkside.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;
|
|
1
|
+
{"version":3,"file":"Box.darkside.js","sourceRoot":"","sources":["../../../src/layout/box/Box.darkside.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAS1C,0CAAuC;AACvC,qCAAkC;AAElC,uEAG+B;AAE/B,0CAAsD;AA6CtD;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACU,QAAA,MAAM,GACjB,IAAA,kBAAU,EACR,CACE,EAYC,EACD,GAAG,EACH,EAAE;QAdF,EACE,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,UAAU,EACV,WAAW,EACX,WAAW,EACX,YAAY,EACZ,MAAM,EACN,KAAK,EAAE,MAAM,EACb,OAAO,OAER,EADI,IAAI,cAXT,yHAYC,CADQ;IAIT,MAAM,KAAK,iDACN,MAAM,KACT,wBAAwB,EAAE,UAAU;YAClC,CAAC,CAAC,eAAe,UAAU,GAAG;YAC9B,CAAC,CAAC,SAAS,EACb,oBAAoB,EAAE,MAAM,CAAC,CAAC,CAAC,mBAAmB,MAAM,GAAG,CAAC,CAAC,CAAC,SAAS,EACvE,0BAA0B,EAAE,WAAW;YACrC,CAAC,CAAC,mBAAmB,WAAW,GAAG;YACnC,CAAC,CAAC,SAAS,EACb,0BAA0B,EAAE,WAAW;YACrC,CAAC,CAAC,WAAW;iBACR,KAAK,CAAC,GAAG,CAAC;iBACV,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC;iBACpB,IAAI,CAAC,GAAG,CAAC;YACd,CAAC,CAAC,SAAS,KACV,IAAA,wBAAkB,EACnB,IAAI,EACJ,KAAK,EACL,eAAe,EACf,eAAe,EACf,YAAY,EACZ,KAAK,EACL,CAAC,GAAG,CAAC,CACN,CACF,CAAC;IAEF,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,WAAI,CAAC,CAAC,CAAC,SAAS,CAAC;IAExC,OAAO,CACL,8BAAC,uBAAa,oBAAK,IAAI;QACrB,8BAAC,IAAI,oBACC,IAAA,WAAI,EAAC,IAAI,EAAE,+BAAe,CAAC,IAC/B,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAA,cAAE,EAAC,WAAW,EAAE,SAAS,EAAE;gBACpC,cAAc,EAAE,UAAU;gBAC1B,wBAAwB,EAAE,WAAW;gBACrC,wBAAwB,EAAE,WAAW;gBACrC,yBAAyB,EAAE,YAAY;gBACvC,kBAAkB,EAAE,MAAM;aAC3B,CAAC,KAED,QAAQ,CACJ,CACO,CACjB,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,kBAAe,cAAM,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../src/layout/box/Box.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;
|
|
1
|
+
{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../src/layout/box/Box.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAE1C,6CAAsD;AACtD,0CAAuC;AACvC,qCAAkC;AAElC,uEAG+B;AAE/B,0CAAsD;AAStD,kEAAoC;AA6CpC;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACU,QAAA,YAAY,GACvB,IAAA,kBAAU,EACR,CACE,EAYC,EACD,GAAG,EACH,EAAE;QAdF,EACE,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,UAAU,EACV,WAAW,EACX,WAAW,EACX,YAAY,EACZ,MAAM,EACN,KAAK,EAAE,MAAM,EACb,OAAO,OAER,EADI,IAAI,cAXT,yHAYC,CADQ;IAIT,MAAM,YAAY,GAAG,IAAA,+BAAoB,EAAC,KAAK,CAAC,CAAC;IAEjD,IACE,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY;QACrC,YAAY;QACZ,CAAC,UAAU,IAAI,WAAW,IAAI,MAAM,CAAC,EACrC,CAAC;QACD,OAAO,CAAC,IAAI,CACV,+KAA+K,CAChL,CAAC;IACJ,CAAC;IAED,MAAM,MAAM,GAAG,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC;IAEzC,MAAM,KAAK,iDACN,MAAM,KACT,CAAC,OAAO,MAAM,kBAAkB,CAAC,EAAE,UAAU;YAC3C,CAAC,CAAC,WAAW,UAAU,GAAG;YAC1B,CAAC,CAAC,SAAS,EACb,CAAC,OAAO,MAAM,cAAc,CAAC,EAAE,MAAM;YACnC,CAAC,CAAC,kBAAkB,MAAM,GAAG;YAC7B,CAAC,CAAC,SAAS,EACb,CAAC,OAAO,MAAM,oBAAoB,CAAC,EAAE,WAAW;YAC9C,CAAC,CAAC,WAAW,WAAW,GAAG;YAC3B,CAAC,CAAC,SAAS,EACb,CAAC,OAAO,MAAM,oBAAoB,CAAC,EAAE,WAAW;YAC9C,CAAC,CAAC,WAAW;iBACR,KAAK,CAAC,GAAG,CAAC;iBACV,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC;iBACpB,IAAI,CAAC,GAAG,CAAC;YACd,CAAC,CAAC,SAAS,KACV,IAAA,wBAAkB,EACnB,MAAM,EACN,KAAK,EACL,eAAe,EACf,eAAe,EACf,YAAY,EACZ,KAAK,EACL,CAAC,GAAG,CAAC,CACN,CACF,CAAC;IAEF,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,WAAI,CAAC,CAAC,CAAC,SAAS,CAAC;IAExC,OAAO,CACL,8BAAC,uBAAa,oBAAK,IAAI;QACrB,8BAAC,IAAI,oBACC,IAAA,WAAI,EAAC,IAAI,EAAE,+BAAe,CAAC,IAC/B,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAA,cAAE,EAAC,WAAW,EAAE,SAAS,EAAE;gBACpC,cAAc,EAAE,UAAU;gBAC1B,wBAAwB,EAAE,WAAW;gBACrC,wBAAwB,EAAE,WAAW;gBACrC,yBAAyB,EAAE,YAAY;gBACvC,kBAAkB,EAAE,MAAM;aAC3B,CAAC,KAED,QAAQ,CACJ,CACO,CACjB,CAAC;AACJ,CAAC,CACF,CAAC;AAES,QAAA,GAAG,GAAG,oBAAgC,CAAC;AAEpD,WAAG,CAAC,GAAG,GAAG,sBAAM,CAAC;AAEjB,kBAAe,WAAG,CAAC"}
|
|
@@ -1,29 +1,13 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
import shadows from "@navikt/ds-tokens/src/shadow.json";
|
|
9
|
-
import Spacing from "@navikt/ds-tokens/src/spacing.json";
|
|
10
|
-
export type BackgroundColorToken = keyof typeof bgColors.a;
|
|
11
|
-
export type SurfaceColorToken = keyof typeof surfaceColors.a;
|
|
12
|
-
export type BorderColorToken = keyof typeof borderColors.a;
|
|
13
|
-
export type BorderRadiiToken = keyof (typeof borderRadii.a)["border-radius"] | "0";
|
|
14
|
-
export type ShadowToken = keyof typeof shadows.a.shadow;
|
|
15
|
-
export type BreakpointsAlias = "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
|
|
16
|
-
export type SpacingScale = keyof (typeof Spacing)["a"]["spacing"];
|
|
1
|
+
import type { BreakPointKeys, LegacyBgColorKeys, LegacyBorderColorKeys, LegacyShadowKeys, LegacySurfaceColorKeys, SpacingKeys } from "@navikt/ds-tokens/types";
|
|
2
|
+
export type BackgroundColorToken = LegacyBgColorKeys;
|
|
3
|
+
export type SurfaceColorToken = LegacySurfaceColorKeys;
|
|
4
|
+
export type BorderColorToken = LegacyBorderColorKeys;
|
|
5
|
+
export type ShadowToken = LegacyShadowKeys;
|
|
6
|
+
export type BreakpointsAlias = Extract<BreakPointKeys, "xs" | "sm" | "md" | "lg" | "xl" | "2xl">;
|
|
7
|
+
export type SpacingScale = SpacingKeys;
|
|
17
8
|
export type SpaceDelimitedAttribute<T extends string> = T | `${T} ${T}` | `${T} ${T} ${T}` | `${T} ${T} ${T} ${T}`;
|
|
18
9
|
type FixedResponsiveT<T> = {
|
|
19
10
|
[Breakpoint in BreakpointsAlias]?: T;
|
|
20
11
|
};
|
|
21
12
|
export type ResponsiveProp<T> = T | FixedResponsiveT<T>;
|
|
22
|
-
/**
|
|
23
|
-
* Darkside tokens
|
|
24
|
-
*/
|
|
25
|
-
export type SemanticShadowTokens = keyof ReturnType<typeof shadowTokenConfig>["shadow"];
|
|
26
|
-
export type SemanticStaticBgDarkside = keyof ReturnType<typeof semanticTokenConfig>["bg"];
|
|
27
|
-
export type SemanticRoleBgDarkside = keyof SemanticTokensForAllRolesConfigT<"color">["bg"];
|
|
28
|
-
export type SemanticStaticBorderDarkside = keyof ReturnType<typeof semanticTokenConfig>["border"];
|
|
29
13
|
export {};
|
package/cjs/tag/Tag.d.ts
CHANGED
|
@@ -4,7 +4,7 @@ export interface TagProps extends HTMLAttributes<HTMLSpanElement> {
|
|
|
4
4
|
/**
|
|
5
5
|
* Changes visual profile of tag
|
|
6
6
|
*/
|
|
7
|
-
variant: "warning" | "warning-filled" | "warning-moderate" | "error" | "error-filled" | "error-moderate" | "info" | "info-filled" | "info-moderate" | "success" | "success-filled" | "success-moderate" | "neutral" | "neutral-filled" | "neutral-moderate" | "alt1" | "alt1-filled" | "alt1-moderate" | "alt2" | "alt2-filled" | "alt2-moderate" | "alt3" | "alt3-filled" | "alt3-moderate";
|
|
7
|
+
variant: "warning" | "warning-filled" | "warning-moderate" | "error" | "error-filled" | "error-moderate" | "info" | "info-filled" | "info-moderate" | "success" | "success-filled" | "success-moderate" | "neutral" | "neutral-filled" | "neutral-moderate" | "alt1" | "alt1-filled" | "alt1-moderate" | "alt2" | "alt2-filled" | "alt2-moderate" | "alt3" | "alt3-filled" | "alt3-moderate" | "meta-purple" | "meta-purple-filled" | "meta-purple-moderate" | "meta-lime" | "meta-lime-filled" | "meta-lime-moderate";
|
|
8
8
|
/**
|
|
9
9
|
* @default "medium"
|
|
10
10
|
*/
|
package/cjs/tag/Tag.js
CHANGED
|
@@ -54,7 +54,10 @@ const typography_1 = require("../typography");
|
|
|
54
54
|
*/
|
|
55
55
|
exports.Tag = (0, react_1.forwardRef)((_a, ref) => {
|
|
56
56
|
var { children, className, variant, size = "medium", icon } = _a, rest = __rest(_a, ["children", "className", "variant", "size", "icon"]);
|
|
57
|
-
|
|
57
|
+
const filledVariant = (variant === null || variant === void 0 ? void 0 : variant.endsWith("-filled")) && "strong";
|
|
58
|
+
const moderateVariant = (variant === null || variant === void 0 ? void 0 : variant.endsWith("-moderate")) && "moderate";
|
|
59
|
+
const color = variant === null || variant === void 0 ? void 0 : variant.replace("-filled", "").replace("-moderate", "");
|
|
60
|
+
return (react_1.default.createElement(typography_1.BodyShort, Object.assign({}, rest, { ref: ref, as: "span", size: size === "medium" ? "medium" : "small", className: (0, clsx_1.default)("navds-tag", className, `navds-tag--${variant}`, `navds-tag--${size}`, `navds-tag--${filledVariant || moderateVariant || "outline"}`, `navds-tag--${color}`) }),
|
|
58
61
|
icon && react_1.default.createElement("span", { className: "navds-tag__icon--left" }, icon),
|
|
59
62
|
children));
|
|
60
63
|
});
|
package/cjs/tag/Tag.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../src/tag/Tag.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0D;AAC1D,8CAA0C;
|
|
1
|
+
{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../src/tag/Tag.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0D;AAC1D,8CAA0C;AAgD1C;;;;;;;;;;GAUG;AACU,QAAA,GAAG,GAAG,IAAA,kBAAU,EAC3B,CAAC,EAAgE,EAAE,GAAG,EAAE,EAAE;QAAzE,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,GAAG,QAAQ,EAAE,IAAI,OAAW,EAAN,IAAI,cAA9D,oDAAgE,CAAF;IAC7D,MAAM,aAAa,GAAG,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,CAAC,SAAS,CAAC,KAAI,QAAQ,CAAC;IAC/D,MAAM,eAAe,GAAG,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,CAAC,WAAW,CAAC,KAAI,UAAU,CAAC;IACrE,MAAM,KAAK,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,CAAC,SAAS,EAAE,EAAE,EAAE,OAAO,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;IAEvE,OAAO,CACL,8BAAC,sBAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,MAAM,EACT,IAAI,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAC5C,SAAS,EAAE,IAAA,cAAE,EACX,WAAW,EACX,SAAS,EACT,cAAc,OAAO,EAAE,EACvB,cAAc,IAAI,EAAE,EACpB,cAAc,aAAa,IAAI,eAAe,IAAI,SAAS,EAAE,EAC7D,cAAc,KAAK,EAAE,CACtB;QAEA,IAAI,IAAI,wCAAM,SAAS,EAAC,uBAAuB,IAAE,IAAI,CAAQ;QAC7D,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,WAAG,CAAC"}
|
package/cjs/timeline/Pin.js
CHANGED
|
@@ -38,6 +38,7 @@ exports.Pin = void 0;
|
|
|
38
38
|
const react_1 = require("@floating-ui/react");
|
|
39
39
|
const date_fns_1 = require("date-fns");
|
|
40
40
|
const react_2 = __importStar(require("react"));
|
|
41
|
+
const provider_1 = require("../provider");
|
|
41
42
|
const useMergeRefs_1 = require("../util/hooks/useMergeRefs");
|
|
42
43
|
const i18n_context_1 = require("../util/i18n/i18n.context");
|
|
43
44
|
const useTimelineContext_1 = require("./hooks/useTimelineContext");
|
|
@@ -48,13 +49,15 @@ exports.Pin = (0, react_2.forwardRef)((_a, ref) => {
|
|
|
48
49
|
const [open, setOpen] = (0, react_2.useState)(false);
|
|
49
50
|
const arrowRef = (0, react_2.useRef)(null);
|
|
50
51
|
const translate = (0, i18n_context_1.useI18n)("Timeline");
|
|
52
|
+
const themeContext = (0, provider_1.UNSAFE_useAkselTheme)(false);
|
|
53
|
+
const showArrow = !themeContext;
|
|
51
54
|
const { context, placement, middlewareData: { arrow: { x: arrowX, y: arrowY } = {} }, refs, floatingStyles, } = (0, react_1.useFloating)({
|
|
52
55
|
placement: "top",
|
|
53
56
|
open,
|
|
54
57
|
onOpenChange: (_open) => setOpen(_open),
|
|
55
58
|
whileElementsMounted: react_1.autoUpdate,
|
|
56
59
|
middleware: [
|
|
57
|
-
(0, react_1.offset)(16),
|
|
60
|
+
(0, react_1.offset)(showArrow ? 16 : 8),
|
|
58
61
|
(0, react_1.shift)(),
|
|
59
62
|
(0, react_1.flip)({ padding: 5, fallbackPlacements: ["bottom", "top"] }),
|
|
60
63
|
(0, react_1.arrow)({ element: arrowRef, padding: 5 }),
|
|
@@ -101,7 +104,7 @@ exports.Pin = (0, react_2.forwardRef)((_a, ref) => {
|
|
|
101
104
|
children && open && (react_2.default.createElement(react_1.FloatingFocusManager, { context: context, modal: false, initialFocus: -1, returnFocus: false },
|
|
102
105
|
react_2.default.createElement("div", Object.assign({ className: "navds-timeline__popover", "data-placement": placement, ref: refs.setFloating }, getFloatingProps(), { tabIndex: undefined, style: floatingStyles }),
|
|
103
106
|
children,
|
|
104
|
-
react_2.default.createElement("div", { ref: arrowRef, style: Object.assign(Object.assign(Object.assign({}, (arrowX != null ? { left: arrowX } : {})), (arrowY != null ? { top: arrowY } : {})), (staticSide ? { [staticSide]: "-0.5rem" } : {})), className: "navds-timeline__popover-arrow" }))))));
|
|
107
|
+
showArrow && (react_2.default.createElement("div", { ref: arrowRef, style: Object.assign(Object.assign(Object.assign({}, (arrowX != null ? { left: arrowX } : {})), (arrowY != null ? { top: arrowY } : {})), (staticSide ? { [staticSide]: "-0.5rem" } : {})), className: "navds-timeline__popover-arrow" })))))));
|
|
105
108
|
});
|
|
106
109
|
exports.Pin.componentType = "pin";
|
|
107
110
|
exports.default = exports.Pin;
|
package/cjs/timeline/Pin.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pin.js","sourceRoot":"","sources":["../../src/timeline/Pin.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,8CAc4B;AAC5B,uCAAkC;AAClC,+CAA4D;AAC5D,6DAA0D;AAC1D,4DAAoD;AACpD,mEAAgE;AAChE,uCAAwC;AAsB3B,QAAA,GAAG,GAAG,IAAA,kBAAU,EAC3B,CAAC,EAA2B,EAAE,GAAG,EAAE,EAAE;QAApC,EAAE,IAAI,EAAE,QAAQ,OAAW,EAAN,IAAI,cAAzB,oBAA2B,CAAF;IACxB,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,IAAA,uCAAkB,GAAE,CAAC;IAC/D,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACxC,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAC;IACrD,MAAM,SAAS,GAAG,IAAA,sBAAO,EAAC,UAAU,CAAC,CAAC;IAEtC,MAAM,EACJ,OAAO,EACP,SAAS,EACT,cAAc,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EACxD,IAAI,EACJ,cAAc,GACf,GAAG,IAAA,mBAAW,EAAC;QACd,SAAS,EAAE,KAAK;QAChB,IAAI;QACJ,YAAY,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC;QACvC,oBAAoB,EAAE,kBAAU;QAChC,UAAU,EAAE;YACV,IAAA,cAAM,EAAC,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"Pin.js","sourceRoot":"","sources":["../../src/timeline/Pin.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,8 @@
|
|
|
1
|
+
import { Period } from "../utils/types.external";
|
|
1
2
|
import { InternalSimpleTimeline } from "../utils/types.internal";
|
|
2
3
|
export declare const useTimelineRows: (rows: any, startDate: Date, endDate: Date, direction: "left" | "right") => InternalSimpleTimeline[];
|
|
3
|
-
export declare const useEarliestDate: ({ startDate, rows }:
|
|
4
|
+
export declare const useEarliestDate: ({ startDate, rows, }: {
|
|
5
|
+
startDate?: Date;
|
|
6
|
+
rows: Pick<Period, "start">[][];
|
|
7
|
+
}) => Date;
|
|
4
8
|
export declare const useLatestDate: ({ endDate, rows }: any) => any;
|
|
@@ -72,9 +72,20 @@ const useTimelineRows = (rows, startDate, endDate, direction) => (0, react_1.use
|
|
|
72
72
|
};
|
|
73
73
|
}), [rows, startDate, endDate, direction]);
|
|
74
74
|
exports.useTimelineRows = useTimelineRows;
|
|
75
|
-
const
|
|
76
|
-
|
|
77
|
-
|
|
75
|
+
const useEarliestDate = ({ startDate, rows, }) => (0, react_1.useMemo)(() => {
|
|
76
|
+
if (startDate) {
|
|
77
|
+
return startDate;
|
|
78
|
+
}
|
|
79
|
+
const startDates = rows
|
|
80
|
+
.flat()
|
|
81
|
+
.filter((period) => period.start)
|
|
82
|
+
.map((period) => period.start);
|
|
83
|
+
if (startDates.length === 0) {
|
|
84
|
+
return new Date();
|
|
85
|
+
}
|
|
86
|
+
const earliestDate = startDates.reduce((earliest, current) => current < earliest ? current : earliest);
|
|
87
|
+
return earliestDate;
|
|
88
|
+
}, [startDate, rows]);
|
|
78
89
|
exports.useEarliestDate = useEarliestDate;
|
|
79
90
|
const latestDate = (latest, period) => period.end > latest ? period.end : latest;
|
|
80
91
|
const latestTomDate = (rows) => rows.flat().reduce(latestDate, new Date(0));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTimelineRows.js","sourceRoot":"","sources":["../../../src/timeline/hooks/useTimelineRows.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"useTimelineRows.js","sourceRoot":"","sources":["../../../src/timeline/hooks/useTimelineRows.ts"],"names":[],"mappings":"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"}
|
|
@@ -29,6 +29,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
29
29
|
const react_1 = require("@floating-ui/react");
|
|
30
30
|
const clsx_1 = __importDefault(require("clsx"));
|
|
31
31
|
const react_2 = __importStar(require("react"));
|
|
32
|
+
const provider_1 = require("../../provider");
|
|
32
33
|
const useMergeRefs_1 = require("../../util/hooks/useMergeRefs");
|
|
33
34
|
const i18n_context_1 = require("../../util/i18n/i18n.context");
|
|
34
35
|
const usePeriodContext_1 = require("../hooks/usePeriodContext");
|
|
@@ -42,13 +43,15 @@ const ClickablePeriod = react_2.default.memo(({ onSelectPeriod, start, end, stat
|
|
|
42
43
|
const { initiate, addFocusable } = (0, useTimelineContext_1.useTimelineContext)();
|
|
43
44
|
const arrowRef = (0, react_2.useRef)(null);
|
|
44
45
|
const translate = (0, i18n_context_1.useI18n)("Timeline");
|
|
46
|
+
const themeContext = (0, provider_1.UNSAFE_useAkselTheme)(false);
|
|
47
|
+
const showArrow = !themeContext;
|
|
45
48
|
const { context, placement, middlewareData: { arrow: { x: arrowX, y: arrowY } = {} }, refs, floatingStyles, } = (0, react_1.useFloating)({
|
|
46
49
|
placement: "top",
|
|
47
50
|
open,
|
|
48
51
|
onOpenChange: (_open) => setOpen(_open),
|
|
49
52
|
whileElementsMounted: react_1.autoUpdate,
|
|
50
53
|
middleware: [
|
|
51
|
-
(0, react_1.offset)(16),
|
|
54
|
+
(0, react_1.offset)(showArrow ? 16 : 8),
|
|
52
55
|
(0, react_1.shift)(),
|
|
53
56
|
(0, react_1.flip)({ padding: 5, fallbackPlacements: ["bottom", "top"] }),
|
|
54
57
|
(0, react_1.arrow)({ element: arrowRef, padding: 5 }),
|
|
@@ -114,7 +117,7 @@ const ClickablePeriod = react_2.default.memo(({ onSelectPeriod, start, end, stat
|
|
|
114
117
|
children && open && (react_2.default.createElement(react_1.FloatingFocusManager, { context: context, modal: false, initialFocus: -1, returnFocus: false },
|
|
115
118
|
react_2.default.createElement("div", Object.assign({ className: "navds-timeline__popover", "data-placement": placement, ref: refs.setFloating }, getFloatingProps(), { style: floatingStyles }),
|
|
116
119
|
children,
|
|
117
|
-
react_2.default.createElement("div", { ref: arrowRef, style: Object.assign(Object.assign(Object.assign({}, (arrowX != null ? { left: arrowX } : {})), (arrowY != null ? { top: arrowY } : {})), (staticSide ? { [staticSide]: "-0.5rem" } : {})), className: "navds-timeline__popover-arrow" }))))));
|
|
120
|
+
showArrow && (react_2.default.createElement("div", { ref: arrowRef, style: Object.assign(Object.assign(Object.assign({}, (arrowX != null ? { left: arrowX } : {})), (arrowY != null ? { top: arrowY } : {})), (staticSide ? { [staticSide]: "-0.5rem" } : {})), className: "navds-timeline__popover-arrow" })))))));
|
|
118
121
|
});
|
|
119
122
|
exports.default = ClickablePeriod;
|
|
120
123
|
//# sourceMappingURL=ClickablePeriod.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ClickablePeriod.js","sourceRoot":"","sources":["../../../src/timeline/period/ClickablePeriod.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,8CAc4B;AAC5B,gDAAsB;AACtB,+CAAgD;AAChD,gEAA6D;AAC7D,+DAAuD;AACvD,gEAA6D;AAC7D,0DAAuD;AACvD,oEAAiE;AACjE,4CAAmE;AAWnE,MAAM,eAAe,GAAG,eAAK,CAAC,IAAI,CAChC,CAAC,EACC,cAAc,EACd,KAAK,EACL,GAAG,EACH,MAAM,EACN,OAAO,EACP,SAAS,EACT,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,SAAS,EACT,SAAS,GACoB,EAAE,EAAE;IACjC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACxC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,6BAAa,GAAE,CAAC;IAClC,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,mCAAgB,GAAE,CAAC;IAC1C,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,IAAA,uCAAkB,GAAE,CAAC;IACxD,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAC;IACrD,MAAM,SAAS,GAAG,IAAA,sBAAO,EAAC,UAAU,CAAC,CAAC;IAEtC,MAAM,EACJ,OAAO,EACP,SAAS,EACT,cAAc,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EACxD,IAAI,EACJ,cAAc,GACf,GAAG,IAAA,mBAAW,EAAC;QACd,SAAS,EAAE,KAAK;QAChB,IAAI;QACJ,YAAY,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC;QACvC,oBAAoB,EAAE,kBAAU;QAChC,UAAU,EAAE;YACV,IAAA,cAAM,EAAC,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"ClickablePeriod.js","sourceRoot":"","sources":["../../../src/timeline/period/ClickablePeriod.tsx"],"names":[],"mappings":"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"}
|
package/cjs/tooltip/Tooltip.js
CHANGED
|
@@ -43,6 +43,7 @@ const clsx_1 = __importDefault(require("clsx"));
|
|
|
43
43
|
const react_2 = __importStar(require("react"));
|
|
44
44
|
const Modal_context_1 = require("../modal/Modal.context");
|
|
45
45
|
const portal_1 = require("../portal");
|
|
46
|
+
const provider_1 = require("../provider");
|
|
46
47
|
const Slot_1 = require("../slot/Slot");
|
|
47
48
|
const typography_1 = require("../typography");
|
|
48
49
|
const hooks_1 = require("../util/hooks");
|
|
@@ -63,6 +64,8 @@ const useMergeRefs_1 = require("../util/hooks/useMergeRefs");
|
|
|
63
64
|
*/
|
|
64
65
|
exports.Tooltip = (0, react_2.forwardRef)((_a, ref) => {
|
|
65
66
|
var { children, className, arrow: _arrow = true, placement: _placement = "top", open, defaultOpen = false, onOpenChange, offset: _offset, content, delay = 150, id, keys, maxChar = 80, describesChild = false } = _a, rest = __rest(_a, ["children", "className", "arrow", "placement", "open", "defaultOpen", "onOpenChange", "offset", "content", "delay", "id", "keys", "maxChar", "describesChild"]);
|
|
67
|
+
const themeContext = (0, provider_1.UNSAFE_useAkselTheme)(false);
|
|
68
|
+
const showArrow = _arrow && !themeContext;
|
|
66
69
|
const [_open, _setOpen] = (0, useControllableState_1.useControllableState)({
|
|
67
70
|
defaultValue: defaultOpen,
|
|
68
71
|
value: open,
|
|
@@ -76,7 +79,7 @@ exports.Tooltip = (0, react_2.forwardRef)((_a, ref) => {
|
|
|
76
79
|
open: _open,
|
|
77
80
|
onOpenChange: (newState) => _setOpen(newState),
|
|
78
81
|
middleware: [
|
|
79
|
-
(0, react_1.offset)(_offset ? _offset : _arrow ?
|
|
82
|
+
(0, react_1.offset)(_offset !== null && _offset !== void 0 ? _offset : (themeContext ? 8 : _arrow ? 16 : 4)),
|
|
80
83
|
(0, react_1.shift)(),
|
|
81
84
|
(0, react_1.flip)({ padding: 5, fallbackPlacements: ["bottom", "top"] }),
|
|
82
85
|
(0, react_1.arrow)({ element: arrowRef, padding: 5 }),
|
|
@@ -118,10 +121,10 @@ exports.Tooltip = (0, react_2.forwardRef)((_a, ref) => {
|
|
|
118
121
|
top: y !== null && y !== void 0 ? y : 0,
|
|
119
122
|
left: x !== null && x !== void 0 ? x : 0,
|
|
120
123
|
visibility: referenceHidden ? "hidden" : "visible",
|
|
121
|
-
}, role: "tooltip", id: ariaId, className: (0, clsx_1.default)("navds-tooltip", "navds-detail navds-detail--small", className) })), { "data-side": placement }),
|
|
124
|
+
}, role: "tooltip", id: ariaId, className: (0, clsx_1.default)("navds-tooltip", "navds-detail navds-detail--small", className) })), { "data-side": placement, "data-state": "open" }),
|
|
122
125
|
content,
|
|
123
126
|
keys && (react_2.default.createElement("span", { className: "navds-tooltip__keys", "aria-hidden": true }, keys.map((key) => (react_2.default.createElement(typography_1.Detail, { as: "kbd", key: key, className: "navds-tooltip__key" }, key))))),
|
|
124
|
-
|
|
127
|
+
showArrow && (react_2.default.createElement("div", { ref: (node) => {
|
|
125
128
|
arrowRef.current = node;
|
|
126
129
|
}, className: "navds-tooltip__arrow", style: {
|
|
127
130
|
left: arrowX != null ? `${arrowX}px` : "",
|