@antscorp/antsomi-ui 1.3.3-beta.60 → 1.3.3-beta.61

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.
@@ -384,7 +384,7 @@ export const AdvancedPicker = props => {
384
384
  React.createElement(Button, { type: "primary", onClick: () => onClickApply() }, "Apply"),
385
385
  React.createElement(Button, { type: "default", onClick: () => toggleOpenDropdown(false) }, "Cancel")),
386
386
  option.dateType.value === 'fixed' && React.createElement(Button, { onClick: () => onClickNow() }, "Now"))));
387
- const renderDateTypeOptions = () => (React.createElement(Select, { options: newDateTypes.map(dateType => (Object.assign(Object.assign({}, dateType), { label: t(dateType.label) }))), value: option.dateType.value, onChange: value => {
387
+ const renderDateTypeOptions = () => (React.createElement(Select, { getPopupContainer: triggerNode => triggerNode.parentElement, options: newDateTypes.map(dateType => (Object.assign(Object.assign({}, dateType), { label: t(dateType.label) }))), value: option.dateType.value, onChange: value => {
388
388
  const dateType = newDateTypes.find(dateType => dateType.value === value);
389
389
  toggleOpenDropdown(true);
390
390
  setTimeout(() => {
@@ -453,7 +453,10 @@ export const AdvancedPicker = props => {
453
453
  const newDate = getNewDate(item, index);
454
454
  setState(state => (Object.assign(Object.assign({}, state), { date: dayjs(newDate).format(format) })));
455
455
  } }, item)))))) : (React.createElement(React.Fragment, null,
456
- React.createElement(Select, { options: newCalculationTypes.map(({ label, value }) => ({
456
+ React.createElement(Select, { getPopupContainer: triggerNode => {
457
+ console.log(triggerNode.parentNode);
458
+ return triggerNode.parentNode;
459
+ }, options: newCalculationTypes.map(({ label, value }) => ({
457
460
  value,
458
461
  label: t(label),
459
462
  })), value: option.calculationType.value, onChange: value => {
@@ -461,7 +464,10 @@ export const AdvancedPicker = props => {
461
464
  onChangeOption({ calculationType });
462
465
  } }),
463
466
  React.createElement(InputNumber, { value: option.value, style: { width: '100%' }, min: 0, showHandler: false, onChange: value => onChangeOption({ value }) }),
464
- React.createElement(Select, { options: newCalculationDates.map(calculationDate => (Object.assign(Object.assign({}, calculationDate), { label: t(calculationDate.label) }))), value: option.calculationDate.value, onChange: value => {
467
+ React.createElement(Select, { getPopupContainer: triggerNode => {
468
+ console.log(triggerNode.parentNode);
469
+ return triggerNode.parentNode;
470
+ }, options: newCalculationDates.map(calculationDate => (Object.assign(Object.assign({}, calculationDate), { label: t(calculationDate.label) }))), value: option.calculationDate.value, onChange: value => {
465
471
  const calculationDate = newCalculationDates.find(calculationDate => calculationDate.value === value);
466
472
  onChangeOption({ calculationDate });
467
473
  } }))),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@antscorp/antsomi-ui",
3
- "version": "1.3.3-beta.60",
3
+ "version": "1.3.3-beta.61",
4
4
  "description": "An enterprise-class UI design language and React UI library.",
5
5
  "sideEffects": [
6
6
  "dist/*",