@navikt/ds-react 7.0.1 → 7.1.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/collapsible/Collapsible.context.d.ts +1 -1
- package/cjs/form/combobox/Combobox.js +5 -2
- package/cjs/form/combobox/Combobox.js.map +1 -1
- package/cjs/form/combobox/ComboboxProvider.js +2 -1
- package/cjs/form/combobox/ComboboxProvider.js.map +1 -1
- package/cjs/form/combobox/ComboboxWrapper.d.ts +1 -0
- package/cjs/form/combobox/ComboboxWrapper.js +3 -1
- package/cjs/form/combobox/ComboboxWrapper.js.map +1 -1
- package/cjs/form/combobox/FilteredOptions/filteredOptionsContext.js +6 -1
- package/cjs/form/combobox/FilteredOptions/filteredOptionsContext.js.map +1 -1
- package/cjs/form/combobox/Input/Input.context.d.ts +1 -0
- package/cjs/form/combobox/Input/Input.context.js +2 -1
- package/cjs/form/combobox/Input/Input.context.js.map +1 -1
- package/cjs/form/combobox/Input/Input.js +6 -2
- package/cjs/form/combobox/Input/Input.js.map +1 -1
- package/cjs/form/combobox/Input/InputController.js +3 -3
- package/cjs/form/combobox/Input/InputController.js.map +1 -1
- package/cjs/form/combobox/SelectedOptions/SelectedOptions.js +2 -2
- package/cjs/form/combobox/SelectedOptions/SelectedOptions.js.map +1 -1
- package/cjs/form/combobox/SelectedOptions/selectedOptionsContext.d.ts +2 -2
- package/cjs/form/combobox/types.d.ts +10 -11
- package/cjs/form/error-summary/ErrorSummary.d.ts +3 -3
- package/cjs/form/error-summary/ErrorSummary.js +6 -7
- package/cjs/form/error-summary/ErrorSummary.js.map +1 -1
- package/cjs/form/file-upload/FileUpload.context.d.ts +1 -1
- package/cjs/form/form-summary/FormSummaryEditLink.js +2 -2
- package/cjs/form/form-summary/FormSummaryEditLink.js.map +1 -1
- package/cjs/layout/page/parts/PageBlock.js +1 -1
- package/cjs/layout/page/parts/PageBlock.js.map +1 -1
- package/cjs/layout/stack/HStack.js +14 -2
- package/cjs/layout/stack/HStack.js.map +1 -1
- package/cjs/layout/stack/VStack.js +14 -2
- package/cjs/layout/stack/VStack.js.map +1 -1
- package/cjs/list/List.d.ts +4 -1
- package/cjs/list/List.js +6 -12
- package/cjs/list/List.js.map +1 -1
- package/cjs/list/ListItem.d.ts +1 -1
- package/cjs/list/ListItem.js +3 -3
- package/cjs/list/ListItem.js.map +1 -1
- package/cjs/list/context.d.ts +2 -3
- package/cjs/list/context.js +0 -1
- package/cjs/list/context.js.map +1 -1
- package/cjs/list/types.d.ts +1 -1
- package/cjs/overlays/floating/Floating.utils.d.ts +1 -1
- package/cjs/pagination/Pagination.js +6 -7
- package/cjs/pagination/Pagination.js.map +1 -1
- package/cjs/pagination/PaginationItem.d.ts +3 -2
- package/cjs/pagination/PaginationItem.js +1 -1
- package/cjs/pagination/PaginationItem.js.map +1 -1
- package/cjs/stepper/context.d.ts +1 -1
- package/cjs/tabs/Tabs.context.d.ts +1 -1
- package/cjs/toggle-group/ToggleGroup.context.d.ts +1 -1
- package/cjs/util/create-context.js.map +1 -1
- package/cjs/util/virtualfocus/Context.d.ts +1 -1
- package/esm/collapsible/Collapsible.context.d.ts +1 -1
- package/esm/form/combobox/Combobox.js +5 -2
- package/esm/form/combobox/Combobox.js.map +1 -1
- package/esm/form/combobox/ComboboxProvider.js +2 -1
- package/esm/form/combobox/ComboboxProvider.js.map +1 -1
- package/esm/form/combobox/ComboboxWrapper.d.ts +1 -0
- package/esm/form/combobox/ComboboxWrapper.js +3 -1
- package/esm/form/combobox/ComboboxWrapper.js.map +1 -1
- package/esm/form/combobox/FilteredOptions/filteredOptionsContext.js +6 -1
- package/esm/form/combobox/FilteredOptions/filteredOptionsContext.js.map +1 -1
- package/esm/form/combobox/Input/Input.context.d.ts +1 -0
- package/esm/form/combobox/Input/Input.context.js +2 -1
- package/esm/form/combobox/Input/Input.context.js.map +1 -1
- package/esm/form/combobox/Input/Input.js +6 -2
- package/esm/form/combobox/Input/Input.js.map +1 -1
- package/esm/form/combobox/Input/InputController.js +3 -3
- package/esm/form/combobox/Input/InputController.js.map +1 -1
- package/esm/form/combobox/SelectedOptions/SelectedOptions.js +2 -2
- package/esm/form/combobox/SelectedOptions/SelectedOptions.js.map +1 -1
- package/esm/form/combobox/SelectedOptions/selectedOptionsContext.d.ts +2 -2
- package/esm/form/combobox/types.d.ts +10 -11
- package/esm/form/error-summary/ErrorSummary.d.ts +3 -3
- package/esm/form/error-summary/ErrorSummary.js +7 -8
- package/esm/form/error-summary/ErrorSummary.js.map +1 -1
- package/esm/form/file-upload/FileUpload.context.d.ts +1 -1
- package/esm/form/form-summary/FormSummaryEditLink.js +2 -2
- package/esm/form/form-summary/FormSummaryEditLink.js.map +1 -1
- package/esm/layout/page/parts/PageBlock.js +1 -1
- package/esm/layout/page/parts/PageBlock.js.map +1 -1
- package/esm/layout/stack/HStack.js +14 -2
- package/esm/layout/stack/HStack.js.map +1 -1
- package/esm/layout/stack/VStack.js +14 -2
- package/esm/layout/stack/VStack.js.map +1 -1
- package/esm/list/List.d.ts +4 -1
- package/esm/list/List.js +7 -13
- package/esm/list/List.js.map +1 -1
- package/esm/list/ListItem.d.ts +1 -1
- package/esm/list/ListItem.js +3 -3
- package/esm/list/ListItem.js.map +1 -1
- package/esm/list/context.d.ts +2 -3
- package/esm/list/context.js +0 -1
- package/esm/list/context.js.map +1 -1
- package/esm/list/types.d.ts +1 -1
- package/esm/overlays/floating/Floating.utils.d.ts +1 -1
- package/esm/pagination/Pagination.js +6 -7
- package/esm/pagination/Pagination.js.map +1 -1
- package/esm/pagination/PaginationItem.d.ts +3 -2
- package/esm/pagination/PaginationItem.js +1 -1
- package/esm/pagination/PaginationItem.js.map +1 -1
- package/esm/stepper/context.d.ts +1 -1
- package/esm/tabs/Tabs.context.d.ts +1 -1
- package/esm/toggle-group/ToggleGroup.context.d.ts +1 -1
- package/esm/util/create-context.js.map +1 -1
- package/esm/util/virtualfocus/Context.d.ts +1 -1
- package/package.json +3 -3
- package/src/date/datepicker/datepicker.test.tsx +1 -1
- package/src/date/utils/__tests__/parse-dates.test.ts +12 -12
- package/src/form/combobox/Combobox.tsx +3 -0
- package/src/form/combobox/ComboboxProvider.tsx +2 -0
- package/src/form/combobox/ComboboxWrapper.tsx +4 -1
- package/src/form/combobox/FilteredOptions/filteredOptionsContext.tsx +7 -1
- package/src/form/combobox/Input/Input.context.tsx +3 -0
- package/src/form/combobox/Input/Input.tsx +6 -0
- package/src/form/combobox/Input/InputController.tsx +3 -0
- package/src/form/combobox/SelectedOptions/SelectedOptions.tsx +8 -2
- package/src/form/combobox/SelectedOptions/selectedOptionsContext.tsx +2 -2
- package/src/form/combobox/types.ts +10 -12
- package/src/form/error-summary/ErrorSummary.tsx +9 -15
- package/src/form/form-summary/FormSummaryEditLink.tsx +12 -9
- package/src/layout/page/parts/PageBlock.tsx +1 -1
- package/src/layout/stack/HStack.tsx +2 -2
- package/src/layout/stack/VStack.tsx +4 -2
- package/src/list/List.tsx +15 -25
- package/src/list/ListItem.tsx +6 -6
- package/src/list/context.ts +2 -4
- package/src/list/types.ts +1 -1
- package/src/pagination/Pagination.tsx +7 -22
- package/src/pagination/PaginationItem.tsx +4 -3
- package/src/util/create-context.tsx +2 -2
|
@@ -43,5 +43,5 @@ export declare const CollapsibleContextProvider: import("react").ForwardRefExoti
|
|
|
43
43
|
*/
|
|
44
44
|
state: "open" | "closed";
|
|
45
45
|
} & {
|
|
46
|
-
children:
|
|
46
|
+
children: React.ReactNode;
|
|
47
47
|
} & import("react").RefAttributes<unknown>>, useCollapsibleContext: <S extends boolean = true>(strict?: S) => S extends true ? CollapsibleContextProps : CollapsibleContextProps | undefined;
|
|
@@ -41,6 +41,7 @@ exports.Combobox = void 0;
|
|
|
41
41
|
const clsx_1 = __importDefault(require("clsx"));
|
|
42
42
|
const react_1 = __importStar(require("react"));
|
|
43
43
|
const typography_1 = require("../../typography");
|
|
44
|
+
const ReadOnlyIcon_1 = require("../ReadOnlyIcon");
|
|
44
45
|
const ComboboxWrapper_1 = __importDefault(require("./ComboboxWrapper"));
|
|
45
46
|
const FilteredOptions_1 = __importDefault(require("./FilteredOptions/FilteredOptions"));
|
|
46
47
|
const filteredOptionsContext_1 = require("./FilteredOptions/filteredOptionsContext");
|
|
@@ -49,11 +50,13 @@ const InputController_1 = require("./Input/InputController");
|
|
|
49
50
|
exports.Combobox = (0, react_1.forwardRef)((props, ref) => {
|
|
50
51
|
const { className, hideLabel = false, description, label } = props, rest = __rest(props, ["className", "hideLabel", "description", "label"]);
|
|
51
52
|
const { toggleIsListOpen } = (0, filteredOptionsContext_1.useFilteredOptionsContext)();
|
|
52
|
-
const { error, errorId, hasError, inputDescriptionId, inputProps, showErrorMsg, size = "medium", } = (0, Input_context_1.useInputContext)();
|
|
53
|
+
const { error, errorId, hasError, inputDescriptionId, inputProps, showErrorMsg, size = "medium", readOnly, } = (0, Input_context_1.useInputContext)();
|
|
53
54
|
return (react_1.default.createElement(ComboboxWrapper_1.default, { className: className, hasError: hasError, inputProps: inputProps, inputSize: size, toggleIsListOpen: toggleIsListOpen },
|
|
54
55
|
react_1.default.createElement(typography_1.Label, { htmlFor: inputProps.id, size: size, className: (0, clsx_1.default)("navds-form-field__label", {
|
|
55
56
|
"navds-sr-only": hideLabel,
|
|
56
|
-
}) },
|
|
57
|
+
}) },
|
|
58
|
+
react_1.default.createElement(ReadOnlyIcon_1.ReadOnlyIcon, { nativeReadOnly: false, readOnly: readOnly }),
|
|
59
|
+
label),
|
|
57
60
|
!!description && (react_1.default.createElement(typography_1.BodyShort, { as: "div", className: (0, clsx_1.default)("navds-form-field__description", {
|
|
58
61
|
"navds-sr-only": hideLabel,
|
|
59
62
|
}), id: inputDescriptionId, size: size }, description)),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Combobox.js","sourceRoot":"","sources":["../../../src/form/combobox/Combobox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAC1C,iDAAkE;AAClE,wEAAgD;AAChD,wFAAgE;AAChE,qFAAqF;AACrF,yDAAwD;AACxD,6DAA0D;AAG7C,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAMhC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACf,MAAM,EAAE,SAAS,EAAE,SAAS,GAAG,KAAK,EAAE,WAAW,EAAE,KAAK,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAArE,kDAA6D,CAAQ,CAAC;IAE5E,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,kDAAyB,GAAE,CAAC;IAEzD,MAAM,EACJ,KAAK,EACL,OAAO,EACP,QAAQ,EACR,kBAAkB,EAClB,UAAU,EACV,YAAY,EACZ,IAAI,GAAG,QAAQ,
|
|
1
|
+
{"version":3,"file":"Combobox.js","sourceRoot":"","sources":["../../../src/form/combobox/Combobox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAC1C,iDAAkE;AAClE,kDAA+C;AAC/C,wEAAgD;AAChD,wFAAgE;AAChE,qFAAqF;AACrF,yDAAwD;AACxD,6DAA0D;AAG7C,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAMhC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACf,MAAM,EAAE,SAAS,EAAE,SAAS,GAAG,KAAK,EAAE,WAAW,EAAE,KAAK,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAArE,kDAA6D,CAAQ,CAAC;IAE5E,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,kDAAyB,GAAE,CAAC;IAEzD,MAAM,EACJ,KAAK,EACL,OAAO,EACP,QAAQ,EACR,kBAAkB,EAClB,UAAU,EACV,YAAY,EACZ,IAAI,GAAG,QAAQ,EACf,QAAQ,GACT,GAAG,IAAA,+BAAe,GAAE,CAAC;IAEtB,OAAO,CACL,8BAAC,yBAAe,IACd,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,IAAI,EACf,gBAAgB,EAAE,gBAAgB;QAElC,8BAAC,kBAAK,IACJ,OAAO,EAAE,UAAU,CAAC,EAAE,EACtB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAA,cAAE,EAAC,yBAAyB,EAAE;gBACvC,eAAe,EAAE,SAAS;aAC3B,CAAC;YAEF,8BAAC,2BAAY,IAAC,cAAc,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI;YAC1D,KAAK,CACA;QACP,CAAC,CAAC,WAAW,IAAI,CAChB,8BAAC,sBAAS,IACR,EAAE,EAAC,KAAK,EACR,SAAS,EAAE,IAAA,cAAE,EAAC,+BAA+B,EAAE;gBAC7C,eAAe,EAAE,SAAS;aAC3B,CAAC,EACF,EAAE,EAAE,kBAAkB,EACtB,IAAI,EAAE,IAAI,IAET,WAAW,CACF,CACb;QACD,uCAAK,SAAS,EAAC,yBAAyB;YACtC,8BAAC,iCAAe,kBAAC,GAAG,EAAE,GAAG,IAAM,IAAI,EAAI;YACvC,8BAAC,yBAAe,OAAG,CACf;QACN,uCACE,SAAS,EAAC,yBAAyB,EACnC,EAAE,EAAE,OAAO,mBACG,oBAAoB,eACxB,QAAQ,IAEjB,YAAY,IAAI,8BAAC,yBAAY,IAAC,IAAI,EAAE,IAAI,IAAG,KAAK,CAAgB,CAC7D,CACU,CACnB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,gBAAQ,CAAC"}
|
|
@@ -67,7 +67,7 @@ const customOptionsContext_1 = require("./customOptionsContext");
|
|
|
67
67
|
* ```
|
|
68
68
|
*/
|
|
69
69
|
const ComboboxProvider = (0, react_1.forwardRef)((props, ref) => {
|
|
70
|
-
const { allowNewValues = false, children, defaultValue, disabled, error, errorId, filteredOptions: externalFilteredOptions, id, isListOpen, isLoading = false, isMultiSelect, onToggleSelected, selectedOptions: externalSelectedOptions, maxSelected, options: externalOptions, value, onChange, onClear, shouldAutocomplete, size } = props, rest = __rest(props, ["allowNewValues", "children", "defaultValue", "disabled", "error", "errorId", "filteredOptions", "id", "isListOpen", "isLoading", "isMultiSelect", "onToggleSelected", "selectedOptions", "maxSelected", "options", "value", "onChange", "onClear", "shouldAutocomplete", "size"]);
|
|
70
|
+
const { allowNewValues = false, children, defaultValue, disabled, readOnly, error, errorId, filteredOptions: externalFilteredOptions, id, isListOpen, isLoading = false, isMultiSelect, onToggleSelected, selectedOptions: externalSelectedOptions, maxSelected, options: externalOptions, value, onChange, onClear, shouldAutocomplete, size } = props, rest = __rest(props, ["allowNewValues", "children", "defaultValue", "disabled", "readOnly", "error", "errorId", "filteredOptions", "id", "isListOpen", "isLoading", "isMultiSelect", "onToggleSelected", "selectedOptions", "maxSelected", "options", "value", "onChange", "onClear", "shouldAutocomplete", "size"]);
|
|
71
71
|
const options = (0, combobox_utils_1.mapToComboboxOptionArray)(externalOptions) || [];
|
|
72
72
|
const filteredOptions = (0, combobox_utils_1.mapToComboboxOptionArray)(externalFilteredOptions);
|
|
73
73
|
const selectedOptions = (0, combobox_utils_1.mapToComboboxOptionArray)(externalSelectedOptions);
|
|
@@ -75,6 +75,7 @@ const ComboboxProvider = (0, react_1.forwardRef)((props, ref) => {
|
|
|
75
75
|
defaultValue,
|
|
76
76
|
description: rest.description,
|
|
77
77
|
disabled,
|
|
78
|
+
readOnly,
|
|
78
79
|
error,
|
|
79
80
|
errorId,
|
|
80
81
|
id,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComboboxProvider.js","sourceRoot":"","sources":["../../../src/form/combobox/ComboboxProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,0DAAkC;AAClC,qFAAmF;AACnF,yDAA6D;AAC7D,qFAAmF;AACnF,qDAA4D;AAC5D,iEAA+D;AAG/D;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,gBAAgB,GAAG,IAAA,kBAAU,EACjC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACb,MAAM,EACJ,cAAc,GAAG,KAAK,EACtB,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,KAAK,EACL,OAAO,EACP,eAAe,EAAE,uBAAuB,EACxC,EAAE,EACF,UAAU,EACV,SAAS,GAAG,KAAK,EACjB,aAAa,EACb,gBAAgB,EAChB,eAAe,EAAE,uBAAuB,EACxC,WAAW,EACX,OAAO,EAAE,eAAe,EACxB,KAAK,EACL,QAAQ,EACR,OAAO,EACP,kBAAkB,EAClB,IAAI,KAEF,KAAK,EADJ,IAAI,UACL,KAAK,
|
|
1
|
+
{"version":3,"file":"ComboboxProvider.js","sourceRoot":"","sources":["../../../src/form/combobox/ComboboxProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,0DAAkC;AAClC,qFAAmF;AACnF,yDAA6D;AAC7D,qFAAmF;AACnF,qDAA4D;AAC5D,iEAA+D;AAG/D;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,gBAAgB,GAAG,IAAA,kBAAU,EACjC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACb,MAAM,EACJ,cAAc,GAAG,KAAK,EACtB,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,OAAO,EACP,eAAe,EAAE,uBAAuB,EACxC,EAAE,EACF,UAAU,EACV,SAAS,GAAG,KAAK,EACjB,aAAa,EACb,gBAAgB,EAChB,eAAe,EAAE,uBAAuB,EACxC,WAAW,EACX,OAAO,EAAE,eAAe,EACxB,KAAK,EACL,QAAQ,EACR,OAAO,EACP,kBAAkB,EAClB,IAAI,KAEF,KAAK,EADJ,IAAI,UACL,KAAK,EAvBH,8RAuBL,CAAQ,CAAC;IACV,MAAM,OAAO,GAAG,IAAA,yCAAwB,EAAC,eAAe,CAAC,IAAI,EAAE,CAAC;IAChE,MAAM,eAAe,GAAG,IAAA,yCAAwB,EAAC,uBAAuB,CAAC,CAAC;IAC1E,MAAM,eAAe,GAAG,IAAA,yCAAwB,EAAC,uBAAuB,CAAC,CAAC;IAC1E,OAAO,CACL,8BAAC,oCAAoB,IACnB,KAAK,EAAE;YACL,YAAY;YACZ,WAAW,EAAE,IAAI,CAAC,WAAW;YAC7B,QAAQ;YACR,QAAQ;YACR,KAAK;YACL,OAAO;YACP,EAAE;YACF,KAAK;YACL,QAAQ;YACR,OAAO;YACP,kBAAkB;YAClB,IAAI;SACL;QAED,8BAAC,4CAAqB,IAAC,KAAK,EAAE,EAAE,aAAa,EAAE;YAC7C,8BAAC,gDAAuB,IACtB,KAAK,EAAE;oBACL,cAAc;oBACd,aAAa;oBACb,eAAe;oBACf,WAAW;oBACX,gBAAgB;oBAChB,OAAO;iBACR;gBAED,8BAAC,gDAAuB,IACtB,KAAK,EAAE;wBACL,cAAc;wBACd,eAAe;wBACf,UAAU;wBACV,SAAS;wBACT,OAAO;qBACR;oBAED,8BAAC,kBAAQ,kBAAC,GAAG,EAAE,GAAG,IAAM,IAAI,GACzB,QAAQ,CACA,CACa,CACF,CACJ,CACH,CACxB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}
|
|
@@ -30,7 +30,7 @@ const clsx_1 = __importDefault(require("clsx"));
|
|
|
30
30
|
const react_1 = __importStar(require("react"));
|
|
31
31
|
const Input_context_1 = require("./Input/Input.context");
|
|
32
32
|
const ComboboxWrapper = ({ children, className, hasError, inputProps, inputSize, toggleIsListOpen, }) => {
|
|
33
|
-
const { toggleOpenButtonRef, clearInput } = (0, Input_context_1.useInputContext)();
|
|
33
|
+
const { toggleOpenButtonRef, clearInput, readOnly } = (0, Input_context_1.useInputContext)();
|
|
34
34
|
const wrapperRef = (0, react_1.useRef)(null);
|
|
35
35
|
const [hasFocusWithin, setHasFocusWithin] = (0, react_1.useState)(false);
|
|
36
36
|
function onFocusInsideWrapper(e) {
|
|
@@ -53,6 +53,8 @@ const ComboboxWrapper = ({ children, className, hasError, inputProps, inputSize,
|
|
|
53
53
|
"navds-combobox--error": hasError,
|
|
54
54
|
"navds-combobox--disabled": !!inputProps.disabled,
|
|
55
55
|
"navds-combobox--focused": hasFocusWithin,
|
|
56
|
+
"navds-combobox--readonly": readOnly,
|
|
57
|
+
"navds-form-field--readonly": readOnly,
|
|
56
58
|
}), onFocus: onFocusInsideWrapper, onBlur: onBlurWrapper }, children));
|
|
57
59
|
};
|
|
58
60
|
exports.default = ComboboxWrapper;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComboboxWrapper.js","sourceRoot":"","sources":["../../../src/form/combobox/ComboboxWrapper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAAgD;AAChD,yDAAwD;
|
|
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,CAAC;;QAC7B,IACE,CAAC,CAAA,MAAA,UAAU,CAAC,OAAO,0CAAE,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAA;YAC9C,CAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,OAAO,MAAK,CAAC,CAAC,MAAM,EACzC,CAAC;YACD,gBAAgB,CAAC,IAAI,CAAC,CAAC;YACvB,iBAAiB,CAAC,IAAI,CAAC,CAAC;QAC1B,CAAC;IACH,CAAC;IAED,SAAS,aAAa,CAAC,CAAC;;QACtB,IAAI,CAAC,CAAA,MAAA,UAAU,CAAC,OAAO,0CAAE,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAA,EAAE,CAAC;YACnD,gBAAgB,CAAC,KAAK,CAAC,CAAC;YACxB,iBAAiB,CAAC,KAAK,CAAC,CAAC;YACzB,UAAU,CAAC,CAAC,CAAC,CAAC;QAChB,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"}
|
|
@@ -46,7 +46,7 @@ const FilteredOptionsProvider = ({ children, value: props, }) => {
|
|
|
46
46
|
const { allowNewValues, filteredOptions: externalFilteredOptions, isListOpen: isExternalListOpen, isLoading, options, } = props;
|
|
47
47
|
const [filteredOptionsRef, setFilteredOptionsRef] = (0, react_1.useState)(null);
|
|
48
48
|
const virtualFocus = (0, useVirtualFocus_1.default)(filteredOptionsRef);
|
|
49
|
-
const { inputProps: { "aria-describedby": partialAriaDescribedBy, id }, value, searchTerm, setValue, setSearchTerm, shouldAutocomplete, setHideCaret, } = (0, Input_context_1.useInputContext)();
|
|
49
|
+
const { inputProps: { "aria-describedby": partialAriaDescribedBy, id, disabled }, readOnly, value, searchTerm, setValue, setSearchTerm, shouldAutocomplete, setHideCaret, } = (0, Input_context_1.useInputContext)();
|
|
50
50
|
const { maxSelected } = (0, selectedOptionsContext_1.useSelectedOptionsContext)();
|
|
51
51
|
const [isInternalListOpen, setInternalListOpen] = (0, react_1.useState)(false);
|
|
52
52
|
const { customOptions } = (0, customOptionsContext_1.useComboboxCustomOptions)();
|
|
@@ -95,6 +95,9 @@ const FilteredOptionsProvider = ({ children, value: props, }) => {
|
|
|
95
95
|
return isExternalListOpen !== null && isExternalListOpen !== void 0 ? isExternalListOpen : isInternalListOpen;
|
|
96
96
|
}, [isExternalListOpen, isInternalListOpen]);
|
|
97
97
|
const toggleIsListOpen = (0, react_1.useCallback)((newState) => {
|
|
98
|
+
if (disabled || readOnly) {
|
|
99
|
+
return;
|
|
100
|
+
}
|
|
98
101
|
virtualFocus.moveFocusToTop();
|
|
99
102
|
if (newState !== null && newState !== void 0 ? newState : !isInternalListOpen) {
|
|
100
103
|
setHideCaret(!!(maxSelected === null || maxSelected === void 0 ? void 0 : maxSelected.isLimitReached));
|
|
@@ -105,6 +108,8 @@ const FilteredOptionsProvider = ({ children, value: props, }) => {
|
|
|
105
108
|
maxSelected === null || maxSelected === void 0 ? void 0 : maxSelected.isLimitReached,
|
|
106
109
|
isInternalListOpen,
|
|
107
110
|
setHideCaret,
|
|
111
|
+
disabled,
|
|
112
|
+
readOnly,
|
|
108
113
|
]);
|
|
109
114
|
const isValueNew = (0, react_1.useMemo)(() => Boolean(value) &&
|
|
110
115
|
!filteredOptionsMap[filtered_options_util_1.default.getOptionId(id, value)], [filteredOptionsMap, id, value]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"filteredOptionsContext.js","sourceRoot":"","sources":["../../../../src/form/combobox/FilteredOptions/filteredOptionsContext.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA8E;AAC9E,iEAA6D;AAC7D,+CAAyE;AACzE,0DAAyD;AACzD,sFAAsF;AACtF,sDAAqD;AACrD,kEAAmE;AAEnE,oFAA2D;AAC3D,wEAAsE;AA4BtE,MAAM,CAAC,8BAA8B,EAAE,yBAAyB,CAAC,GAC/D,IAAA,8BAAa,EAA8B;IACzC,IAAI,EAAE,wBAAwB;IAC9B,YAAY,EACV,yEAAyE;CAC5E,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"filteredOptionsContext.js","sourceRoot":"","sources":["../../../../src/form/combobox/FilteredOptions/filteredOptionsContext.tsx"],"names":[],"mappings":"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"}
|
|
@@ -23,6 +23,7 @@ interface Props {
|
|
|
23
23
|
defaultValue: ComboboxProps["defaultValue"];
|
|
24
24
|
description: ComboboxProps["description"];
|
|
25
25
|
disabled: ComboboxProps["disabled"];
|
|
26
|
+
readOnly: ComboboxProps["readOnly"];
|
|
26
27
|
error: ComboboxProps["error"];
|
|
27
28
|
errorId: ComboboxProps["errorId"];
|
|
28
29
|
id: ComboboxProps["id"];
|
|
@@ -34,10 +34,11 @@ const [InputContextProvider, useInputContext] = (0, create_context_1.createConte
|
|
|
34
34
|
});
|
|
35
35
|
exports.useInputContext = useInputContext;
|
|
36
36
|
const InputProvider = ({ children, value: props }) => {
|
|
37
|
-
const { defaultValue = "", description, disabled, error, errorId, id: externalId, value: externalValue, onChange: externalOnChange, onClear, shouldAutocomplete, size, } = props;
|
|
37
|
+
const { defaultValue = "", description, disabled, readOnly, error, errorId, id: externalId, value: externalValue, onChange: externalOnChange, onClear, shouldAutocomplete, size, } = props;
|
|
38
38
|
const formFieldProps = (0, useFormField_1.useFormField)({
|
|
39
39
|
description,
|
|
40
40
|
disabled,
|
|
41
|
+
readOnly,
|
|
41
42
|
error,
|
|
42
43
|
errorId,
|
|
43
44
|
id: externalId,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.context.js","sourceRoot":"","sources":["../../../../src/form/combobox/Input/Input.context.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsE;AACtE,iEAA6D;AAC7D,+CAA4D;AAC5D,qDAAiE;AAmBjE,MAAM,CAAC,oBAAoB,EAAE,eAAe,CAAC,GAC3C,IAAA,8BAAa,EAAoB;IAC/B,IAAI,EAAE,cAAc;IACpB,YAAY,EAAE,6DAA6D;CAC5E,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"Input.context.js","sourceRoot":"","sources":["../../../../src/form/combobox/Input/Input.context.tsx"],"names":[],"mappings":"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"}
|
|
@@ -50,7 +50,7 @@ const Input = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
50
50
|
var { inputClassName, shouldShowSelectedOptions, placeholder, onBlur } = _a, rest = __rest(_a, ["inputClassName", "shouldShowSelectedOptions", "placeholder", "onBlur"]);
|
|
51
51
|
const internalRef = (0, react_1.useRef)(null);
|
|
52
52
|
const mergedRefs = (0, hooks_1.useMergeRefs)(ref, internalRef);
|
|
53
|
-
const { clearInput, inputProps, onChange, size, value, searchTerm, setValue, hideCaret, setHideCaret, } = (0, Input_context_1.useInputContext)();
|
|
53
|
+
const { clearInput, inputProps, onChange, size, value, searchTerm, setValue, hideCaret, setHideCaret, readOnly, } = (0, Input_context_1.useInputContext)();
|
|
54
54
|
const { selectedOptions, removeSelectedOption, toggleOption, isMultiSelect, maxSelected, } = (0, selectedOptionsContext_1.useSelectedOptionsContext)();
|
|
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) => {
|
|
@@ -116,6 +116,9 @@ const Input = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
116
116
|
};
|
|
117
117
|
const handleKeyDown = (0, react_1.useCallback)((e) => {
|
|
118
118
|
setIsMouseLastUsedInputDevice(false);
|
|
119
|
+
if (readOnly) {
|
|
120
|
+
return;
|
|
121
|
+
}
|
|
119
122
|
if (e.key === "Backspace") {
|
|
120
123
|
if (value === "" && shouldShowSelectedOptions) {
|
|
121
124
|
const lastSelectedOption = selectedOptions[selectedOptions.length - 1];
|
|
@@ -184,6 +187,7 @@ const Input = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
184
187
|
setValue,
|
|
185
188
|
searchTerm,
|
|
186
189
|
shouldShowSelectedOptions,
|
|
190
|
+
readOnly,
|
|
187
191
|
]);
|
|
188
192
|
const onChangeHandler = (0, react_1.useCallback)((event) => {
|
|
189
193
|
const newValue = event.target.value;
|
|
@@ -199,7 +203,7 @@ const Input = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
199
203
|
return (react_1.default.createElement("input", Object.assign({}, rest, (0, util_1.omit)(inputProps, ["aria-invalid"]), { ref: mergedRefs, type: "text", role: "combobox", value: value, onBlur: (0, composeEventHandlers_1.composeEventHandlers)(onBlur, virtualFocus.moveFocusToTop), onClick: () => {
|
|
200
204
|
setHideCaret(!!(maxSelected === null || maxSelected === void 0 ? void 0 : maxSelected.isLimitReached));
|
|
201
205
|
value !== searchTerm && onChange(value);
|
|
202
|
-
}, onInput: onChangeHandler, onKeyUp: handleKeyUp, onKeyDown: handleKeyDown, autoComplete: "off", placeholder: selectedOptions.length ? undefined : placeholder, className: (0, clsx_1.default)(inputClassName, "navds-combobox__input", "navds-body-short", `navds-body-short--${size}`, { "navds-combobox__input--hide-caret": hideCaret }), "aria-controls": filtered_options_util_1.default.getFilteredOptionsId(inputProps.id), "aria-expanded": !!isListOpen, "aria-autocomplete": shouldAutocomplete ? "both" : "list", "aria-activedescendant": activeDecendantId, "aria-describedby": ariaDescribedBy, "aria-invalid": inputProps["aria-invalid"] })));
|
|
206
|
+
}, onInput: onChangeHandler, onKeyUp: handleKeyUp, onKeyDown: handleKeyDown, autoComplete: "off", placeholder: selectedOptions.length ? undefined : placeholder, className: (0, clsx_1.default)(inputClassName, "navds-combobox__input", "navds-body-short", `navds-body-short--${size}`, { "navds-combobox__input--hide-caret": hideCaret }), "aria-controls": filtered_options_util_1.default.getFilteredOptionsId(inputProps.id), "aria-expanded": !!isListOpen, "aria-autocomplete": shouldAutocomplete ? "both" : "list", "aria-activedescendant": activeDecendantId, "aria-describedby": ariaDescribedBy, "aria-invalid": inputProps["aria-invalid"], readOnly: readOnly })));
|
|
203
207
|
});
|
|
204
208
|
exports.default = Input;
|
|
205
209
|
//# sourceMappingURL=Input.js.map
|
|
@@ -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;AACtF,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,
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/form/combobox/Input/Input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -52,15 +52,15 @@ const ToggleListButton_1 = __importDefault(require("./ToggleListButton"));
|
|
|
52
52
|
/* eslint-disable jsx-a11y/click-events-have-key-events */
|
|
53
53
|
exports.InputController = (0, react_1.forwardRef)((props, ref) => {
|
|
54
54
|
const { clearButton = true, clearButtonLabel, toggleListButton = true, toggleListButtonLabel, inputClassName, shouldShowSelectedOptions = true } = props, rest = __rest(props, ["clearButton", "clearButtonLabel", "toggleListButton", "toggleListButtonLabel", "inputClassName", "shouldShowSelectedOptions"]);
|
|
55
|
-
const { clearInput, focusInput, inputProps, value, size = "medium", inputRef, toggleOpenButtonRef, } = (0, Input_context_1.useInputContext)();
|
|
55
|
+
const { clearInput, focusInput, inputProps, value, size = "medium", inputRef, toggleOpenButtonRef, readOnly, } = (0, Input_context_1.useInputContext)();
|
|
56
56
|
const { activeDecendantId } = (0, filteredOptionsContext_1.useFilteredOptionsContext)();
|
|
57
57
|
const { selectedOptions } = (0, selectedOptionsContext_1.useSelectedOptionsContext)();
|
|
58
58
|
const mergedInputRef = (0, hooks_1.useMergeRefs)(inputRef, ref);
|
|
59
59
|
return (react_1.default.createElement("div", { className: (0, clsx_1.default)("navds-combobox__wrapper-inner navds-text-field__input", {
|
|
60
60
|
"navds-combobox__wrapper-inner--virtually-unfocused": activeDecendantId !== undefined,
|
|
61
61
|
}), onClick: focusInput },
|
|
62
|
-
!shouldShowSelectedOptions ? (react_1.default.createElement(Input_1.default, Object.assign({ id: inputProps.id, ref: mergedInputRef, inputClassName: inputClassName }, rest))) : (react_1.default.createElement(SelectedOptions_1.default, { selectedOptions: selectedOptions, size: size },
|
|
63
|
-
react_1.default.createElement(Input_1.default, Object.assign({ id: inputProps.id, ref: mergedInputRef, inputClassName: inputClassName, shouldShowSelectedOptions: shouldShowSelectedOptions }, rest)))),
|
|
62
|
+
!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 },
|
|
63
|
+
react_1.default.createElement(Input_1.default, Object.assign({ id: inputProps.id, ref: mergedInputRef, inputClassName: inputClassName, shouldShowSelectedOptions: shouldShowSelectedOptions, readOnly: readOnly }, rest)))),
|
|
64
64
|
react_1.default.createElement("div", null,
|
|
65
65
|
value && clearButton && (react_1.default.createElement("button", { type: "button", onClick: clearInput, className: "navds-combobox__button-clear", tabIndex: -1 },
|
|
66
66
|
react_1.default.createElement("span", { className: "navds-sr-only" }, clearButtonLabel ? clearButtonLabel : "Tøm"),
|
|
@@ -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,qDAAgD;AAChD,+CAAmD;AACnD,sFAAsF;AACtF,yFAAiE;AACjE,sFAAsF;AAEtF,oDAA4B;AAC5B,mDAAkD;AAClD,0EAAkD;AAElD,0DAA0D;AAC7C,QAAA,eAAe,GAAG,IAAA,kBAAU,EAcvC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACf,MAAM,EACJ,WAAW,GAAG,IAAI,EAClB,gBAAgB,EAChB,gBAAgB,GAAG,IAAI,EACvB,qBAAqB,EACrB,cAAc,EACd,yBAAyB,GAAG,IAAI,KAE9B,KAAK,EADJ,IAAI,UACL,KAAK,EARH,+HAQL,CAAQ,CAAC;IAEV,MAAM,EACJ,UAAU,EACV,UAAU,EACV,UAAU,EACV,KAAK,EACL,IAAI,GAAG,QAAQ,EACf,QAAQ,EACR,mBAAmB,
|
|
1
|
+
{"version":3,"file":"InputController.js","sourceRoot":"","sources":["../../../../src/form/combobox/Input/InputController.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4DAA4D;AAC5D,gDAAsB;AACtB,+CAA0C;AAC1C,qDAAgD;AAChD,+CAAmD;AACnD,sFAAsF;AACtF,yFAAiE;AACjE,sFAAsF;AAEtF,oDAA4B;AAC5B,mDAAkD;AAClD,0EAAkD;AAElD,0DAA0D;AAC7C,QAAA,eAAe,GAAG,IAAA,kBAAU,EAcvC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACf,MAAM,EACJ,WAAW,GAAG,IAAI,EAClB,gBAAgB,EAChB,gBAAgB,GAAG,IAAI,EACvB,qBAAqB,EACrB,cAAc,EACd,yBAAyB,GAAG,IAAI,KAE9B,KAAK,EADJ,IAAI,UACL,KAAK,EARH,+HAQL,CAAQ,CAAC;IAEV,MAAM,EACJ,UAAU,EACV,UAAU,EACV,UAAU,EACV,KAAK,EACL,IAAI,GAAG,QAAQ,EACf,QAAQ,EACR,mBAAmB,EACnB,QAAQ,GACT,GAAG,IAAA,+BAAe,GAAE,CAAC;IAEtB,MAAM,EAAE,iBAAiB,EAAE,GAAG,IAAA,kDAAyB,GAAE,CAAC;IAC1D,MAAM,EAAE,eAAe,EAAE,GAAG,IAAA,kDAAyB,GAAE,CAAC;IAExD,MAAM,cAAc,GAAG,IAAA,oBAAY,EAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;IAEnD,OAAO,CACL,uCACE,SAAS,EAAE,IAAA,cAAE,EAAC,uDAAuD,EAAE;YACrE,oDAAoD,EAClD,iBAAiB,KAAK,SAAS;SAClC,CAAC,EACF,OAAO,EAAE,UAAU;QAElB,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;QACD;YACG,KAAK,IAAI,WAAW,IAAI,CACvB,0CACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,UAAU,EACnB,SAAS,EAAC,8BAA8B,EACxC,QAAQ,EAAE,CAAC,CAAC;gBAEZ,wCAAM,SAAS,EAAC,eAAe,IAC5B,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,KAAK,CACvC;gBACP,8BAAC,uBAAS,0BAAe,CAClB,CACV;YACA,gBAAgB,IAAI,CACnB,8BAAC,0BAAgB,IACf,qBAAqB,EAAE,qBAAqB,EAC5C,GAAG,EAAE,mBAAmB,GACxB,CACH,CACG,CACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -9,7 +9,7 @@ const Input_context_1 = require("../Input/Input.context");
|
|
|
9
9
|
const selectedOptionsContext_1 = require("./selectedOptionsContext");
|
|
10
10
|
const Option = ({ option }) => {
|
|
11
11
|
const { isMultiSelect, removeSelectedOption } = (0, selectedOptionsContext_1.useSelectedOptionsContext)();
|
|
12
|
-
const { focusInput } = (0, Input_context_1.useInputContext)();
|
|
12
|
+
const { focusInput, readOnly, inputProps } = (0, Input_context_1.useInputContext)();
|
|
13
13
|
const onClick = (e) => {
|
|
14
14
|
e.stopPropagation();
|
|
15
15
|
removeSelectedOption(option);
|
|
@@ -18,7 +18,7 @@ const Option = ({ option }) => {
|
|
|
18
18
|
if (!isMultiSelect) {
|
|
19
19
|
return (react_1.default.createElement("div", { className: "navds-combobox__selected-options--no-bg" }, option.label));
|
|
20
20
|
}
|
|
21
|
-
return react_1.default.createElement(chips_1.Chips.Removable, { onClick: onClick }, option.label);
|
|
21
|
+
return readOnly || inputProps.disabled ? (react_1.default.createElement(chips_1.Chips.Toggle, { variant: "neutral", checkmark: false, as: "div" }, option.label)) : (react_1.default.createElement(chips_1.Chips.Removable, { onClick: onClick }, option.label));
|
|
22
22
|
};
|
|
23
23
|
const SelectedOptions = ({ selectedOptions = [], size, children, }) => {
|
|
24
24
|
const { value } = (0, Input_context_1.useInputContext)();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectedOptions.js","sourceRoot":"","sources":["../../../../src/form/combobox/SelectedOptions/SelectedOptions.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,0CAAuC;AACvC,0DAAyD;AAEzD,qEAAqE;AAQrE,MAAM,MAAM,GAAG,CAAC,EAAE,MAAM,EAA8B,EAAE,EAAE;IACxD,MAAM,EAAE,aAAa,EAAE,oBAAoB,EAAE,GAAG,IAAA,kDAAyB,GAAE,CAAC;IAC5E,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,+BAAe,GAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"SelectedOptions.js","sourceRoot":"","sources":["../../../../src/form/combobox/SelectedOptions/SelectedOptions.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,0CAAuC;AACvC,0DAAyD;AAEzD,qEAAqE;AAQrE,MAAM,MAAM,GAAG,CAAC,EAAE,MAAM,EAA8B,EAAE,EAAE;IACxD,MAAM,EAAE,aAAa,EAAE,oBAAoB,EAAE,GAAG,IAAA,kDAAyB,GAAE,CAAC;IAC5E,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,IAAA,+BAAe,GAAE,CAAC;IAE/D,MAAM,OAAO,GAAG,CAAC,CAAC,EAAE,EAAE;QACpB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,oBAAoB,CAAC,MAAM,CAAC,CAAC;QAC7B,UAAU,EAAE,CAAC;IACf,CAAC,CAAC;IAEF,IAAI,CAAC,aAAa,EAAE,CAAC;QACnB,OAAO,CACL,uCAAK,SAAS,EAAC,yCAAyC,IACrD,MAAM,CAAC,KAAK,CACT,CACP,CAAC;IACJ,CAAC;IAED,OAAO,QAAQ,IAAI,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,CACvC,8BAAC,aAAK,CAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAE,KAAK,EAAE,EAAE,EAAC,KAAK,IACvD,MAAM,CAAC,KAAK,CACA,CAChB,CAAC,CAAC,CAAC,CACF,8BAAC,aAAK,CAAC,SAAS,IAAC,OAAO,EAAE,OAAO,IAAG,MAAM,CAAC,KAAK,CAAmB,CACpE,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,eAAe,GAAmC,CAAC,EACvD,eAAe,GAAG,EAAE,EACpB,IAAI,EACJ,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,+BAAe,GAAE,CAAC;IACpC,MAAM,EAAE,aAAa,EAAE,GAAG,IAAA,kDAAyB,GAAE,CAAC;IACtD,OAAO,CACL,8BAAC,aAAK,IAAC,SAAS,EAAC,kCAAkC,EAAC,IAAI,EAAE,IAAI;QAC3D,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,aAAa,IAAI,eAAe,CAAC,MAAM,CAAC;YAC9D,CAAC,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CACjC,8BAAC,MAAM,IAAC,GAAG,EAAE,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,MAAM,EAAE,MAAM,GAAI,CAClD,CAAC;YACJ,CAAC,CAAC,EAAE;QACL,QAAQ,CACH,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { ComboboxOption, ComboboxProps
|
|
2
|
+
import { ComboboxOption, ComboboxProps } from "../types";
|
|
3
3
|
type SelectedOptionsContextValue = {
|
|
4
4
|
addSelectedOption: (option: ComboboxOption) => void;
|
|
5
5
|
isMultiSelect?: boolean;
|
|
6
6
|
removeSelectedOption: (option: ComboboxOption) => void;
|
|
7
7
|
prevSelectedOptions?: ComboboxOption[];
|
|
8
8
|
selectedOptions: ComboboxOption[];
|
|
9
|
-
maxSelected?:
|
|
9
|
+
maxSelected?: ComboboxProps["maxSelected"] & {
|
|
10
10
|
isLimitReached: boolean;
|
|
11
11
|
};
|
|
12
12
|
setSelectedOptions: (any: any) => void;
|
|
@@ -14,16 +14,6 @@ export type ComboboxOption = {
|
|
|
14
14
|
*/
|
|
15
15
|
value: string;
|
|
16
16
|
};
|
|
17
|
-
export type MaxSelected = {
|
|
18
|
-
/**
|
|
19
|
-
* The limit for maximum selected options
|
|
20
|
-
*/
|
|
21
|
-
limit: number;
|
|
22
|
-
/**
|
|
23
|
-
* Override the message to display when the limit for maximum selected options has been reached
|
|
24
|
-
*/
|
|
25
|
-
message?: string;
|
|
26
|
-
};
|
|
27
17
|
export interface ComboboxProps extends FormFieldProps, Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "onChange" | "value" | "defaultValue" | "onClick" | "onInput" | "type" | "role" | "onKeyUp" | "onKeyDown" | "autoComplete"> {
|
|
28
18
|
/**
|
|
29
19
|
* Combobox label.
|
|
@@ -111,7 +101,16 @@ export interface ComboboxProps extends FormFieldProps, Omit<InputHTMLAttributes<
|
|
|
111
101
|
/**
|
|
112
102
|
* Options for the maximum number of selected options.
|
|
113
103
|
*/
|
|
114
|
-
maxSelected?:
|
|
104
|
+
maxSelected?: {
|
|
105
|
+
/**
|
|
106
|
+
* The limit for maximum selected options
|
|
107
|
+
*/
|
|
108
|
+
limit: number;
|
|
109
|
+
/**
|
|
110
|
+
* Override the message to display when the limit for maximum selected options has been reached
|
|
111
|
+
*/
|
|
112
|
+
message?: string;
|
|
113
|
+
};
|
|
115
114
|
/**
|
|
116
115
|
* Set to `true` to enable inline autocomplete.
|
|
117
116
|
*
|
|
@@ -23,13 +23,13 @@ export interface ErrorSummaryProps extends Omit<HTMLAttributes<HTMLDivElement>,
|
|
|
23
23
|
}
|
|
24
24
|
interface ErrorSummaryComponent extends React.ForwardRefExoticComponent<ErrorSummaryProps & React.RefAttributes<HTMLDivElement>> {
|
|
25
25
|
/**
|
|
26
|
-
*
|
|
26
|
+
* Error message with link to field.
|
|
27
27
|
*
|
|
28
28
|
* @see [🤖 OverridableComponent](https://aksel.nav.no/grunnleggende/kode/overridablecomponent) support
|
|
29
29
|
*
|
|
30
30
|
* @example
|
|
31
31
|
* ```jsx
|
|
32
|
-
* <ErrorSummary.Item href="#
|
|
32
|
+
* <ErrorSummary.Item href="#id-til-alderfelt">
|
|
33
33
|
* Felt må fylles ut med alder
|
|
34
34
|
* </ErrorSummary.Item>
|
|
35
35
|
* ```
|
|
@@ -37,7 +37,7 @@ interface ErrorSummaryComponent extends React.ForwardRefExoticComponent<ErrorSum
|
|
|
37
37
|
Item: typeof ErrorSummaryItem;
|
|
38
38
|
}
|
|
39
39
|
/**
|
|
40
|
-
*
|
|
40
|
+
* Summary of errors in a form.
|
|
41
41
|
*
|
|
42
42
|
* @see [📝 Documentation](https://aksel.nav.no/komponenter/core/errorsummary)
|
|
43
43
|
* @see 🏷️ {@link ErrorSummaryProps}
|
|
@@ -45,7 +45,7 @@ const composeEventHandlers_1 = require("../../util/composeEventHandlers");
|
|
|
45
45
|
const hooks_1 = require("../../util/hooks");
|
|
46
46
|
const ErrorSummaryItem_1 = __importDefault(require("./ErrorSummaryItem"));
|
|
47
47
|
/**
|
|
48
|
-
*
|
|
48
|
+
* Summary of errors in a form.
|
|
49
49
|
*
|
|
50
50
|
* @see [📝 Documentation](https://aksel.nav.no/komponenter/core/errorsummary)
|
|
51
51
|
* @see 🏷️ {@link ErrorSummaryProps}
|
|
@@ -64,17 +64,16 @@ const ErrorSummaryItem_1 = __importDefault(require("./ErrorSummaryItem"));
|
|
|
64
64
|
*/
|
|
65
65
|
exports.ErrorSummary = (0, react_1.forwardRef)((_a, ref) => {
|
|
66
66
|
var { children, className, size = "medium", headingTag = "h2", heading = "Du må rette disse feilene før du kan fortsette:" } = _a, rest = __rest(_a, ["children", "className", "size", "headingTag", "heading"]);
|
|
67
|
-
const
|
|
68
|
-
const sectionRef = (0, react_1.useRef)(null);
|
|
67
|
+
const wrapperRef = (0, react_1.useRef)(null);
|
|
69
68
|
const headingRef = (0, react_1.useRef)(null);
|
|
70
|
-
const mergedRef = (0, hooks_1.useMergeRefs)(ref,
|
|
71
|
-
return (react_1.default.createElement("
|
|
69
|
+
const mergedRef = (0, hooks_1.useMergeRefs)(ref, wrapperRef);
|
|
70
|
+
return (react_1.default.createElement("div", Object.assign({ ref: mergedRef }, rest, { className: (0, clsx_1.default)(className, "navds-error-summary", `navds-error-summary--${size}`), tabIndex: -1, onFocus: (0, composeEventHandlers_1.composeEventHandlers)(rest.onFocus, (event) => {
|
|
72
71
|
var _a;
|
|
73
|
-
if (event.target ===
|
|
72
|
+
if (event.target === wrapperRef.current) {
|
|
74
73
|
(_a = headingRef === null || headingRef === void 0 ? void 0 : headingRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
75
74
|
}
|
|
76
75
|
}) }),
|
|
77
|
-
react_1.default.createElement(typography_1.Heading, { className: "navds-error-summary__heading", as: headingTag, size: "small",
|
|
76
|
+
react_1.default.createElement(typography_1.Heading, { className: "navds-error-summary__heading", as: headingTag, size: "small", ref: headingRef, tabIndex: -1 }, heading),
|
|
78
77
|
react_1.default.createElement(typography_1.BodyShort, { as: "ul", size: size, className: "navds-error-summary__list" }, children)));
|
|
79
78
|
});
|
|
80
79
|
exports.ErrorSummary.Item = ErrorSummaryItem_1.default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorSummary.js","sourceRoot":"","sources":["../../../src/form/error-summary/ErrorSummary.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAAkE;AAClE,iDAAsD;AACtD,0EAAuE;AACvE,
|
|
1
|
+
{"version":3,"file":"ErrorSummary.js","sourceRoot":"","sources":["../../../src/form/error-summary/ErrorSummary.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAAkE;AAClE,iDAAsD;AACtD,0EAAuE;AACvE,4CAAgD;AAChD,0EAAkD;AA4ClD;;;;;;;;;;;;;;;;;GAiBG;AACU,QAAA,YAAY,GAAG,IAAA,kBAAU,EACpC,CACE,EAOC,EACD,GAAG,EACH,EAAE;QATF,EACE,QAAQ,EACR,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,UAAU,GAAG,IAAI,EACjB,OAAO,GAAG,iDAAiD,OAE5D,EADI,IAAI,cANT,0DAOC,CADQ;IAIT,MAAM,UAAU,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAChD,MAAM,UAAU,GAAG,IAAA,cAAM,EAAqB,IAAI,CAAC,CAAC;IAEpD,MAAM,SAAS,GAAG,IAAA,oBAAY,EAAC,GAAG,EAAE,UAAU,CAAC,CAAC;IAEhD,OAAO,CACL,qDACE,GAAG,EAAE,SAAS,IACV,IAAI,IACR,SAAS,EAAE,IAAA,cAAE,EACX,SAAS,EACT,qBAAqB,EACrB,wBAAwB,IAAI,EAAE,CAC/B,EACD,QAAQ,EAAE,CAAC,CAAC,EACZ,OAAO,EAAE,IAAA,2CAAoB,EAAC,IAAI,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;;YACpD,IAAI,KAAK,CAAC,MAAM,KAAK,UAAU,CAAC,OAAO,EAAE,CAAC;gBACxC,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,0CAAE,KAAK,EAAE,CAAC;YAC/B,CAAC;QACH,CAAC,CAAC;QAEF,8BAAC,oBAAO,IACN,SAAS,EAAC,8BAA8B,EACxC,EAAE,EAAE,UAAU,EACd,IAAI,EAAC,OAAO,EACZ,GAAG,EAAE,UAAU,EACf,QAAQ,EAAE,CAAC,CAAC,IAEX,OAAO,CACA;QACV,8BAAC,sBAAS,IAAC,EAAE,EAAC,IAAI,EAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,2BAA2B,IACjE,QAAQ,CACC,CACR,CACP,CAAC;AACJ,CAAC,CACuB,CAAC;AAE3B,oBAAY,CAAC,IAAI,GAAG,0BAAgB,CAAC;AAErC,kBAAe,oBAAY,CAAC"}
|
|
@@ -3,5 +3,5 @@ export type FileUploadLocaleContextProps = {
|
|
|
3
3
|
translations?: ComponentTranslation<"FileUpload">;
|
|
4
4
|
};
|
|
5
5
|
export declare const FileUploadLocaleContextProvider: import("react").ForwardRefExoticComponent<FileUploadLocaleContextProps & {
|
|
6
|
-
children:
|
|
6
|
+
children: React.ReactNode;
|
|
7
7
|
} & import("react").RefAttributes<unknown>>, useFileUploadTranslation: <S extends boolean = true>(strict?: S) => S extends true ? FileUploadLocaleContextProps : FileUploadLocaleContextProps | undefined;
|
|
@@ -42,8 +42,8 @@ const clsx_1 = __importDefault(require("clsx"));
|
|
|
42
42
|
const react_1 = __importStar(require("react"));
|
|
43
43
|
const link_1 = require("../../link");
|
|
44
44
|
exports.FormSummaryEditLink = (0, react_1.forwardRef)((_a, ref) => {
|
|
45
|
-
var { children = "Endre svar", className } = _a, rest = __rest(_a, ["children", "className"]);
|
|
46
|
-
return (react_1.default.createElement(link_1.Link, Object.assign({ ref: ref }, rest, { className: (0, clsx_1.default)("navds-form-summary__edit", className) }), children));
|
|
45
|
+
var { children = "Endre svar", className, as = "a" } = _a, rest = __rest(_a, ["children", "className", "as"]);
|
|
46
|
+
return (react_1.default.createElement(link_1.Link, Object.assign({ ref: ref, as: as }, rest, { className: (0, clsx_1.default)("navds-form-summary__edit", className) }), children));
|
|
47
47
|
});
|
|
48
48
|
exports.default = exports.FormSummaryEditLink;
|
|
49
49
|
//# sourceMappingURL=FormSummaryEditLink.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormSummaryEditLink.js","sourceRoot":"","sources":["../../../src/form/form-summary/FormSummaryEditLink.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAC1C,qCAAkC;AAmBrB,QAAA,mBAAmB,GAG5B,IAAA,kBAAU,
|
|
1
|
+
{"version":3,"file":"FormSummaryEditLink.js","sourceRoot":"","sources":["../../../src/form/form-summary/FormSummaryEditLink.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAC1C,qCAAkC;AAmBrB,QAAA,mBAAmB,GAG5B,IAAA,kBAAU,EACZ,CAAC,EAAyD,EAAE,GAAG,EAAE,EAAE;QAAlE,EAAE,QAAQ,GAAG,YAAY,EAAE,SAAS,EAAE,EAAE,GAAG,GAAG,OAAW,EAAN,IAAI,cAAvD,+BAAyD,CAAF;IAAY,OAAA,CAClE,8BAAC,WAAI,kBACH,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,IACF,IAAI,IACR,SAAS,EAAE,IAAA,cAAE,EAAC,0BAA0B,EAAE,SAAS,CAAC,KAEnD,QAAQ,CACJ,CACR,CAAA;CAAA,CACF,CAAC;AAEF,kBAAe,2BAAmB,CAAC"}
|
|
@@ -72,7 +72,7 @@ exports.widths = ["text", "md", "lg", "xl", "2xl"];
|
|
|
72
72
|
*/
|
|
73
73
|
exports.PageBlock = (0, react_1.forwardRef)((_a, ref) => {
|
|
74
74
|
var { as: Component = "div", gutters, className, width } = _a, rest = __rest(_a, ["as", "gutters", "className", "width"]);
|
|
75
|
-
return (react_1.default.createElement(Component, Object.assign({}, rest, { className: (0, clsx_1.default)("navds-pageblock", `navds-pageblock--${width}`, className, { "navds-pageblock--gutters": gutters }), ref: ref })));
|
|
75
|
+
return (react_1.default.createElement(Component, Object.assign({}, rest, { className: (0, clsx_1.default)("navds-pageblock", width && `navds-pageblock--${width}`, className, { "navds-pageblock--gutters": gutters }), ref: ref })));
|
|
76
76
|
});
|
|
77
77
|
exports.default = exports.PageBlock;
|
|
78
78
|
//# sourceMappingURL=PageBlock.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageBlock.js","sourceRoot":"","sources":["../../../../src/layout/page/parts/PageBlock.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAG7B,QAAA,MAAM,GAAG,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAU,CAAC;AAwBjE;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACU,QAAA,SAAS,GACpB,IAAA,kBAAU,EACR,CAAC,EAA6D,EAAE,GAAG,EAAE,EAAE;QAAtE,EAAE,EAAE,EAAE,SAAS,GAAG,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,OAAW,EAAN,IAAI,cAA3D,uCAA6D,CAAF;IAC1D,OAAO,CACL,8BAAC,SAAS,oBACJ,IAAI,IACR,SAAS,EAAE,IAAA,cAAE,EACX,iBAAiB,EACjB,oBAAoB,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"PageBlock.js","sourceRoot":"","sources":["../../../../src/layout/page/parts/PageBlock.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAG7B,QAAA,MAAM,GAAG,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAU,CAAC;AAwBjE;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACU,QAAA,SAAS,GACpB,IAAA,kBAAU,EACR,CAAC,EAA6D,EAAE,GAAG,EAAE,EAAE;QAAtE,EAAE,EAAE,EAAE,SAAS,GAAG,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,OAAW,EAAN,IAAI,cAA3D,uCAA6D,CAAF;IAC1D,OAAO,CACL,8BAAC,SAAS,oBACJ,IAAI,IACR,SAAS,EAAE,IAAA,cAAE,EACX,iBAAiB,EACjB,KAAK,IAAI,oBAAoB,KAAK,EAAE,EACpC,SAAS,EACT,EAAE,0BAA0B,EAAE,OAAO,EAAE,CACxC,EACD,GAAG,EAAE,GAAG,IACR,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,kBAAe,iBAAS,CAAC"}
|
|
@@ -22,6 +22,17 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
22
22
|
__setModuleDefault(result, mod);
|
|
23
23
|
return result;
|
|
24
24
|
};
|
|
25
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
26
|
+
var t = {};
|
|
27
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
28
|
+
t[p] = s[p];
|
|
29
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
30
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
31
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
32
|
+
t[p[i]] = s[p[i]];
|
|
33
|
+
}
|
|
34
|
+
return t;
|
|
35
|
+
};
|
|
25
36
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
37
|
exports.HStack = void 0;
|
|
27
38
|
const react_1 = __importStar(require("react"));
|
|
@@ -46,8 +57,9 @@ const Stack_1 = require("./Stack");
|
|
|
46
57
|
* <MyComponent />
|
|
47
58
|
* </HStack>
|
|
48
59
|
*/
|
|
49
|
-
exports.HStack = (0, react_1.forwardRef)((
|
|
50
|
-
|
|
60
|
+
exports.HStack = (0, react_1.forwardRef)((_a, ref) => {
|
|
61
|
+
var { as = "div" } = _a, rest = __rest(_a, ["as"]);
|
|
62
|
+
return react_1.default.createElement(Stack_1.Stack, Object.assign({ as: as }, rest, { ref: ref, direction: "row" }));
|
|
51
63
|
});
|
|
52
64
|
exports.default = exports.HStack;
|
|
53
65
|
//# sourceMappingURL=HStack.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HStack.js","sourceRoot":"","sources":["../../../src/layout/stack/HStack.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"HStack.js","sourceRoot":"","sources":["../../../src/layout/stack/HStack.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAG1C,mCAA4C;AAI5C;;;;;;;;;;;;;;;;;;;GAmBG;AACU,QAAA,MAAM,GACjB,IAAA,kBAAU,EAAC,CAAC,EAAuB,EAAE,GAAG,EAAE,EAAE;QAAhC,EAAE,EAAE,GAAG,KAAK,OAAW,EAAN,IAAI,cAArB,MAAuB,CAAF;IAC/B,OAAO,8BAAC,aAAK,kBAAC,EAAE,EAAE,EAAE,IAAM,IAAI,IAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAC,KAAK,IAAG,CAAC;AAC/D,CAAC,CAAC,CAAC;AAEL,kBAAe,cAAM,CAAC"}
|
|
@@ -22,6 +22,17 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
22
22
|
__setModuleDefault(result, mod);
|
|
23
23
|
return result;
|
|
24
24
|
};
|
|
25
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
26
|
+
var t = {};
|
|
27
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
28
|
+
t[p] = s[p];
|
|
29
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
30
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
31
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
32
|
+
t[p[i]] = s[p[i]];
|
|
33
|
+
}
|
|
34
|
+
return t;
|
|
35
|
+
};
|
|
25
36
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
37
|
exports.VStack = void 0;
|
|
27
38
|
const react_1 = __importStar(require("react"));
|
|
@@ -46,8 +57,9 @@ const Stack_1 = require("./Stack");
|
|
|
46
57
|
* <MyComponent />
|
|
47
58
|
* </VStack>
|
|
48
59
|
*/
|
|
49
|
-
exports.VStack = (0, react_1.forwardRef)((
|
|
50
|
-
|
|
60
|
+
exports.VStack = (0, react_1.forwardRef)((_a, ref) => {
|
|
61
|
+
var { as = "div" } = _a, rest = __rest(_a, ["as"]);
|
|
62
|
+
return (react_1.default.createElement(Stack_1.Stack, Object.assign({ as: as }, rest, { ref: ref, direction: "column", wrap: false })));
|
|
51
63
|
});
|
|
52
64
|
exports.default = exports.VStack;
|
|
53
65
|
//# sourceMappingURL=VStack.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VStack.js","sourceRoot":"","sources":["../../../src/layout/stack/VStack.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"VStack.js","sourceRoot":"","sources":["../../../src/layout/stack/VStack.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAG1C,mCAA4C;AAK5C;;;;;;;;;;;;;;;;;;;GAmBG;AACU,QAAA,MAAM,GACjB,IAAA,kBAAU,EAAC,CAAC,EAAuB,EAAE,GAAG,EAAE,EAAE;QAAhC,EAAE,EAAE,GAAG,KAAK,OAAW,EAAN,IAAI,cAArB,MAAuB,CAAF;IAC/B,OAAO,CACL,8BAAC,aAAK,kBAAC,EAAE,EAAE,EAAE,IAAM,IAAI,IAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAC,QAAQ,EAAC,IAAI,EAAE,KAAK,IAAI,CACtE,CAAC;AACJ,CAAC,CAAC,CAAC;AAEL,kBAAe,cAAM,CAAC"}
|
package/cjs/list/List.d.ts
CHANGED
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { ListItem } from "./ListItem";
|
|
3
|
-
import { ListProps } from "./types";
|
|
3
|
+
import type { ListProps } from "./types";
|
|
4
4
|
export interface ListComponent extends React.ForwardRefExoticComponent<ListProps & React.RefAttributes<HTMLDivElement>> {
|
|
5
|
+
/**
|
|
6
|
+
* @see 🏷️ {@link ListItemProps}
|
|
7
|
+
*/
|
|
5
8
|
Item: typeof ListItem;
|
|
6
9
|
}
|
|
7
10
|
/**
|