colibri-ui 0.7.128 → 0.7.129

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.
Files changed (7) hide show
  1. package/Datepicker/components/DatePicker/index.js +1 -0
  2. package/Dropdown/index.js +20 -15
  3. package/Dropdown/index.props.d.ts +1 -0
  4. package/esm/Datepicker/components/DatePicker/index.js +1 -0
  5. package/esm/Dropdown/index.js +20 -15
  6. package/esm/Dropdown/index.props.d.ts +1 -0
  7. package/package.json +1 -1
package/Datepicker/components/DatePicker/index.js CHANGED
@@ -26,6 +26,7 @@ var DatePicker = function DatePicker(_a) {
26
26
  return /*#__PURE__*/React__default.default.createElement(index.default, {
27
27
  placement: "bottom",
28
28
  preventAutoClose: true,
29
+ preventOverflow: true,
29
30
  fontSize: 14,
30
31
  trigger: ["click"],
31
32
  overlay: /*#__PURE__*/React__default.default.createElement(index$1.default, {
package/Dropdown/index.js CHANGED
@@ -37,32 +37,37 @@ var Dropdown = function Dropdown(_a) {
37
37
  preventOverflow = _f === void 0 ? false : _f,
38
38
  _g = _a.preventAutoClose,
39
39
  preventAutoClose = _g === void 0 ? false : _g,
40
- _h = _a.samewidth,
41
- samewidth = _h === void 0 ? false : _h;
42
- var _j = React.useState(null),
43
- controlElement = _j[0],
44
- setControlElement = _j[1];
40
+ _h = _a.flip,
41
+ flip = _h === void 0 ? true : _h,
42
+ _j = _a.samewidth,
43
+ samewidth = _j === void 0 ? false : _j;
45
44
  var _k = React.useState(null),
46
- popperElement = _k[0],
47
- setPopperElement = _k[1];
48
- var _l = React.useState(false),
49
- visible = _l[0],
50
- setVisible = _l[1];
45
+ controlElement = _k[0],
46
+ setControlElement = _k[1];
47
+ var _l = React.useState(null),
48
+ popperElement = _l[0],
49
+ setPopperElement = _l[1];
50
+ var _m = React.useState(false),
51
+ visible = _m[0],
52
+ setVisible = _m[1];
51
53
  var isVisible = visibleProp && visible && !disabled;
52
- var _m = reactPopper.usePopper(controlElement, popperElement, {
54
+ var _o = reactPopper.usePopper(controlElement, popperElement, {
53
55
  placement: placement,
54
56
  strategy: strategy,
55
57
  modifiers: [{
56
58
  name: "flip",
57
- enabled: false
59
+ enabled: flip,
60
+ options: {
61
+ fallbackPlacements: ['top']
62
+ }
58
63
  }, {
59
64
  name: "preventOverflow",
60
65
  enabled: preventOverflow
61
66
  }]
62
67
  }),
63
- popperStyles = _m.styles,
64
- attributes = _m.attributes,
65
- update = _m.update;
68
+ popperStyles = _o.styles,
69
+ attributes = _o.attributes,
70
+ update = _o.update;
66
71
  var isNotComponent = typeof children === "string";
67
72
  var reference = React.useMemo(function () {
68
73
  return React.Children.only(isNotComponent ? /*#__PURE__*/React__default.default.createElement("button", null, children) : children);
package/Dropdown/index.props.d.ts CHANGED
@@ -15,5 +15,6 @@ export type DropdownProps = {
15
15
  visible?: boolean;
16
16
  preventOverflow?: boolean;
17
17
  preventAutoClose?: boolean;
18
+ flip?: boolean;
18
19
  samewidth?: boolean;
19
20
  };
package/esm/Datepicker/components/DatePicker/index.js CHANGED
@@ -16,6 +16,7 @@ var DatePicker = function DatePicker(_a) {
16
16
  return /*#__PURE__*/React__default.createElement(Dropdown, {
17
17
  placement: "bottom",
18
18
  preventAutoClose: true,
19
+ preventOverflow: true,
19
20
  fontSize: 14,
20
21
  trigger: ["click"],
21
22
  overlay: /*#__PURE__*/React__default.createElement(Calendar, {
package/esm/Dropdown/index.js CHANGED
@@ -27,32 +27,37 @@ var Dropdown = function Dropdown(_a) {
27
27
  preventOverflow = _f === void 0 ? false : _f,
28
28
  _g = _a.preventAutoClose,
29
29
  preventAutoClose = _g === void 0 ? false : _g,
30
- _h = _a.samewidth,
31
- samewidth = _h === void 0 ? false : _h;
32
- var _j = useState(null),
33
- controlElement = _j[0],
34
- setControlElement = _j[1];
30
+ _h = _a.flip,
31
+ flip = _h === void 0 ? true : _h,
32
+ _j = _a.samewidth,
33
+ samewidth = _j === void 0 ? false : _j;
35
34
  var _k = useState(null),
36
- popperElement = _k[0],
37
- setPopperElement = _k[1];
38
- var _l = useState(false),
39
- visible = _l[0],
40
- setVisible = _l[1];
35
+ controlElement = _k[0],
36
+ setControlElement = _k[1];
37
+ var _l = useState(null),
38
+ popperElement = _l[0],
39
+ setPopperElement = _l[1];
40
+ var _m = useState(false),
41
+ visible = _m[0],
42
+ setVisible = _m[1];
41
43
  var isVisible = visibleProp && visible && !disabled;
42
- var _m = usePopper(controlElement, popperElement, {
44
+ var _o = usePopper(controlElement, popperElement, {
43
45
  placement: placement,
44
46
  strategy: strategy,
45
47
  modifiers: [{
46
48
  name: "flip",
47
- enabled: false
49
+ enabled: flip,
50
+ options: {
51
+ fallbackPlacements: ['top']
52
+ }
48
53
  }, {
49
54
  name: "preventOverflow",
50
55
  enabled: preventOverflow
51
56
  }]
52
57
  }),
53
- popperStyles = _m.styles,
54
- attributes = _m.attributes,
55
- update = _m.update;
58
+ popperStyles = _o.styles,
59
+ attributes = _o.attributes,
60
+ update = _o.update;
56
61
  var isNotComponent = typeof children === "string";
57
62
  var reference = useMemo(function () {
58
63
  return Children.only(isNotComponent ? /*#__PURE__*/React__default.createElement("button", null, children) : children);
package/esm/Dropdown/index.props.d.ts CHANGED
@@ -15,5 +15,6 @@ export type DropdownProps = {
15
15
  visible?: boolean;
16
16
  preventOverflow?: boolean;
17
17
  preventAutoClose?: boolean;
18
+ flip?: boolean;
18
19
  samewidth?: boolean;
19
20
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "colibri-ui",
3
- "version": "0.7.128",
3
+ "version": "0.7.129",
4
4
  "description": "React UI components library",
5
5
  "main": "index.js",
6
6
  "scripts": {},