@pdg/react-form 1.0.50 → 1.0.51
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/Search/SearchMenuButton/SearchMenuButton.d.ts +4 -0
- package/dist/Search/SearchMenuButton/SearchMenuButton.types.d.ts +7 -0
- package/dist/Search/SearchMenuButton/index.d.ts +4 -0
- package/dist/Search/index.d.ts +1 -0
- package/dist/index.esm.js +84 -3
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +83 -2
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -12378,6 +12378,87 @@ SearchGroup.defaultProps = SearchGroupDefaultProps;var SearchButtonDefaultProps
|
|
|
12378
12378
|
// Render ----------------------------------------------------------------------------------------------------------
|
|
12379
12379
|
return (React__default["default"].createElement(FormButton, __assign$6({ className: classNames$1(className, 'SearchButton'), size: 'medium', sx: sx, fullWidth: false, startIcon: startIcon, endIcon: endIcon, icon: icon }, props), children));
|
|
12380
12380
|
};
|
|
12381
|
-
SearchButton.defaultProps = SearchButtonDefaultProps;
|
|
12381
|
+
SearchButton.defaultProps = SearchButtonDefaultProps;var SearchMenuButtonDefaultProps = {};var SearchMenuButton = function (_a) {
|
|
12382
|
+
// ID ----------------------------------------------------------------------------------------------------------------
|
|
12383
|
+
var children = _a.children, className = _a.className, initSx = _a.sx, menuList = _a.menuList, startIcon = _a.startIcon, icon = _a.icon, placement = _a.placement, props = __rest$3(_a, ["children", "className", "sx", "menuList", "startIcon", "icon", "placement"]);
|
|
12384
|
+
var buttonId = React.useId();
|
|
12385
|
+
var menuId = React.useId();
|
|
12386
|
+
// State -------------------------------------------------------------------------------------------------------------
|
|
12387
|
+
var _b = React.useState(null), anchorEl = _b[0], setAnchorEl = _b[1];
|
|
12388
|
+
var _c = React.useState('ArrowDropDown'), endIcon = _c[0], setEndIcon = _c[1];
|
|
12389
|
+
// Event Handler -----------------------------------------------------------------------------------------------------
|
|
12390
|
+
var handleClick = React.useCallback(function (e) {
|
|
12391
|
+
setAnchorEl(e.currentTarget);
|
|
12392
|
+
setEndIcon('ArrowDropUp');
|
|
12393
|
+
}, []);
|
|
12394
|
+
var handleClose = React.useCallback(function () {
|
|
12395
|
+
setAnchorEl(null);
|
|
12396
|
+
setEndIcon('ArrowDropDown');
|
|
12397
|
+
}, []);
|
|
12398
|
+
// Memo --------------------------------------------------------------------------------------------------------------
|
|
12399
|
+
var open = React.useMemo(function () { return !!anchorEl; }, [anchorEl]);
|
|
12400
|
+
var sx = React.useMemo(function () { return (__assign$6({ minWidth: 0, px: !startIcon && !endIcon && !icon ? 1.2 : 1.7 }, initSx)); }, [endIcon, icon, initSx, startIcon]);
|
|
12401
|
+
var anchorOrigin = React.useMemo(function () {
|
|
12402
|
+
switch (placement || 'bottom') {
|
|
12403
|
+
case 'bottom':
|
|
12404
|
+
return { vertical: 'bottom', horizontal: 'center' };
|
|
12405
|
+
case 'bottom-left':
|
|
12406
|
+
return { vertical: 'bottom', horizontal: 'left' };
|
|
12407
|
+
case 'bottom-right':
|
|
12408
|
+
return { vertical: 'bottom', horizontal: 'right' };
|
|
12409
|
+
case 'top':
|
|
12410
|
+
return { vertical: 'top', horizontal: 'center' };
|
|
12411
|
+
case 'top-left':
|
|
12412
|
+
return { vertical: 'top', horizontal: 'left' };
|
|
12413
|
+
case 'top-right':
|
|
12414
|
+
return { vertical: 'top', horizontal: 'right' };
|
|
12415
|
+
case 'left':
|
|
12416
|
+
return { vertical: 'center', horizontal: 'left' };
|
|
12417
|
+
case 'left-top':
|
|
12418
|
+
return { vertical: 'top', horizontal: 'left' };
|
|
12419
|
+
case 'left-bottom':
|
|
12420
|
+
return { vertical: 'bottom', horizontal: 'left' };
|
|
12421
|
+
case 'right':
|
|
12422
|
+
return { vertical: 'center', horizontal: 'right' };
|
|
12423
|
+
case 'right-top':
|
|
12424
|
+
return { vertical: 'top', horizontal: 'right' };
|
|
12425
|
+
case 'right-bottom':
|
|
12426
|
+
return { vertical: 'bottom', horizontal: 'right' };
|
|
12427
|
+
}
|
|
12428
|
+
}, [placement]);
|
|
12429
|
+
var transformOrigin = React.useMemo(function () {
|
|
12430
|
+
switch (placement || 'bottom') {
|
|
12431
|
+
case 'bottom':
|
|
12432
|
+
return { vertical: 'top', horizontal: 'center' };
|
|
12433
|
+
case 'bottom-left':
|
|
12434
|
+
return { vertical: 'top', horizontal: 'left' };
|
|
12435
|
+
case 'bottom-right':
|
|
12436
|
+
return { vertical: 'top', horizontal: 'right' };
|
|
12437
|
+
case 'top':
|
|
12438
|
+
return { vertical: 'bottom', horizontal: 'center' };
|
|
12439
|
+
case 'top-left':
|
|
12440
|
+
return { vertical: 'bottom', horizontal: 'left' };
|
|
12441
|
+
case 'top-right':
|
|
12442
|
+
return { vertical: 'bottom', horizontal: 'right' };
|
|
12443
|
+
case 'left':
|
|
12444
|
+
return { vertical: 'center', horizontal: 'right' };
|
|
12445
|
+
case 'left-top':
|
|
12446
|
+
return { vertical: 'top', horizontal: 'right' };
|
|
12447
|
+
case 'left-bottom':
|
|
12448
|
+
return { vertical: 'bottom', horizontal: 'right' };
|
|
12449
|
+
case 'right':
|
|
12450
|
+
return { vertical: 'center', horizontal: 'left' };
|
|
12451
|
+
case 'right-top':
|
|
12452
|
+
return { vertical: 'top', horizontal: 'left' };
|
|
12453
|
+
case 'right-bottom':
|
|
12454
|
+
return { vertical: 'bottom', horizontal: 'left' };
|
|
12455
|
+
}
|
|
12456
|
+
}, [placement]);
|
|
12457
|
+
// Render ----------------------------------------------------------------------------------------------------------
|
|
12458
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
12459
|
+
React__default["default"].createElement(FormButton, __assign$6({ className: classNames$1(className, 'SearchMenuButton'), size: 'medium', sx: sx, fullWidth: false, startIcon: startIcon, icon: icon }, props, { id: buttonId, "aria-controls": open ? menuId : undefined, "aria-haspopup": 'true', "aria-expanded": open ? 'true' : undefined, endIcon: endIcon, onClick: handleClick }), children),
|
|
12460
|
+
React__default["default"].createElement(material.Menu, { id: menuId, "aria-labelledby": buttonId, anchorEl: anchorEl, open: open, onClose: handleClose, onClick: handleClose, anchorOrigin: anchorOrigin, transformOrigin: transformOrigin }, menuList)));
|
|
12461
|
+
};
|
|
12462
|
+
SearchMenuButton.defaultProps = SearchMenuButtonDefaultProps;dayjs__default["default"].extend(dayjsIsSameOrAfter__default["default"]);
|
|
12382
12463
|
dayjs__default["default"].extend(dayjsIsSameOrBefore__default["default"]);
|
|
12383
|
-
dayjs__default["default"].extend(dayjsIsBetween__default["default"]);exports.Form=Form;exports.FormAutocomplete=FormAutocomplete;exports.FormAutocompleteDefaultProps=FormAutocompleteDefaultProps;exports.FormBlock=FormBlock;exports.FormBlockDefaultProps=FormBlockDefaultProps;exports.FormBody=FormBody;exports.FormBodyDefaultProps=FormBodyDefaultProps;exports.FormButton=FormButton;exports.FormButtonDefaultProps=FormButtonDefaultProps;exports.FormCheckbox=FormCheckbox;exports.FormCheckboxDefaultProps=FormCheckboxDefaultProps;exports.FormCol=FormCol;exports.FormColDefaultProps=FormColDefaultProps;exports.FormContext=FormContext;exports.FormContextDefaultValue=FormContextDefaultValue;exports.FormContextProvider=FormContextProvider;exports.FormDatePicker=FormDatePicker;exports.FormDatePickerDefaultProps=FormDatePickerDefaultProps;exports.FormDateRangePicker=FormDateRangePicker;exports.FormDateRangePickerDefaultProps=FormDateRangePickerDefaultProps;exports.FormDateTimePicker=FormDateTimePicker;exports.FormDateTimePickerDefaultProps=FormDateTimePickerDefaultProps;exports.FormDefaultProps=FormDefaultProps;exports.FormDivider=FormDivider;exports.FormDividerDefaultProps=FormDividerDefaultProps;exports.FormEmail=FormEmail;exports.FormEmailDefaultProps=FormEmailDefaultProps;exports.FormFile=FormFile;exports.FormFileDefaultProps=FormFileDefaultProps;exports.FormFooter=FormFooter;exports.FormFooterDefaultProps=FormFooterDefaultProps;exports.FormHidden=FormHidden;exports.FormHiddenDefaultProps=FormHiddenDefaultProps;exports.FormIcon=FormIcon;exports.FormIconDefaultProps=FormIconDefaultProps;exports.FormImageFile=FormImageFile;exports.FormImageFileDefaultProps=FormImageFileDefaultProps;exports.FormLabel=FormLabel;exports.FormLabelDefaultProps=FormLabelDefaultProps;exports.FormMobile=FormMobile;exports.FormMobileDefaultProps=FormMobileDefaultProps;exports.FormNumber=FormNumber;exports.FormNumberDefaultProps=FormNumberDefaultProps;exports.FormPassword=FormPassword;exports.FormPasswordDefaultProps=FormPasswordDefaultProps;exports.FormRadioGroup=FormRadioGroup;exports.FormRadioGroupDefaultProps=FormRadioGroupDefaultProps;exports.FormRating=FormRating;exports.FormRatingDefaultProps=FormRatingDefaultProps;exports.FormRow=FormRow;exports.FormRowDefaultProps=FormRowDefaultProps;exports.FormSearch=FormSearch;exports.FormSearchDefaultProps=FormSearchDefaultProps;exports.FormSelect=FormSelect;exports.FormSelectDefaultProps=FormSelectDefaultProps;exports.FormTag=FormTag;exports.FormTagDefaultProps=FormTagDefaultProps;exports.FormTel=FormTel;exports.FormTelDefaultProps=FormTelDefaultProps;exports.FormText=FormText;exports.FormTextDefaultProps=FormTextDefaultProps;exports.FormTextEditor=FormTextEditor;exports.FormTextEditorDefaultProps=FormTextEditorDefaultProps;exports.FormTextField=FormTextField;exports.FormTextFieldDefaultProps=FormTextFieldDefaultProps;exports.FormTextarea=FormTextarea;exports.FormTextareaDefaultProps=FormTextareaDefaultProps;exports.FormTimePicker=FormTimePicker;exports.FormTimePickerDefaultProps=FormTimePickerDefaultProps;exports.FormToggleButtonGroup=FormToggleButtonGroup;exports.FormToggleButtonGroupDefaultProps=FormToggleButtonGroupDefaultProps;exports.FormUrl=FormUrl;exports.FormUrlDefaultProps=FormUrlDefaultProps;exports.Search=Search;exports.SearchButton=SearchButton;exports.SearchButtonDefaultProps=SearchButtonDefaultProps;exports.SearchDefaultProps=SearchDefaultProps;exports.SearchGroup=SearchGroup;exports.SearchGroupDefaultProps=SearchGroupDefaultProps;exports.SearchGroupRow=SearchGroupRow;exports.SearchGroupRowDefaultProps=SearchGroupRowDefaultProps;exports.useFormState=useFormState;//# sourceMappingURL=index.js.map
|
|
12464
|
+
dayjs__default["default"].extend(dayjsIsBetween__default["default"]);exports.Form=Form;exports.FormAutocomplete=FormAutocomplete;exports.FormAutocompleteDefaultProps=FormAutocompleteDefaultProps;exports.FormBlock=FormBlock;exports.FormBlockDefaultProps=FormBlockDefaultProps;exports.FormBody=FormBody;exports.FormBodyDefaultProps=FormBodyDefaultProps;exports.FormButton=FormButton;exports.FormButtonDefaultProps=FormButtonDefaultProps;exports.FormCheckbox=FormCheckbox;exports.FormCheckboxDefaultProps=FormCheckboxDefaultProps;exports.FormCol=FormCol;exports.FormColDefaultProps=FormColDefaultProps;exports.FormContext=FormContext;exports.FormContextDefaultValue=FormContextDefaultValue;exports.FormContextProvider=FormContextProvider;exports.FormDatePicker=FormDatePicker;exports.FormDatePickerDefaultProps=FormDatePickerDefaultProps;exports.FormDateRangePicker=FormDateRangePicker;exports.FormDateRangePickerDefaultProps=FormDateRangePickerDefaultProps;exports.FormDateTimePicker=FormDateTimePicker;exports.FormDateTimePickerDefaultProps=FormDateTimePickerDefaultProps;exports.FormDefaultProps=FormDefaultProps;exports.FormDivider=FormDivider;exports.FormDividerDefaultProps=FormDividerDefaultProps;exports.FormEmail=FormEmail;exports.FormEmailDefaultProps=FormEmailDefaultProps;exports.FormFile=FormFile;exports.FormFileDefaultProps=FormFileDefaultProps;exports.FormFooter=FormFooter;exports.FormFooterDefaultProps=FormFooterDefaultProps;exports.FormHidden=FormHidden;exports.FormHiddenDefaultProps=FormHiddenDefaultProps;exports.FormIcon=FormIcon;exports.FormIconDefaultProps=FormIconDefaultProps;exports.FormImageFile=FormImageFile;exports.FormImageFileDefaultProps=FormImageFileDefaultProps;exports.FormLabel=FormLabel;exports.FormLabelDefaultProps=FormLabelDefaultProps;exports.FormMobile=FormMobile;exports.FormMobileDefaultProps=FormMobileDefaultProps;exports.FormNumber=FormNumber;exports.FormNumberDefaultProps=FormNumberDefaultProps;exports.FormPassword=FormPassword;exports.FormPasswordDefaultProps=FormPasswordDefaultProps;exports.FormRadioGroup=FormRadioGroup;exports.FormRadioGroupDefaultProps=FormRadioGroupDefaultProps;exports.FormRating=FormRating;exports.FormRatingDefaultProps=FormRatingDefaultProps;exports.FormRow=FormRow;exports.FormRowDefaultProps=FormRowDefaultProps;exports.FormSearch=FormSearch;exports.FormSearchDefaultProps=FormSearchDefaultProps;exports.FormSelect=FormSelect;exports.FormSelectDefaultProps=FormSelectDefaultProps;exports.FormTag=FormTag;exports.FormTagDefaultProps=FormTagDefaultProps;exports.FormTel=FormTel;exports.FormTelDefaultProps=FormTelDefaultProps;exports.FormText=FormText;exports.FormTextDefaultProps=FormTextDefaultProps;exports.FormTextEditor=FormTextEditor;exports.FormTextEditorDefaultProps=FormTextEditorDefaultProps;exports.FormTextField=FormTextField;exports.FormTextFieldDefaultProps=FormTextFieldDefaultProps;exports.FormTextarea=FormTextarea;exports.FormTextareaDefaultProps=FormTextareaDefaultProps;exports.FormTimePicker=FormTimePicker;exports.FormTimePickerDefaultProps=FormTimePickerDefaultProps;exports.FormToggleButtonGroup=FormToggleButtonGroup;exports.FormToggleButtonGroupDefaultProps=FormToggleButtonGroupDefaultProps;exports.FormUrl=FormUrl;exports.FormUrlDefaultProps=FormUrlDefaultProps;exports.Search=Search;exports.SearchButton=SearchButton;exports.SearchButtonDefaultProps=SearchButtonDefaultProps;exports.SearchDefaultProps=SearchDefaultProps;exports.SearchGroup=SearchGroup;exports.SearchGroupDefaultProps=SearchGroupDefaultProps;exports.SearchGroupRow=SearchGroupRow;exports.SearchGroupRowDefaultProps=SearchGroupRowDefaultProps;exports.SearchMenuButton=SearchMenuButton;exports.SearchMenuButtonDefaultProps=SearchMenuButtonDefaultProps;exports.useFormState=useFormState;//# sourceMappingURL=index.js.map
|