@jsenv/navi 0.14.28 → 0.14.29
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/dist/jsenv_navi.js +4 -103
- package/dist/jsenv_navi.js.map +13 -20
- package/package.json +1 -1
package/dist/jsenv_navi.js
CHANGED
|
@@ -9076,7 +9076,6 @@ const FormActionContext = createContext();
|
|
|
9076
9076
|
const renderActionableComponent = (props, {
|
|
9077
9077
|
Basic,
|
|
9078
9078
|
WithAction,
|
|
9079
|
-
InsideForm,
|
|
9080
9079
|
WithActionInsideForm
|
|
9081
9080
|
}) => {
|
|
9082
9081
|
const {
|
|
@@ -9089,7 +9088,6 @@ const renderActionableComponent = (props, {
|
|
|
9089
9088
|
if (hasActionProps && WithAction) {
|
|
9090
9089
|
if (considerInsideForm && WithActionInsideForm) {
|
|
9091
9090
|
return jsx(WithActionInsideForm, {
|
|
9092
|
-
formContext: formContext,
|
|
9093
9091
|
...props
|
|
9094
9092
|
});
|
|
9095
9093
|
}
|
|
@@ -9097,12 +9095,6 @@ const renderActionableComponent = (props, {
|
|
|
9097
9095
|
...props
|
|
9098
9096
|
});
|
|
9099
9097
|
}
|
|
9100
|
-
if (considerInsideForm && InsideForm) {
|
|
9101
|
-
return jsx(InsideForm, {
|
|
9102
|
-
formContext: formContext,
|
|
9103
|
-
...props
|
|
9104
|
-
});
|
|
9105
|
-
}
|
|
9106
9098
|
return jsx(Basic, {
|
|
9107
9099
|
...props
|
|
9108
9100
|
});
|
|
@@ -16267,7 +16259,6 @@ const Button = props => {
|
|
|
16267
16259
|
return renderActionableComponent(props, {
|
|
16268
16260
|
Basic: ButtonBasic,
|
|
16269
16261
|
WithAction: ButtonWithAction,
|
|
16270
|
-
InsideForm: ButtonInsideForm,
|
|
16271
16262
|
WithActionInsideForm: ButtonWithActionInsideForm
|
|
16272
16263
|
});
|
|
16273
16264
|
};
|
|
@@ -16406,32 +16397,9 @@ const ButtonWithAction = props => {
|
|
|
16406
16397
|
children: children
|
|
16407
16398
|
});
|
|
16408
16399
|
};
|
|
16409
|
-
const ButtonInsideForm = props => {
|
|
16410
|
-
const {
|
|
16411
|
-
// eslint-disable-next-line no-unused-vars
|
|
16412
|
-
formContext,
|
|
16413
|
-
type,
|
|
16414
|
-
children,
|
|
16415
|
-
loading,
|
|
16416
|
-
readOnly,
|
|
16417
|
-
...rest
|
|
16418
|
-
} = props;
|
|
16419
|
-
const innerLoading = loading;
|
|
16420
|
-
const innerReadOnly = readOnly;
|
|
16421
|
-
return jsx(ButtonBasic, {
|
|
16422
|
-
...rest,
|
|
16423
|
-
type: type,
|
|
16424
|
-
loading: innerLoading,
|
|
16425
|
-
readOnly: innerReadOnly,
|
|
16426
|
-
children: children
|
|
16427
|
-
});
|
|
16428
|
-
};
|
|
16429
16400
|
const ButtonWithActionInsideForm = props => {
|
|
16430
16401
|
const formAction = useContext(FormActionContext);
|
|
16431
16402
|
const {
|
|
16432
|
-
// eslint-disable-next-line no-unused-vars
|
|
16433
|
-
formContext,
|
|
16434
|
-
// to avoid passing it to the button element
|
|
16435
16403
|
type,
|
|
16436
16404
|
action,
|
|
16437
16405
|
loading,
|
|
@@ -17830,8 +17798,7 @@ const InputCheckbox = props => {
|
|
|
17830
17798
|
const uiState = useUIState(uiStateController);
|
|
17831
17799
|
const checkbox = renderActionableComponent(props, {
|
|
17832
17800
|
Basic: InputCheckboxBasic,
|
|
17833
|
-
WithAction: InputCheckboxWithAction
|
|
17834
|
-
InsideForm: InputCheckboxInsideForm
|
|
17801
|
+
WithAction: InputCheckboxWithAction
|
|
17835
17802
|
});
|
|
17836
17803
|
return jsx(UIStateControllerContext.Provider, {
|
|
17837
17804
|
value: uiStateController,
|
|
@@ -18052,7 +18019,6 @@ const InputCheckboxWithAction = props => {
|
|
|
18052
18019
|
}
|
|
18053
18020
|
});
|
|
18054
18021
|
};
|
|
18055
|
-
const InputCheckboxInsideForm = InputCheckboxBasic;
|
|
18056
18022
|
|
|
18057
18023
|
installImportMetaCss(import.meta);import.meta.css = /* css */`
|
|
18058
18024
|
@layer navi {
|
|
@@ -18388,8 +18354,7 @@ const InputRadio = props => {
|
|
|
18388
18354
|
const uiState = useUIState(uiStateController);
|
|
18389
18355
|
const radio = renderActionableComponent(props, {
|
|
18390
18356
|
Basic: InputRadioBasic,
|
|
18391
|
-
WithAction: InputRadioWithAction
|
|
18392
|
-
InsideForm: InputRadioInsideForm
|
|
18357
|
+
WithAction: InputRadioWithAction
|
|
18393
18358
|
});
|
|
18394
18359
|
return jsx(UIStateControllerContext.Provider, {
|
|
18395
18360
|
value: uiStateController,
|
|
@@ -18590,7 +18555,6 @@ const InputRadioBasic = props => {
|
|
|
18590
18555
|
const InputRadioWithAction = () => {
|
|
18591
18556
|
throw new Error(`<Input type="radio" /> with an action make no sense. Use <RadioList action={something} /> instead`);
|
|
18592
18557
|
};
|
|
18593
|
-
const InputRadioInsideForm = InputRadio;
|
|
18594
18558
|
|
|
18595
18559
|
installImportMetaCss(import.meta);import.meta.css = /* css */`
|
|
18596
18560
|
@layer navi {
|
|
@@ -18806,8 +18770,7 @@ const InputRange = props => {
|
|
|
18806
18770
|
const uiState = useUIState(uiStateController);
|
|
18807
18771
|
const input = renderActionableComponent(props, {
|
|
18808
18772
|
Basic: InputRangeBasic,
|
|
18809
|
-
WithAction: InputRangeWithAction
|
|
18810
|
-
InsideForm: InputRangeInsideForm
|
|
18773
|
+
WithAction: InputRangeWithAction
|
|
18811
18774
|
});
|
|
18812
18775
|
return jsx(UIStateControllerContext.Provider, {
|
|
18813
18776
|
value: uiStateController,
|
|
@@ -19054,17 +19017,6 @@ const InputRangeWithAction = props => {
|
|
|
19054
19017
|
loading: loading || actionLoading
|
|
19055
19018
|
});
|
|
19056
19019
|
};
|
|
19057
|
-
const InputRangeInsideForm = props => {
|
|
19058
|
-
const {
|
|
19059
|
-
// We destructure formContext to avoid passing it to the underlying input element
|
|
19060
|
-
// eslint-disable-next-line no-unused-vars
|
|
19061
|
-
formContext,
|
|
19062
|
-
...rest
|
|
19063
|
-
} = props;
|
|
19064
|
-
return jsx(InputRangeBasic, {
|
|
19065
|
-
...rest
|
|
19066
|
-
});
|
|
19067
|
-
};
|
|
19068
19020
|
|
|
19069
19021
|
installImportMetaCss(import.meta);import.meta.css = /* css */`
|
|
19070
19022
|
@layer navi {
|
|
@@ -19190,8 +19142,7 @@ const InputTextual = props => {
|
|
|
19190
19142
|
const uiState = useUIState(uiStateController);
|
|
19191
19143
|
const input = renderActionableComponent(props, {
|
|
19192
19144
|
Basic: InputTextualBasic,
|
|
19193
|
-
WithAction: InputTextualWithAction
|
|
19194
|
-
InsideForm: InputTextualInsideForm
|
|
19145
|
+
WithAction: InputTextualWithAction
|
|
19195
19146
|
});
|
|
19196
19147
|
return jsx(UIStateControllerContext.Provider, {
|
|
19197
19148
|
value: uiStateController,
|
|
@@ -19385,17 +19336,6 @@ const InputTextualWithAction = props => {
|
|
|
19385
19336
|
loading: loading || actionLoading
|
|
19386
19337
|
});
|
|
19387
19338
|
};
|
|
19388
|
-
const InputTextualInsideForm = props => {
|
|
19389
|
-
const {
|
|
19390
|
-
// We destructure formContext to avoid passing it to the underlying input element
|
|
19391
|
-
// eslint-disable-next-line no-unused-vars
|
|
19392
|
-
formContext,
|
|
19393
|
-
...rest
|
|
19394
|
-
} = props;
|
|
19395
|
-
return jsx(InputTextualBasic, {
|
|
19396
|
-
...rest
|
|
19397
|
-
});
|
|
19398
|
-
};
|
|
19399
19339
|
|
|
19400
19340
|
// As explained in https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input/datetime-local#setting_timezones
|
|
19401
19341
|
// datetime-local does not support timezones
|
|
@@ -20243,45 +20183,6 @@ forwardRef((props, ref) => {
|
|
|
20243
20183
|
})
|
|
20244
20184
|
});
|
|
20245
20185
|
});
|
|
20246
|
-
forwardRef((props, ref) => {
|
|
20247
|
-
const {
|
|
20248
|
-
id,
|
|
20249
|
-
name,
|
|
20250
|
-
value: externalValue,
|
|
20251
|
-
children,
|
|
20252
|
-
...rest
|
|
20253
|
-
} = props;
|
|
20254
|
-
const innerRef = useRef();
|
|
20255
|
-
useImperativeHandle(ref, () => innerRef.current);
|
|
20256
|
-
const [navState, setNavState] = useNavState();
|
|
20257
|
-
const [value, setValue, initialValue] = [name, externalValue, navState];
|
|
20258
|
-
useEffect(() => {
|
|
20259
|
-
setNavState(value);
|
|
20260
|
-
}, [value]);
|
|
20261
|
-
useFormEvents(innerRef, {
|
|
20262
|
-
onFormReset: () => {
|
|
20263
|
-
setValue(undefined);
|
|
20264
|
-
},
|
|
20265
|
-
onFormActionAbort: () => {
|
|
20266
|
-
setValue(initialValue);
|
|
20267
|
-
},
|
|
20268
|
-
onFormActionError: () => {
|
|
20269
|
-
setValue(initialValue);
|
|
20270
|
-
}
|
|
20271
|
-
});
|
|
20272
|
-
return jsx(SelectControlled, {
|
|
20273
|
-
ref: innerRef,
|
|
20274
|
-
name: name,
|
|
20275
|
-
value: value,
|
|
20276
|
-
onChange: event => {
|
|
20277
|
-
const select = event.target;
|
|
20278
|
-
const selectedValue = select.checked;
|
|
20279
|
-
setValue(selectedValue);
|
|
20280
|
-
},
|
|
20281
|
-
...rest,
|
|
20282
|
-
children: children
|
|
20283
|
-
});
|
|
20284
|
-
});
|
|
20285
20186
|
|
|
20286
20187
|
const TableSelectionContext = createContext();
|
|
20287
20188
|
const useTableSelectionContextValue = (
|