@activecollab/components 2.0.433 → 2.0.435
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/cjs/components/Choose/Styles.js +2 -4
- package/dist/cjs/components/Choose/Styles.js.map +1 -1
- package/dist/cjs/components/ChooseV2/Styles.js +1 -1
- package/dist/cjs/components/ChooseV2/Styles.js.map +1 -1
- package/dist/cjs/components/Popper/Popper.js +4 -3
- package/dist/cjs/components/Popper/Popper.js.map +1 -1
- package/dist/cjs/components/Tooltip/Tooltip.js +3 -1
- package/dist/cjs/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/esm/components/Choose/Styles.d.ts.map +1 -1
- package/dist/esm/components/Choose/Styles.js +2 -4
- package/dist/esm/components/Choose/Styles.js.map +1 -1
- package/dist/esm/components/ChooseV2/Styles.d.ts.map +1 -1
- package/dist/esm/components/ChooseV2/Styles.js +1 -1
- package/dist/esm/components/ChooseV2/Styles.js.map +1 -1
- package/dist/esm/components/Popper/Popper.d.ts +6 -1
- package/dist/esm/components/Popper/Popper.d.ts.map +1 -1
- package/dist/esm/components/Popper/Popper.js +4 -3
- package/dist/esm/components/Popper/Popper.js.map +1 -1
- package/dist/esm/components/Tooltip/Tooltip.d.ts +3 -1
- package/dist/esm/components/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/esm/components/Tooltip/Tooltip.js +3 -1
- package/dist/esm/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/index.js +10 -9
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +1 -1
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
|
@@ -11,7 +11,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
|
|
|
11
11
|
var StyledChoose = exports.StyledChoose = _styledComponents.default.button.withConfig({
|
|
12
12
|
displayName: "Styles__StyledChoose",
|
|
13
13
|
componentId: "sc-1j2qv02-0"
|
|
14
|
-
})(["", " ", " ", " ", " height:32px;padding:0 16px;transition:all 0.3s ease;border:1px solid var(--border-primary);font-size:13px;transition-duration:0.3s;&:hover{
|
|
14
|
+
})(["", " ", " ", " ", " height:32px;padding:0 16px;transition:all 0.3s ease;border:1px solid var(--border-primary);font-size:13px;transition-duration:0.3s;&:hover{background-color:var(--color-primary-300);}", ""], {
|
|
15
15
|
"margin": "0px",
|
|
16
16
|
"display": "inline-block",
|
|
17
17
|
"verticalAlign": "middle",
|
|
@@ -26,9 +26,7 @@ var StyledChoose = exports.StyledChoose = _styledComponents.default.button.withC
|
|
|
26
26
|
"borderRadius": "0.5rem",
|
|
27
27
|
"textAlign": "center",
|
|
28
28
|
"color": "var(--color-theme-700)"
|
|
29
|
-
}, _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, {
|
|
30
|
-
"borderColor": "var(--color-primary)"
|
|
31
|
-
}, function (props) {
|
|
29
|
+
}, _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, function (props) {
|
|
32
30
|
return props.active && (0, _styledComponents.css)(["", " color:var(--color-primary);background-color:var(--color-primary-300);"], {
|
|
33
31
|
"zIndex": "0"
|
|
34
32
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","_FontStyle","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledChoose","exports","styled","button","withConfig","displayName","componentId","FontStyle","BoxSizingStyle","props","active","css"],"sources":["../../../../src/components/Choose/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { IChooseProps } from \"./Choose\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledChoose = styled.button<IChooseProps>`\n ${tw`tw-antialiased tw-align-middle tw-font-medium tw-inline-block tw-leading-none tw-m-0 tw-no-underline`}\n ${tw`tw-select-none tw-cursor-pointer tw-text-center tw-rounded-lg tw-text-theme-700`}\n ${FontStyle}\n ${BoxSizingStyle}\n height: 32px;\n padding: 0 16px;\n transition: all 0.3s ease;\n border: 1px solid var(--border-primary);\n font-size: 13px;\n transition-duration: 0.3s;\n &:hover {\n
|
|
1
|
+
{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","_FontStyle","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledChoose","exports","styled","button","withConfig","displayName","componentId","FontStyle","BoxSizingStyle","props","active","css"],"sources":["../../../../src/components/Choose/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { IChooseProps } from \"./Choose\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledChoose = styled.button<IChooseProps>`\n ${tw`tw-antialiased tw-align-middle tw-font-medium tw-inline-block tw-leading-none tw-m-0 tw-no-underline`}\n ${tw`tw-select-none tw-cursor-pointer tw-text-center tw-rounded-lg tw-text-theme-700`}\n ${FontStyle}\n ${BoxSizingStyle}\n height: 32px;\n padding: 0 16px;\n transition: all 0.3s ease;\n border: 1px solid var(--border-primary);\n font-size: 13px;\n transition-duration: 0.3s;\n &:hover {\n background-color: var(--color-primary-300);\n }\n ${(props) =>\n props.active &&\n css`\n ${tw`tw-z-0`}\n color: var(--color-primary);\n background-color: var(--color-primary-300);\n `}\n`;\n\nStyledChoose.displayName = \"StyledChoose\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAIA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAAyC,SAAAD,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,wBAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,cAAAM,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAP,CAAA,IAAAD,CAAA,GAAAW,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAP,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAM,EAAA,EAAAP,CAAA,IAAAC,CAAA,CAAAM,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAN,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAElC,IAAMmB,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAGE,yBAAM,CAACC,MAAM,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uNACnC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAqG,CAAC,EACtG;EAAA;EAAA;EAAA;EAAA;EAAA;AAAgF,CAAC,EACnFC,oBAAS,EACTC,8BAAc,EAUd,UAACC,KAAK;EAAA,OACNA,KAAK,CAACC,MAAM,QACZC,qBAAG,kFACG;IAAA;EAAO,CAAC,CAGb;AAAA,EACJ;AAEDX,YAAY,CAACK,WAAW,GAAG,cAAc","ignoreList":[]}
|
|
@@ -12,7 +12,7 @@ var StyledChoose = exports.StyledChoose = (0, _styledComponents.default)(_Choose
|
|
|
12
12
|
displayName: "Styles__StyledChoose",
|
|
13
13
|
componentId: "sc-uv67fb-0"
|
|
14
14
|
})(["flex-shrink:0;white-space:nowrap;", ""], function (props) {
|
|
15
|
-
return !props.active && (0, _styledComponents.css)(["background-color:transparent !important;"]);
|
|
15
|
+
return !props.active && (0, _styledComponents.css)(["&:not(:hover){background-color:transparent !important;}"]);
|
|
16
16
|
});
|
|
17
17
|
StyledChoose.displayName = "StyledChoose";
|
|
18
18
|
var StyledVerticalContainer = exports.StyledVerticalContainer = _styledComponents.default.div.withConfig({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_Choose","_Label","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledChoose","exports","styled","Choose","withConfig","displayName","componentId","props","active","css","StyledVerticalContainer","div","StyledLabel","Label","$disabled","StyledRadioOption","StyledFlexContainer"],"sources":["../../../../src/components/ChooseV2/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { Choose } from \"../Choose/Choose\";\nimport { Label } from \"../Label\";\n\nexport const StyledChoose = styled(Choose)`\n flex-shrink: 0;\n white-space: nowrap;\n\n ${(props) =>\n !props.active &&\n css`\n background-color: transparent !important;\n `}\n`;\n\nStyledChoose.displayName = \"StyledChoose\";\n\nexport const StyledVerticalContainer = styled.div`\n display: flex;\n flex-direction: column;\n width: 100%;\n gap: 8px;\n`;\n\nStyledVerticalContainer.displayName = \"StyledVerticalContainer\";\n\nexport const StyledLabel = styled(Label)<{ $disabled?: boolean }>`\n ${(props) =>\n !props.$disabled\n ? css`\n cursor: pointer;\n `\n : css`\n cursor: not-allowed;\n `}\n`;\n\nStyledLabel.displayName = \"StyledLabel\";\n\nexport const StyledRadioOption = styled.div<{ $disabled?: boolean }>`\n display: flex;\n align-items: center;\n gap: 6px;\n\n ${(props) =>\n !props.$disabled\n ? css`\n cursor: pointer;\n `\n : css`\n cursor: not-allowed;\n `}\n\n &:hover {\n opacity: 0.8;\n }\n\n &[data-disabled=\"true\"] {\n opacity: 0.5;\n cursor: not-allowed;\n }\n`;\n\nStyledRadioOption.displayName = \"StyledRadioOption\";\n\nexport const StyledFlexContainer = styled.div`\n display: flex;\n width: 100%;\n`;\n\nStyledFlexContainer.displayName = \"StyledFlexContainer\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAAiC,SAAAD,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,wBAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,cAAAM,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAP,CAAA,IAAAD,CAAA,GAAAW,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAP,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAM,EAAA,EAAAP,CAAA,IAAAC,CAAA,CAAAM,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAN,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAE1B,IAAMmB,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,IAAAE,yBAAM,EAACC,cAAM,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8CAItC,UAACC,KAAK;EAAA,OACN,CAACA,KAAK,CAACC,MAAM,QACbC,qBAAG
|
|
1
|
+
{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_Choose","_Label","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledChoose","exports","styled","Choose","withConfig","displayName","componentId","props","active","css","StyledVerticalContainer","div","StyledLabel","Label","$disabled","StyledRadioOption","StyledFlexContainer"],"sources":["../../../../src/components/ChooseV2/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { Choose } from \"../Choose/Choose\";\nimport { Label } from \"../Label\";\n\nexport const StyledChoose = styled(Choose)`\n flex-shrink: 0;\n white-space: nowrap;\n\n ${(props) =>\n !props.active &&\n css`\n &:not(:hover) {\n background-color: transparent !important;\n }\n `}\n`;\n\nStyledChoose.displayName = \"StyledChoose\";\n\nexport const StyledVerticalContainer = styled.div`\n display: flex;\n flex-direction: column;\n width: 100%;\n gap: 8px;\n`;\n\nStyledVerticalContainer.displayName = \"StyledVerticalContainer\";\n\nexport const StyledLabel = styled(Label)<{ $disabled?: boolean }>`\n ${(props) =>\n !props.$disabled\n ? css`\n cursor: pointer;\n `\n : css`\n cursor: not-allowed;\n `}\n`;\n\nStyledLabel.displayName = \"StyledLabel\";\n\nexport const StyledRadioOption = styled.div<{ $disabled?: boolean }>`\n display: flex;\n align-items: center;\n gap: 6px;\n\n ${(props) =>\n !props.$disabled\n ? css`\n cursor: pointer;\n `\n : css`\n cursor: not-allowed;\n `}\n\n &:hover {\n opacity: 0.8;\n }\n\n &[data-disabled=\"true\"] {\n opacity: 0.5;\n cursor: not-allowed;\n }\n`;\n\nStyledRadioOption.displayName = \"StyledRadioOption\";\n\nexport const StyledFlexContainer = styled.div`\n display: flex;\n width: 100%;\n`;\n\nStyledFlexContainer.displayName = \"StyledFlexContainer\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAAiC,SAAAD,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,wBAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,cAAAM,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAP,CAAA,IAAAD,CAAA,GAAAW,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAP,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAM,EAAA,EAAAP,CAAA,IAAAC,CAAA,CAAAM,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAN,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAE1B,IAAMmB,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,IAAAE,yBAAM,EAACC,cAAM,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8CAItC,UAACC,KAAK;EAAA,OACN,CAACA,KAAK,CAACC,MAAM,QACbC,qBAAG,8DAIF;AAAA,EACJ;AAEDT,YAAY,CAACK,WAAW,GAAG,cAAc;AAElC,IAAMK,uBAAuB,GAAAT,OAAA,CAAAS,uBAAA,GAAGR,yBAAM,CAACS,GAAG,CAAAP,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8DAKhD;AAEDI,uBAAuB,CAACL,WAAW,GAAG,yBAAyB;AAExD,IAAMO,WAAW,GAAAX,OAAA,CAAAW,WAAA,GAAG,IAAAV,yBAAM,EAACW,YAAK,CAAC,CAAAT,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACpC,UAACC,KAAK;EAAA,OACN,CAACA,KAAK,CAACO,SAAS,OACZL,qBAAG,6BAGHA,qBAAG,0BAEF;AAAA,EACR;AAEDG,WAAW,CAACP,WAAW,GAAG,aAAa;AAEhC,IAAMU,iBAAiB,GAAAd,OAAA,CAAAc,iBAAA,GAAGb,yBAAM,CAACS,GAAG,CAAAP,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qIAKvC,UAACC,KAAK;EAAA,OACN,CAACA,KAAK,CAACO,SAAS,OACZL,qBAAG,6BAGHA,qBAAG,0BAEF;AAAA,EAUR;AAEDM,iBAAiB,CAACV,WAAW,GAAG,mBAAmB;AAE5C,IAAMW,mBAAmB,GAAAf,OAAA,CAAAe,mBAAA,GAAGd,yBAAM,CAACS,GAAG,CAAAP,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gCAG5C;AAEDU,mBAAmB,CAACX,WAAW,GAAG,qBAAqB","ignoreList":[]}
|
|
@@ -8,7 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
8
8
|
var _core = require("@popperjs/core");
|
|
9
9
|
var _Styles = require("./Styles");
|
|
10
10
|
var _useForkRef = _interopRequireDefault(require("../../utils/useForkRef"));
|
|
11
|
-
var _excluded = ["children", "anchorEl", "open", "style", "transition", "placement", "strategy", "afterWrite"];
|
|
11
|
+
var _excluded = ["children", "anchorEl", "open", "style", "transition", "placement", "strategy", "afterWrite", "modifiers"];
|
|
12
12
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
13
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
14
14
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
@@ -38,6 +38,7 @@ var Popper = exports.Popper = /*#__PURE__*/(0, _react.forwardRef)(function (_ref
|
|
|
38
38
|
_ref$strategy = _ref.strategy,
|
|
39
39
|
strategy = _ref$strategy === void 0 ? "absolute" : _ref$strategy,
|
|
40
40
|
afterWrite = _ref.afterWrite,
|
|
41
|
+
extraModifiers = _ref.modifiers,
|
|
41
42
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
42
43
|
var _useState = (0, _react.useState)(true),
|
|
43
44
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -60,7 +61,7 @@ var Popper = exports.Popper = /*#__PURE__*/(0, _react.forwardRef)(function (_ref
|
|
|
60
61
|
if (popperRef.current) {
|
|
61
62
|
popperRef.current.destroy();
|
|
62
63
|
}
|
|
63
|
-
var modifiers = [{
|
|
64
|
+
var modifiers = [...(extraModifiers || []), {
|
|
64
65
|
name: "hide",
|
|
65
66
|
enabled: true,
|
|
66
67
|
phase: "main",
|
|
@@ -99,7 +100,7 @@ var Popper = exports.Popper = /*#__PURE__*/(0, _react.forwardRef)(function (_ref
|
|
|
99
100
|
strategy,
|
|
100
101
|
modifiers
|
|
101
102
|
});
|
|
102
|
-
}, [afterWrite, anchorEl, open, placement, strategy]);
|
|
103
|
+
}, [afterWrite, anchorEl, extraModifiers, open, placement, strategy]);
|
|
103
104
|
var handleClose = function handleClose() {
|
|
104
105
|
if (!popperRef.current) {
|
|
105
106
|
return;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popper.js","names":["_react","_interopRequireWildcard","require","_core","_Styles","_useForkRef","_interopRequireDefault","_excluded","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","a","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","l","iterator","u","next","done","return","isArray","_objectWithoutProperties","_objectWithoutPropertiesLoose","indexOf","propertyIsEnumerable","Popper","exports","forwardRef","_ref","ref","children","anchorEl","_ref$open","open","style","_ref$transition","transition","_ref$placement","placement","initialPlacement","_ref$strategy","strategy","afterWrite","rest","_useState","useState","_useState2","exited","setExited","_useState3","_useState4","setPlacement","ownRef","useRef","popperRef","handleInnerRef","useForkRef","handlePopperUpdate","data","handleOpen","useCallback","current","destroy","modifiers","enabled","phase","fn","referenceElement","currentElement","isHidden","computedStyle","getComputedStyle","display","visibility","parentElement","_ownRef$current","setAttribute","_ownRef$current2","removeAttribute","createPopper","onFirstUpdate","handleClose","handleRef","node","handleEnter","handleExited","useEffect","update","childProps","transitionProps","in","onEnter","onExited","createElement","StyledPopper","displayName"],"sources":["../../../../src/components/Popper/Popper.tsx"],"sourcesContent":["import React, {\n forwardRef,\n useCallback,\n useRef,\n useEffect,\n useState,\n CSSProperties,\n ReactNode,\n HTMLAttributes,\n} from \"react\";\n\nimport {\n createPopper,\n Instance,\n Modifier,\n Options as PopperOptions,\n PositioningStrategy,\n State,\n} from \"@popperjs/core\";\n\nimport { Placement } from \".\";\nimport { StyledPopper } from \"./Styles\";\nimport useForkRef from \"../../utils/useForkRef\";\ntype CustomModifier = Modifier<string, PopperOptions>;\ninterface TransitionProps {\n in: boolean;\n onEnter: () => void;\n onExited: () => void;\n}\ninterface IChildProps {\n placement: Placement;\n transitionProps: Partial<TransitionProps>;\n}\n\ninterface PopperProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n /** Anchor Element. */\n anchorEl?: Element | null;\n /** Open */\n open?: boolean;\n /** Inline style */\n style?: CSSProperties;\n /** Child with transition */\n transition?: boolean;\n /** Placement */\n placement?: Placement;\n /** Strategy */\n strategy?: PositioningStrategy;\n /** After Write callback */\n afterWrite?: (...args) => void;\n\n /** Component children */\n children?: ReactNode | React.FC<Partial<IChildProps>>;\n}\n\nexport const Popper = forwardRef<HTMLDivElement, PopperProps>(\n (\n {\n children,\n anchorEl,\n open = false,\n style,\n transition = false,\n placement: initialPlacement = \"bottom\",\n strategy = \"absolute\",\n afterWrite,\n ...rest\n },\n ref\n ) => {\n const [exited, setExited] = useState(true);\n const [placement, setPlacement] = useState(initialPlacement);\n const ownRef = useRef<HTMLDivElement | null>(null);\n const popperRef = useRef<Instance>();\n\n const handleInnerRef = useForkRef(ownRef, ref);\n\n const handlePopperUpdate = (data: Partial<State>): void => {\n setPlacement(data.placement || \"bottom\");\n };\n\n const handleOpen = useCallback(() => {\n if (!ownRef.current || !anchorEl || !open) {\n return;\n }\n\n if (popperRef.current) {\n popperRef.current.destroy();\n }\n\n const modifiers: CustomModifier[] = [\n {\n name: \"hide\",\n enabled: true,\n phase: \"main\",\n fn: () => {\n const referenceElement = anchorEl as HTMLElement;\n\n let currentElement: HTMLElement | null = referenceElement;\n let isHidden = false;\n while (currentElement) {\n const computedStyle = getComputedStyle(currentElement);\n if (\n computedStyle.display === \"none\" ||\n computedStyle.visibility === \"hidden\"\n ) {\n isHidden = true;\n break;\n }\n currentElement = currentElement.parentElement;\n }\n\n if (isHidden) {\n ownRef.current?.setAttribute(\"data-popper-reference-hidden\", \"\");\n } else {\n ownRef.current?.removeAttribute(\"data-popper-reference-hidden\");\n }\n },\n },\n ];\n\n if (typeof afterWrite === \"function\") {\n modifiers.push({\n phase: \"afterWrite\",\n enabled: true,\n name: \"popper-after-write\",\n fn: afterWrite,\n });\n }\n\n popperRef.current = createPopper(anchorEl, ownRef.current, {\n placement,\n onFirstUpdate: handlePopperUpdate,\n strategy,\n modifiers,\n });\n }, [afterWrite, anchorEl, open, placement, strategy]);\n\n const handleClose = (): void => {\n if (!popperRef.current) {\n return;\n }\n\n popperRef.current.destroy();\n };\n\n const handleRef = useCallback(\n (node: HTMLDivElement) => {\n handleInnerRef(node);\n handleOpen();\n },\n [handleOpen, handleInnerRef]\n );\n\n const handleEnter = (): void => {\n setExited(false);\n };\n\n const handleExited = (): void => {\n setExited(true);\n handleClose();\n };\n\n useEffect(() => {\n return (): void => {\n handleClose();\n };\n }, []);\n\n useEffect(() => {\n if (!open && !transition) {\n handleClose();\n }\n }, [open, transition]);\n\n useEffect(() => {\n if (popperRef.current) {\n popperRef.current.update();\n }\n });\n\n if (!open && (!transition || exited)) {\n return null;\n }\n\n const childProps: Partial<IChildProps> = { placement };\n\n if (transition) {\n childProps.transitionProps = {\n in: open,\n onEnter: handleEnter,\n onExited: handleExited,\n };\n }\n\n return (\n <StyledPopper\n ref={handleRef}\n {...rest}\n style={{\n ...style,\n }}\n >\n {typeof children === \"function\" ? children(childProps) : children}\n </StyledPopper>\n );\n }\n);\n\nPopper.displayName = \"Popper\";\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"Popper.js","names":["_react","_interopRequireWildcard","require","_core","_Styles","_useForkRef","_interopRequireDefault","_excluded","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","a","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","l","iterator","u","next","done","return","isArray","_objectWithoutProperties","_objectWithoutPropertiesLoose","indexOf","propertyIsEnumerable","Popper","exports","forwardRef","_ref","ref","children","anchorEl","_ref$open","open","style","_ref$transition","transition","_ref$placement","placement","initialPlacement","_ref$strategy","strategy","afterWrite","extraModifiers","modifiers","rest","_useState","useState","_useState2","exited","setExited","_useState3","_useState4","setPlacement","ownRef","useRef","popperRef","handleInnerRef","useForkRef","handlePopperUpdate","data","handleOpen","useCallback","current","destroy","enabled","phase","fn","referenceElement","currentElement","isHidden","computedStyle","getComputedStyle","display","visibility","parentElement","_ownRef$current","setAttribute","_ownRef$current2","removeAttribute","createPopper","onFirstUpdate","handleClose","handleRef","node","handleEnter","handleExited","useEffect","update","childProps","transitionProps","in","onEnter","onExited","createElement","StyledPopper","displayName"],"sources":["../../../../src/components/Popper/Popper.tsx"],"sourcesContent":["import React, {\n forwardRef,\n useCallback,\n useRef,\n useEffect,\n useState,\n CSSProperties,\n ReactNode,\n HTMLAttributes,\n} from \"react\";\n\nimport {\n createPopper,\n Instance,\n Modifier,\n Options as PopperOptions,\n PositioningStrategy,\n State,\n} from \"@popperjs/core\";\n\nimport { Placement } from \".\";\nimport { StyledPopper } from \"./Styles\";\nimport useForkRef from \"../../utils/useForkRef\";\ntype CustomModifier = Modifier<string, PopperOptions>;\nexport type PopperModifier = Partial<\n Modifier<string, { [key: string]: unknown }>\n>;\n\ninterface TransitionProps {\n in: boolean;\n onEnter: () => void;\n onExited: () => void;\n}\ninterface IChildProps {\n placement: Placement;\n transitionProps: Partial<TransitionProps>;\n}\n\ninterface PopperProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n /** Anchor Element. */\n anchorEl?: Element | null;\n /** Open */\n open?: boolean;\n /** Inline style */\n style?: CSSProperties;\n /** Child with transition */\n transition?: boolean;\n /** Placement */\n placement?: Placement;\n /** Strategy */\n strategy?: PositioningStrategy;\n /** After Write callback */\n afterWrite?: (...args) => void;\n /** Extra Popper.js modifiers, merged with the built-in ones */\n modifiers?: PopperModifier[];\n\n /** Component children */\n children?: ReactNode | React.FC<Partial<IChildProps>>;\n}\n\nexport const Popper = forwardRef<HTMLDivElement, PopperProps>(\n (\n {\n children,\n anchorEl,\n open = false,\n style,\n transition = false,\n placement: initialPlacement = \"bottom\",\n strategy = \"absolute\",\n afterWrite,\n modifiers: extraModifiers,\n ...rest\n },\n ref\n ) => {\n const [exited, setExited] = useState(true);\n const [placement, setPlacement] = useState(initialPlacement);\n const ownRef = useRef<HTMLDivElement | null>(null);\n const popperRef = useRef<Instance>();\n\n const handleInnerRef = useForkRef(ownRef, ref);\n\n const handlePopperUpdate = (data: Partial<State>): void => {\n setPlacement(data.placement || \"bottom\");\n };\n\n const handleOpen = useCallback(() => {\n if (!ownRef.current || !anchorEl || !open) {\n return;\n }\n\n if (popperRef.current) {\n popperRef.current.destroy();\n }\n\n const modifiers: (CustomModifier | PopperModifier)[] = [\n ...(extraModifiers || []),\n {\n name: \"hide\",\n enabled: true,\n phase: \"main\",\n fn: () => {\n const referenceElement = anchorEl as HTMLElement;\n\n let currentElement: HTMLElement | null = referenceElement;\n let isHidden = false;\n while (currentElement) {\n const computedStyle = getComputedStyle(currentElement);\n if (\n computedStyle.display === \"none\" ||\n computedStyle.visibility === \"hidden\"\n ) {\n isHidden = true;\n break;\n }\n currentElement = currentElement.parentElement;\n }\n\n if (isHidden) {\n ownRef.current?.setAttribute(\"data-popper-reference-hidden\", \"\");\n } else {\n ownRef.current?.removeAttribute(\"data-popper-reference-hidden\");\n }\n },\n },\n ];\n\n if (typeof afterWrite === \"function\") {\n modifiers.push({\n phase: \"afterWrite\",\n enabled: true,\n name: \"popper-after-write\",\n fn: afterWrite,\n });\n }\n\n popperRef.current = createPopper(anchorEl, ownRef.current, {\n placement,\n onFirstUpdate: handlePopperUpdate,\n strategy,\n modifiers,\n });\n }, [afterWrite, anchorEl, extraModifiers, open, placement, strategy]);\n\n const handleClose = (): void => {\n if (!popperRef.current) {\n return;\n }\n\n popperRef.current.destroy();\n };\n\n const handleRef = useCallback(\n (node: HTMLDivElement) => {\n handleInnerRef(node);\n handleOpen();\n },\n [handleOpen, handleInnerRef]\n );\n\n const handleEnter = (): void => {\n setExited(false);\n };\n\n const handleExited = (): void => {\n setExited(true);\n handleClose();\n };\n\n useEffect(() => {\n return (): void => {\n handleClose();\n };\n }, []);\n\n useEffect(() => {\n if (!open && !transition) {\n handleClose();\n }\n }, [open, transition]);\n\n useEffect(() => {\n if (popperRef.current) {\n popperRef.current.update();\n }\n });\n\n if (!open && (!transition || exited)) {\n return null;\n }\n\n const childProps: Partial<IChildProps> = { placement };\n\n if (transition) {\n childProps.transitionProps = {\n in: open,\n onEnter: handleEnter,\n onExited: handleExited,\n };\n }\n\n return (\n <StyledPopper\n ref={handleRef}\n {...rest}\n style={{\n ...style,\n }}\n >\n {typeof children === \"function\" ? children(childProps) : children}\n </StyledPopper>\n );\n }\n);\n\nPopper.displayName = \"Popper\";\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -49,7 +49,8 @@ var Tooltip = exports.Tooltip = /*#__PURE__*/(0, _react.forwardRef)(function (_r
|
|
|
49
49
|
TransitionComponent = _ref2$TransitionCompo === void 0 ? TooltipAnimation : _ref2$TransitionCompo,
|
|
50
50
|
popperTooltipStyle = _ref2.popperTooltipStyle,
|
|
51
51
|
popperTooltipClassName = _ref2.popperTooltipClassName,
|
|
52
|
-
disable = _ref2.disable
|
|
52
|
+
disable = _ref2.disable,
|
|
53
|
+
popperModifiers = _ref2.popperModifiers;
|
|
53
54
|
var _useLayerContext = (0, _helpers.useLayerContext)(),
|
|
54
55
|
_useLayerContext$zInd = _useLayerContext.zIndex,
|
|
55
56
|
zIndex = _useLayerContext$zInd === void 0 ? _utils.layers.skyscraper : _useLayerContext$zInd;
|
|
@@ -88,6 +89,7 @@ var Tooltip = exports.Tooltip = /*#__PURE__*/(0, _react.forwardRef)(function (_r
|
|
|
88
89
|
open: childNode ? open : false,
|
|
89
90
|
placement: placement,
|
|
90
91
|
transition: true,
|
|
92
|
+
modifiers: popperModifiers,
|
|
91
93
|
className: popperTooltipClassName,
|
|
92
94
|
style: _objectSpread({
|
|
93
95
|
zIndex
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","_helpers","_utils","_useForkRef","_Popper","_FromElement","_excluded","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","a","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","l","iterator","u","next","done","return","isArray","_extends","assign","bind","_objectWithoutProperties","_objectWithoutPropertiesLoose","indexOf","propertyIsEnumerable","TooltipAnimation","_ref","children","props","createElement","FromElement","timeout","Tooltip","exports","forwardRef","_ref2","ref","title","className","style","_ref2$isLight","isLight","_ref2$placement","placement","_ref2$TransitionCompo","TransitionComponent","popperTooltipStyle","popperTooltipClassName","disable","_useLayerContext","useLayerContext","_useLayerContext$zInd","zIndex","layers","skyscraper","_useState","useState","_useState2","open","setOpen","_useState3","_useState4","childNode","setChildNode","handleEnter","event","childrenProps","type","onMouseOver","removeAttribute","handleLeave","onMouseLeave","currentTarget","handleOwnRef","useForkRef","handleRef","Fragment","React","cloneElement","Portal","Popper","anchorEl","transition","role","_ref3","_ref3$transitionProps","transitionProps","StyledTooltip","classnames","$isLight","displayName"],"sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, {\n ReactElement,\n useState,\n CSSProperties,\n MouseEvent,\n forwardRef,\n Ref,\n FC,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledTooltip } from \"./Styles\";\nimport { Portal, useLayerContext } from \"../../helpers\";\nimport { layers } from \"../../utils\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { Popper, Placement } from \"../Popper\";\nimport { TransitionProps } from \"../Transitions\";\nimport { FromElement } from \"../Transitions/FromElement\";\n\ninterface ElementWithRef<T> extends ReactElement {\n ref?: Ref<T>;\n}\n\nexport interface ITooltipProps {\n /** Children element. */\n children: ElementWithRef<HTMLElement>;\n /** Title element. */\n title: ReactElement | string;\n /** Applies passed styles */\n style?: CSSProperties;\n /** Applies passed classes */\n className?: string;\n /** Open */\n open?: boolean;\n /** Placement */\n placement?: Placement;\n /** Transition component */\n TransitionComponent?: React.FC<TransitionProps>;\n /** Light tooltip */\n isLight?: boolean;\n /** Popper Tooltip style */\n popperTooltipStyle?: CSSProperties;\n /** Popper Tooltip class name*/\n popperTooltipClassName?: string;\n /** Remove tooltip */\n disable?: boolean;\n}\n\ninterface ITooltipAnimation extends TransitionProps {\n children: ReactElement;\n}\n\nconst TooltipAnimation: FC<ITooltipAnimation> = ({ children, ...props }) => {\n return (\n <FromElement timeout={0} {...props}>\n {children}\n </FromElement>\n );\n};\n\nexport const Tooltip = forwardRef<HTMLElement, ITooltipProps>(\n (\n {\n children,\n title,\n className,\n style,\n isLight = false,\n placement = \"top\",\n TransitionComponent = TooltipAnimation,\n popperTooltipStyle,\n popperTooltipClassName,\n disable,\n },\n ref\n ) => {\n const { zIndex = layers.skyscraper } = useLayerContext();\n const [open, setOpen] = useState(false);\n const [childNode, setChildNode] = useState<HTMLElement | null>();\n\n const handleEnter = (event: MouseEvent<HTMLElement>): void => {\n const childrenProps = children.props;\n\n if (event.type === \"mouseover\" && childrenProps.onMouseOver) {\n childrenProps.onMouseOver(event);\n }\n\n childNode && childNode.removeAttribute(\"title\");\n\n setOpen(true);\n };\n\n const handleLeave = (event: MouseEvent<HTMLElement>): void => {\n const childrenProps = children.props;\n\n if (\n event.type === \"mouseleave\" &&\n childrenProps.onMouseLeave &&\n event.currentTarget === childNode\n ) {\n childrenProps.onMouseLeave(event);\n }\n\n setOpen(false);\n };\n\n const handleOwnRef = useForkRef(children.ref, ref);\n const handleRef = useForkRef(setChildNode, handleOwnRef);\n\n const childrenProps = {\n onMouseOver: handleEnter,\n onMouseLeave: handleLeave,\n ref: handleRef,\n };\n\n return (\n <>\n {React.cloneElement(children, childrenProps)}\n {!disable && (\n <Portal>\n <Popper\n anchorEl={childNode}\n open={childNode ? open : false}\n placement={placement}\n transition\n className={popperTooltipClassName}\n style={{ zIndex, ...popperTooltipStyle }}\n role=\"tooltip\"\n >\n {({ transitionProps = {} }) => (\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore - due to @node/types making ts more strict\n <TransitionComponent {...transitionProps} style={style}>\n <StyledTooltip\n className={classnames(\"c-tooltip-ds\", className)}\n $isLight={isLight}\n >\n {title}\n </StyledTooltip>\n </TransitionComponent>\n )}\n </Popper>\n </Portal>\n )}\n </>\n );\n }\n);\n\nTooltip.displayName = \"Tooltip\";\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"Tooltip.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","_helpers","_utils","_useForkRef","_Popper","_FromElement","_excluded","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","a","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","l","iterator","u","next","done","return","isArray","_extends","assign","bind","_objectWithoutProperties","_objectWithoutPropertiesLoose","indexOf","propertyIsEnumerable","TooltipAnimation","_ref","children","props","createElement","FromElement","timeout","Tooltip","exports","forwardRef","_ref2","ref","title","className","style","_ref2$isLight","isLight","_ref2$placement","placement","_ref2$TransitionCompo","TransitionComponent","popperTooltipStyle","popperTooltipClassName","disable","popperModifiers","_useLayerContext","useLayerContext","_useLayerContext$zInd","zIndex","layers","skyscraper","_useState","useState","_useState2","open","setOpen","_useState3","_useState4","childNode","setChildNode","handleEnter","event","childrenProps","type","onMouseOver","removeAttribute","handleLeave","onMouseLeave","currentTarget","handleOwnRef","useForkRef","handleRef","Fragment","React","cloneElement","Portal","Popper","anchorEl","transition","modifiers","role","_ref3","_ref3$transitionProps","transitionProps","StyledTooltip","classnames","$isLight","displayName"],"sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, {\n ReactElement,\n useState,\n CSSProperties,\n MouseEvent,\n forwardRef,\n Ref,\n FC,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledTooltip } from \"./Styles\";\nimport { Portal, useLayerContext } from \"../../helpers\";\nimport { layers } from \"../../utils\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { Popper, Placement, PopperModifier } from \"../Popper\";\nimport { TransitionProps } from \"../Transitions\";\nimport { FromElement } from \"../Transitions/FromElement\";\n\ninterface ElementWithRef<T> extends ReactElement {\n ref?: Ref<T>;\n}\n\nexport interface ITooltipProps {\n /** Children element. */\n children: ElementWithRef<HTMLElement>;\n /** Title element. */\n title: ReactElement | string;\n /** Applies passed styles */\n style?: CSSProperties;\n /** Applies passed classes */\n className?: string;\n /** Open */\n open?: boolean;\n /** Placement */\n placement?: Placement;\n /** Transition component */\n TransitionComponent?: React.FC<TransitionProps>;\n /** Light tooltip */\n isLight?: boolean;\n /** Popper Tooltip style */\n popperTooltipStyle?: CSSProperties;\n /** Popper Tooltip class name*/\n popperTooltipClassName?: string;\n /** Remove tooltip */\n disable?: boolean;\n /** Extra Popper.js modifiers for the tooltip popper */\n popperModifiers?: PopperModifier[];\n}\n\ninterface ITooltipAnimation extends TransitionProps {\n children: ReactElement;\n}\n\nconst TooltipAnimation: FC<ITooltipAnimation> = ({ children, ...props }) => {\n return (\n <FromElement timeout={0} {...props}>\n {children}\n </FromElement>\n );\n};\n\nexport const Tooltip = forwardRef<HTMLElement, ITooltipProps>(\n (\n {\n children,\n title,\n className,\n style,\n isLight = false,\n placement = \"top\",\n TransitionComponent = TooltipAnimation,\n popperTooltipStyle,\n popperTooltipClassName,\n disable,\n popperModifiers,\n },\n ref\n ) => {\n const { zIndex = layers.skyscraper } = useLayerContext();\n const [open, setOpen] = useState(false);\n const [childNode, setChildNode] = useState<HTMLElement | null>();\n\n const handleEnter = (event: MouseEvent<HTMLElement>): void => {\n const childrenProps = children.props;\n\n if (event.type === \"mouseover\" && childrenProps.onMouseOver) {\n childrenProps.onMouseOver(event);\n }\n\n childNode && childNode.removeAttribute(\"title\");\n\n setOpen(true);\n };\n\n const handleLeave = (event: MouseEvent<HTMLElement>): void => {\n const childrenProps = children.props;\n\n if (\n event.type === \"mouseleave\" &&\n childrenProps.onMouseLeave &&\n event.currentTarget === childNode\n ) {\n childrenProps.onMouseLeave(event);\n }\n\n setOpen(false);\n };\n\n const handleOwnRef = useForkRef(children.ref, ref);\n const handleRef = useForkRef(setChildNode, handleOwnRef);\n\n const childrenProps = {\n onMouseOver: handleEnter,\n onMouseLeave: handleLeave,\n ref: handleRef,\n };\n\n return (\n <>\n {React.cloneElement(children, childrenProps)}\n {!disable && (\n <Portal>\n <Popper\n anchorEl={childNode}\n open={childNode ? open : false}\n placement={placement}\n transition\n modifiers={popperModifiers}\n className={popperTooltipClassName}\n style={{ zIndex, ...popperTooltipStyle }}\n role=\"tooltip\"\n >\n {({ transitionProps = {} }) => (\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore - due to @node/types making ts more strict\n <TransitionComponent {...transitionProps} style={style}>\n <StyledTooltip\n className={classnames(\"c-tooltip-ds\", className)}\n $isLight={isLight}\n >\n {title}\n </StyledTooltip>\n </TransitionComponent>\n )}\n </Popper>\n </Portal>\n )}\n </>\n );\n }\n);\n\nTooltip.displayName = \"Tooltip\";\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Choose/Styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAIxC,eAAO,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Choose/Styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAIxC,eAAO,MAAM,YAAY,iFAqBxB,CAAC"}
|
|
@@ -4,7 +4,7 @@ import { FontStyle } from "../FontStyle";
|
|
|
4
4
|
export const StyledChoose = styled.button.withConfig({
|
|
5
5
|
displayName: "Styles__StyledChoose",
|
|
6
6
|
componentId: "sc-1j2qv02-0"
|
|
7
|
-
})(["", " ", " ", " ", " height:32px;padding:0 16px;transition:all 0.3s ease;border:1px solid var(--border-primary);font-size:13px;transition-duration:0.3s;&:hover{
|
|
7
|
+
})(["", " ", " ", " ", " height:32px;padding:0 16px;transition:all 0.3s ease;border:1px solid var(--border-primary);font-size:13px;transition-duration:0.3s;&:hover{background-color:var(--color-primary-300);}", ""], {
|
|
8
8
|
"margin": "0px",
|
|
9
9
|
"display": "inline-block",
|
|
10
10
|
"verticalAlign": "middle",
|
|
@@ -19,9 +19,7 @@ export const StyledChoose = styled.button.withConfig({
|
|
|
19
19
|
"borderRadius": "0.5rem",
|
|
20
20
|
"textAlign": "center",
|
|
21
21
|
"color": "var(--color-theme-700)"
|
|
22
|
-
}, FontStyle, BoxSizingStyle, {
|
|
23
|
-
"borderColor": "var(--color-primary)"
|
|
24
|
-
}, props => props.active && css(["", " color:var(--color-primary);background-color:var(--color-primary-300);"], {
|
|
22
|
+
}, FontStyle, BoxSizingStyle, props => props.active && css(["", " color:var(--color-primary);background-color:var(--color-primary-300);"], {
|
|
25
23
|
"zIndex": "0"
|
|
26
24
|
}));
|
|
27
25
|
StyledChoose.displayName = "StyledChoose";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","FontStyle","StyledChoose","button","withConfig","displayName","componentId","props","active"],"sources":["../../../../src/components/Choose/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { IChooseProps } from \"./Choose\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledChoose = styled.button<IChooseProps>`\n ${tw`tw-antialiased tw-align-middle tw-font-medium tw-inline-block tw-leading-none tw-m-0 tw-no-underline`}\n ${tw`tw-select-none tw-cursor-pointer tw-text-center tw-rounded-lg tw-text-theme-700`}\n ${FontStyle}\n ${BoxSizingStyle}\n height: 32px;\n padding: 0 16px;\n transition: all 0.3s ease;\n border: 1px solid var(--border-primary);\n font-size: 13px;\n transition-duration: 0.3s;\n &:hover {\n
|
|
1
|
+
{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","FontStyle","StyledChoose","button","withConfig","displayName","componentId","props","active"],"sources":["../../../../src/components/Choose/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { IChooseProps } from \"./Choose\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledChoose = styled.button<IChooseProps>`\n ${tw`tw-antialiased tw-align-middle tw-font-medium tw-inline-block tw-leading-none tw-m-0 tw-no-underline`}\n ${tw`tw-select-none tw-cursor-pointer tw-text-center tw-rounded-lg tw-text-theme-700`}\n ${FontStyle}\n ${BoxSizingStyle}\n height: 32px;\n padding: 0 16px;\n transition: all 0.3s ease;\n border: 1px solid var(--border-primary);\n font-size: 13px;\n transition-duration: 0.3s;\n &:hover {\n background-color: var(--color-primary-300);\n }\n ${(props) =>\n props.active &&\n css`\n ${tw`tw-z-0`}\n color: var(--color-primary);\n background-color: var(--color-primary-300);\n `}\n`;\n\nStyledChoose.displayName = \"StyledChoose\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAI/C,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,SAAS,QAAQ,cAAc;AAExC,OAAO,MAAMC,YAAY,GAAGJ,MAAM,CAACK,MAAM,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uNACnC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAqG,CAAC,EACtG;EAAA;EAAA;EAAA;EAAA;EAAA;AAAgF,CAAC,EACnFL,SAAS,EACTD,cAAc,EAUbO,KAAK,IACNA,KAAK,CAACC,MAAM,IACZT,GAAG,iFACG;EAAA;AAAO,CAAC,CAGb,CACJ;AAEDG,YAAY,CAACG,WAAW,GAAG,cAAc","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/ChooseV2/Styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/ChooseV2/Styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,YAAY,4GAWxB,CAAC;AAIF,eAAO,MAAM,uBAAuB,oEAKnC,CAAC;AAIF,eAAO,MAAM,WAAW;gBAA+B,OAAO;SAS7D,CAAC;AAIF,eAAO,MAAM,iBAAiB;gBAA4B,OAAO;SAsBhE,CAAC;AAIF,eAAO,MAAM,mBAAmB,oEAG/B,CAAC"}
|
|
@@ -4,7 +4,7 @@ import { Label } from "../Label";
|
|
|
4
4
|
export const StyledChoose = styled(Choose).withConfig({
|
|
5
5
|
displayName: "Styles__StyledChoose",
|
|
6
6
|
componentId: "sc-uv67fb-0"
|
|
7
|
-
})(["flex-shrink:0;white-space:nowrap;", ""], props => !props.active && css(["background-color:transparent !important;"]));
|
|
7
|
+
})(["flex-shrink:0;white-space:nowrap;", ""], props => !props.active && css(["&:not(:hover){background-color:transparent !important;}"]));
|
|
8
8
|
StyledChoose.displayName = "StyledChoose";
|
|
9
9
|
export const StyledVerticalContainer = styled.div.withConfig({
|
|
10
10
|
displayName: "Styles__StyledVerticalContainer",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Styles.js","names":["styled","css","Choose","Label","StyledChoose","withConfig","displayName","componentId","props","active","StyledVerticalContainer","div","StyledLabel","$disabled","StyledRadioOption","StyledFlexContainer"],"sources":["../../../../src/components/ChooseV2/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { Choose } from \"../Choose/Choose\";\nimport { Label } from \"../Label\";\n\nexport const StyledChoose = styled(Choose)`\n flex-shrink: 0;\n white-space: nowrap;\n\n ${(props) =>\n !props.active &&\n css`\n background-color: transparent !important;\n `}\n`;\n\nStyledChoose.displayName = \"StyledChoose\";\n\nexport const StyledVerticalContainer = styled.div`\n display: flex;\n flex-direction: column;\n width: 100%;\n gap: 8px;\n`;\n\nStyledVerticalContainer.displayName = \"StyledVerticalContainer\";\n\nexport const StyledLabel = styled(Label)<{ $disabled?: boolean }>`\n ${(props) =>\n !props.$disabled\n ? css`\n cursor: pointer;\n `\n : css`\n cursor: not-allowed;\n `}\n`;\n\nStyledLabel.displayName = \"StyledLabel\";\n\nexport const StyledRadioOption = styled.div<{ $disabled?: boolean }>`\n display: flex;\n align-items: center;\n gap: 6px;\n\n ${(props) =>\n !props.$disabled\n ? css`\n cursor: pointer;\n `\n : css`\n cursor: not-allowed;\n `}\n\n &:hover {\n opacity: 0.8;\n }\n\n &[data-disabled=\"true\"] {\n opacity: 0.5;\n cursor: not-allowed;\n }\n`;\n\nStyledRadioOption.displayName = \"StyledRadioOption\";\n\nexport const StyledFlexContainer = styled.div`\n display: flex;\n width: 100%;\n`;\n\nStyledFlexContainer.displayName = \"StyledFlexContainer\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,KAAK,QAAQ,UAAU;AAEhC,OAAO,MAAMC,YAAY,GAAGJ,MAAM,CAACE,MAAM,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8CAIrCC,KAAK,IACN,CAACA,KAAK,CAACC,MAAM,IACbR,GAAG,
|
|
1
|
+
{"version":3,"file":"Styles.js","names":["styled","css","Choose","Label","StyledChoose","withConfig","displayName","componentId","props","active","StyledVerticalContainer","div","StyledLabel","$disabled","StyledRadioOption","StyledFlexContainer"],"sources":["../../../../src/components/ChooseV2/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { Choose } from \"../Choose/Choose\";\nimport { Label } from \"../Label\";\n\nexport const StyledChoose = styled(Choose)`\n flex-shrink: 0;\n white-space: nowrap;\n\n ${(props) =>\n !props.active &&\n css`\n &:not(:hover) {\n background-color: transparent !important;\n }\n `}\n`;\n\nStyledChoose.displayName = \"StyledChoose\";\n\nexport const StyledVerticalContainer = styled.div`\n display: flex;\n flex-direction: column;\n width: 100%;\n gap: 8px;\n`;\n\nStyledVerticalContainer.displayName = \"StyledVerticalContainer\";\n\nexport const StyledLabel = styled(Label)<{ $disabled?: boolean }>`\n ${(props) =>\n !props.$disabled\n ? css`\n cursor: pointer;\n `\n : css`\n cursor: not-allowed;\n `}\n`;\n\nStyledLabel.displayName = \"StyledLabel\";\n\nexport const StyledRadioOption = styled.div<{ $disabled?: boolean }>`\n display: flex;\n align-items: center;\n gap: 6px;\n\n ${(props) =>\n !props.$disabled\n ? css`\n cursor: pointer;\n `\n : css`\n cursor: not-allowed;\n `}\n\n &:hover {\n opacity: 0.8;\n }\n\n &[data-disabled=\"true\"] {\n opacity: 0.5;\n cursor: not-allowed;\n }\n`;\n\nStyledRadioOption.displayName = \"StyledRadioOption\";\n\nexport const StyledFlexContainer = styled.div`\n display: flex;\n width: 100%;\n`;\n\nStyledFlexContainer.displayName = \"StyledFlexContainer\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,KAAK,QAAQ,UAAU;AAEhC,OAAO,MAAMC,YAAY,GAAGJ,MAAM,CAACE,MAAM,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8CAIrCC,KAAK,IACN,CAACA,KAAK,CAACC,MAAM,IACbR,GAAG,6DAIF,CACJ;AAEDG,YAAY,CAACE,WAAW,GAAG,cAAc;AAEzC,OAAO,MAAMI,uBAAuB,GAAGV,MAAM,CAACW,GAAG,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8DAKhD;AAEDG,uBAAuB,CAACJ,WAAW,GAAG,yBAAyB;AAE/D,OAAO,MAAMM,WAAW,GAAGZ,MAAM,CAACG,KAAK,CAAC,CAAAE,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACnCC,KAAK,IACN,CAACA,KAAK,CAACK,SAAS,GACZZ,GAAG,wBAGHA,GAAG,yBAEF,CACR;AAEDW,WAAW,CAACN,WAAW,GAAG,aAAa;AAEvC,OAAO,MAAMQ,iBAAiB,GAAGd,MAAM,CAACW,GAAG,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qIAKtCC,KAAK,IACN,CAACA,KAAK,CAACK,SAAS,GACZZ,GAAG,wBAGHA,GAAG,yBAEF,CAUR;AAEDa,iBAAiB,CAACR,WAAW,GAAG,mBAAmB;AAEnD,OAAO,MAAMS,mBAAmB,GAAGf,MAAM,CAACW,GAAG,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gCAG5C;AAEDQ,mBAAmB,CAACT,WAAW,GAAG,qBAAqB","ignoreList":[]}
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import React, { CSSProperties, ReactNode, HTMLAttributes } from "react";
|
|
2
|
-
import { PositioningStrategy } from "@popperjs/core";
|
|
2
|
+
import { Modifier, PositioningStrategy } from "@popperjs/core";
|
|
3
3
|
import { Placement } from ".";
|
|
4
|
+
export type PopperModifier = Partial<Modifier<string, {
|
|
5
|
+
[key: string]: unknown;
|
|
6
|
+
}>>;
|
|
4
7
|
interface TransitionProps {
|
|
5
8
|
in: boolean;
|
|
6
9
|
onEnter: () => void;
|
|
@@ -25,6 +28,8 @@ interface PopperProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
|
|
|
25
28
|
strategy?: PositioningStrategy;
|
|
26
29
|
/** After Write callback */
|
|
27
30
|
afterWrite?: (...args: any[]) => void;
|
|
31
|
+
/** Extra Popper.js modifiers, merged with the built-in ones */
|
|
32
|
+
modifiers?: PopperModifier[];
|
|
28
33
|
/** Component children */
|
|
29
34
|
children?: ReactNode | React.FC<Partial<IChildProps>>;
|
|
30
35
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popper.d.ts","sourceRoot":"","sources":["../../../../src/components/Popper/Popper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAMZ,aAAa,EACb,SAAS,EACT,cAAc,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,
|
|
1
|
+
{"version":3,"file":"Popper.d.ts","sourceRoot":"","sources":["../../../../src/components/Popper/Popper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAMZ,aAAa,EACb,SAAS,EACT,cAAc,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,EAGL,QAAQ,EAER,mBAAmB,EAEpB,MAAM,gBAAgB,CAAC;AAExB,OAAO,EAAE,SAAS,EAAE,MAAM,GAAG,CAAC;AAI9B,MAAM,MAAM,cAAc,GAAG,OAAO,CAClC,QAAQ,CAAC,MAAM,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CAAE,CAAC,CAC7C,CAAC;AAEF,UAAU,eAAe;IACvB,EAAE,EAAE,OAAO,CAAC;IACZ,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AACD,UAAU,WAAW;IACnB,SAAS,EAAE,SAAS,CAAC;IACrB,eAAe,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;CAC3C;AAED,UAAU,WAAY,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5E,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC1B,WAAW;IACX,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,mBAAmB;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,4BAA4B;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB;IAChB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,eAAe;IACf,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B,2BAA2B;IAC3B,UAAU,CAAC,EAAE,CAAC,GAAG,IAAI,OAAA,KAAK,IAAI,CAAC;IAC/B,+DAA+D;IAC/D,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;IAE7B,yBAAyB;IACzB,QAAQ,CAAC,EAAE,SAAS,GAAG,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC;CACvD;AAED,eAAO,MAAM,MAAM,oFA0JlB,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
2
|
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
|
|
3
|
-
const _excluded = ["children", "anchorEl", "open", "style", "transition", "placement", "strategy", "afterWrite"];
|
|
3
|
+
const _excluded = ["children", "anchorEl", "open", "style", "transition", "placement", "strategy", "afterWrite", "modifiers"];
|
|
4
4
|
import React, { forwardRef, useCallback, useRef, useEffect, useState } from "react";
|
|
5
5
|
import { createPopper } from "@popperjs/core";
|
|
6
6
|
import { StyledPopper } from "./Styles";
|
|
@@ -18,6 +18,7 @@ export const Popper = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
18
18
|
_ref$strategy = _ref.strategy,
|
|
19
19
|
strategy = _ref$strategy === void 0 ? "absolute" : _ref$strategy,
|
|
20
20
|
afterWrite = _ref.afterWrite,
|
|
21
|
+
extraModifiers = _ref.modifiers,
|
|
21
22
|
rest = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
22
23
|
const _useState = useState(true),
|
|
23
24
|
exited = _useState[0],
|
|
@@ -38,7 +39,7 @@ export const Popper = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
38
39
|
if (popperRef.current) {
|
|
39
40
|
popperRef.current.destroy();
|
|
40
41
|
}
|
|
41
|
-
const modifiers = [{
|
|
42
|
+
const modifiers = [...(extraModifiers || []), {
|
|
42
43
|
name: "hide",
|
|
43
44
|
enabled: true,
|
|
44
45
|
phase: "main",
|
|
@@ -77,7 +78,7 @@ export const Popper = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
77
78
|
strategy,
|
|
78
79
|
modifiers
|
|
79
80
|
});
|
|
80
|
-
}, [afterWrite, anchorEl, open, placement, strategy]);
|
|
81
|
+
}, [afterWrite, anchorEl, extraModifiers, open, placement, strategy]);
|
|
81
82
|
const handleClose = () => {
|
|
82
83
|
if (!popperRef.current) {
|
|
83
84
|
return;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popper.js","names":["React","forwardRef","useCallback","useRef","useEffect","useState","createPopper","StyledPopper","useForkRef","Popper","_ref","ref","children","anchorEl","_ref$open","open","style","_ref$transition","transition","_ref$placement","placement","initialPlacement","_ref$strategy","strategy","afterWrite","rest","_objectWithoutPropertiesLoose","_excluded","_useState","exited","setExited","_useState2","setPlacement","ownRef","popperRef","handleInnerRef","handlePopperUpdate","data","handleOpen","current","destroy","modifiers","name","enabled","phase","fn","referenceElement","currentElement","isHidden","computedStyle","getComputedStyle","display","visibility","parentElement","_ownRef$current","setAttribute","_ownRef$current2","removeAttribute","push","onFirstUpdate","handleClose","handleRef","node","handleEnter","handleExited","update","childProps","transitionProps","in","onEnter","onExited","createElement","_extends","displayName"],"sources":["../../../../src/components/Popper/Popper.tsx"],"sourcesContent":["import React, {\n forwardRef,\n useCallback,\n useRef,\n useEffect,\n useState,\n CSSProperties,\n ReactNode,\n HTMLAttributes,\n} from \"react\";\n\nimport {\n createPopper,\n Instance,\n Modifier,\n Options as PopperOptions,\n PositioningStrategy,\n State,\n} from \"@popperjs/core\";\n\nimport { Placement } from \".\";\nimport { StyledPopper } from \"./Styles\";\nimport useForkRef from \"../../utils/useForkRef\";\ntype CustomModifier = Modifier<string, PopperOptions>;\ninterface TransitionProps {\n in: boolean;\n onEnter: () => void;\n onExited: () => void;\n}\ninterface IChildProps {\n placement: Placement;\n transitionProps: Partial<TransitionProps>;\n}\n\ninterface PopperProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n /** Anchor Element. */\n anchorEl?: Element | null;\n /** Open */\n open?: boolean;\n /** Inline style */\n style?: CSSProperties;\n /** Child with transition */\n transition?: boolean;\n /** Placement */\n placement?: Placement;\n /** Strategy */\n strategy?: PositioningStrategy;\n /** After Write callback */\n afterWrite?: (...args) => void;\n\n /** Component children */\n children?: ReactNode | React.FC<Partial<IChildProps>>;\n}\n\nexport const Popper = forwardRef<HTMLDivElement, PopperProps>(\n (\n {\n children,\n anchorEl,\n open = false,\n style,\n transition = false,\n placement: initialPlacement = \"bottom\",\n strategy = \"absolute\",\n afterWrite,\n ...rest\n },\n ref\n ) => {\n const [exited, setExited] = useState(true);\n const [placement, setPlacement] = useState(initialPlacement);\n const ownRef = useRef<HTMLDivElement | null>(null);\n const popperRef = useRef<Instance>();\n\n const handleInnerRef = useForkRef(ownRef, ref);\n\n const handlePopperUpdate = (data: Partial<State>): void => {\n setPlacement(data.placement || \"bottom\");\n };\n\n const handleOpen = useCallback(() => {\n if (!ownRef.current || !anchorEl || !open) {\n return;\n }\n\n if (popperRef.current) {\n popperRef.current.destroy();\n }\n\n const modifiers: CustomModifier[] = [\n {\n name: \"hide\",\n enabled: true,\n phase: \"main\",\n fn: () => {\n const referenceElement = anchorEl as HTMLElement;\n\n let currentElement: HTMLElement | null = referenceElement;\n let isHidden = false;\n while (currentElement) {\n const computedStyle = getComputedStyle(currentElement);\n if (\n computedStyle.display === \"none\" ||\n computedStyle.visibility === \"hidden\"\n ) {\n isHidden = true;\n break;\n }\n currentElement = currentElement.parentElement;\n }\n\n if (isHidden) {\n ownRef.current?.setAttribute(\"data-popper-reference-hidden\", \"\");\n } else {\n ownRef.current?.removeAttribute(\"data-popper-reference-hidden\");\n }\n },\n },\n ];\n\n if (typeof afterWrite === \"function\") {\n modifiers.push({\n phase: \"afterWrite\",\n enabled: true,\n name: \"popper-after-write\",\n fn: afterWrite,\n });\n }\n\n popperRef.current = createPopper(anchorEl, ownRef.current, {\n placement,\n onFirstUpdate: handlePopperUpdate,\n strategy,\n modifiers,\n });\n }, [afterWrite, anchorEl, open, placement, strategy]);\n\n const handleClose = (): void => {\n if (!popperRef.current) {\n return;\n }\n\n popperRef.current.destroy();\n };\n\n const handleRef = useCallback(\n (node: HTMLDivElement) => {\n handleInnerRef(node);\n handleOpen();\n },\n [handleOpen, handleInnerRef]\n );\n\n const handleEnter = (): void => {\n setExited(false);\n };\n\n const handleExited = (): void => {\n setExited(true);\n handleClose();\n };\n\n useEffect(() => {\n return (): void => {\n handleClose();\n };\n }, []);\n\n useEffect(() => {\n if (!open && !transition) {\n handleClose();\n }\n }, [open, transition]);\n\n useEffect(() => {\n if (popperRef.current) {\n popperRef.current.update();\n }\n });\n\n if (!open && (!transition || exited)) {\n return null;\n }\n\n const childProps: Partial<IChildProps> = { placement };\n\n if (transition) {\n childProps.transitionProps = {\n in: open,\n onEnter: handleEnter,\n onExited: handleExited,\n };\n }\n\n return (\n <StyledPopper\n ref={handleRef}\n {...rest}\n style={{\n ...style,\n }}\n >\n {typeof children === \"function\" ? children(childProps) : children}\n </StyledPopper>\n );\n }\n);\n\nPopper.displayName = \"Popper\";\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"Popper.js","names":["React","forwardRef","useCallback","useRef","useEffect","useState","createPopper","StyledPopper","useForkRef","Popper","_ref","ref","children","anchorEl","_ref$open","open","style","_ref$transition","transition","_ref$placement","placement","initialPlacement","_ref$strategy","strategy","afterWrite","extraModifiers","modifiers","rest","_objectWithoutPropertiesLoose","_excluded","_useState","exited","setExited","_useState2","setPlacement","ownRef","popperRef","handleInnerRef","handlePopperUpdate","data","handleOpen","current","destroy","name","enabled","phase","fn","referenceElement","currentElement","isHidden","computedStyle","getComputedStyle","display","visibility","parentElement","_ownRef$current","setAttribute","_ownRef$current2","removeAttribute","push","onFirstUpdate","handleClose","handleRef","node","handleEnter","handleExited","update","childProps","transitionProps","in","onEnter","onExited","createElement","_extends","displayName"],"sources":["../../../../src/components/Popper/Popper.tsx"],"sourcesContent":["import React, {\n forwardRef,\n useCallback,\n useRef,\n useEffect,\n useState,\n CSSProperties,\n ReactNode,\n HTMLAttributes,\n} from \"react\";\n\nimport {\n createPopper,\n Instance,\n Modifier,\n Options as PopperOptions,\n PositioningStrategy,\n State,\n} from \"@popperjs/core\";\n\nimport { Placement } from \".\";\nimport { StyledPopper } from \"./Styles\";\nimport useForkRef from \"../../utils/useForkRef\";\ntype CustomModifier = Modifier<string, PopperOptions>;\nexport type PopperModifier = Partial<\n Modifier<string, { [key: string]: unknown }>\n>;\n\ninterface TransitionProps {\n in: boolean;\n onEnter: () => void;\n onExited: () => void;\n}\ninterface IChildProps {\n placement: Placement;\n transitionProps: Partial<TransitionProps>;\n}\n\ninterface PopperProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n /** Anchor Element. */\n anchorEl?: Element | null;\n /** Open */\n open?: boolean;\n /** Inline style */\n style?: CSSProperties;\n /** Child with transition */\n transition?: boolean;\n /** Placement */\n placement?: Placement;\n /** Strategy */\n strategy?: PositioningStrategy;\n /** After Write callback */\n afterWrite?: (...args) => void;\n /** Extra Popper.js modifiers, merged with the built-in ones */\n modifiers?: PopperModifier[];\n\n /** Component children */\n children?: ReactNode | React.FC<Partial<IChildProps>>;\n}\n\nexport const Popper = forwardRef<HTMLDivElement, PopperProps>(\n (\n {\n children,\n anchorEl,\n open = false,\n style,\n transition = false,\n placement: initialPlacement = \"bottom\",\n strategy = \"absolute\",\n afterWrite,\n modifiers: extraModifiers,\n ...rest\n },\n ref\n ) => {\n const [exited, setExited] = useState(true);\n const [placement, setPlacement] = useState(initialPlacement);\n const ownRef = useRef<HTMLDivElement | null>(null);\n const popperRef = useRef<Instance>();\n\n const handleInnerRef = useForkRef(ownRef, ref);\n\n const handlePopperUpdate = (data: Partial<State>): void => {\n setPlacement(data.placement || \"bottom\");\n };\n\n const handleOpen = useCallback(() => {\n if (!ownRef.current || !anchorEl || !open) {\n return;\n }\n\n if (popperRef.current) {\n popperRef.current.destroy();\n }\n\n const modifiers: (CustomModifier | PopperModifier)[] = [\n ...(extraModifiers || []),\n {\n name: \"hide\",\n enabled: true,\n phase: \"main\",\n fn: () => {\n const referenceElement = anchorEl as HTMLElement;\n\n let currentElement: HTMLElement | null = referenceElement;\n let isHidden = false;\n while (currentElement) {\n const computedStyle = getComputedStyle(currentElement);\n if (\n computedStyle.display === \"none\" ||\n computedStyle.visibility === \"hidden\"\n ) {\n isHidden = true;\n break;\n }\n currentElement = currentElement.parentElement;\n }\n\n if (isHidden) {\n ownRef.current?.setAttribute(\"data-popper-reference-hidden\", \"\");\n } else {\n ownRef.current?.removeAttribute(\"data-popper-reference-hidden\");\n }\n },\n },\n ];\n\n if (typeof afterWrite === \"function\") {\n modifiers.push({\n phase: \"afterWrite\",\n enabled: true,\n name: \"popper-after-write\",\n fn: afterWrite,\n });\n }\n\n popperRef.current = createPopper(anchorEl, ownRef.current, {\n placement,\n onFirstUpdate: handlePopperUpdate,\n strategy,\n modifiers,\n });\n }, [afterWrite, anchorEl, extraModifiers, open, placement, strategy]);\n\n const handleClose = (): void => {\n if (!popperRef.current) {\n return;\n }\n\n popperRef.current.destroy();\n };\n\n const handleRef = useCallback(\n (node: HTMLDivElement) => {\n handleInnerRef(node);\n handleOpen();\n },\n [handleOpen, handleInnerRef]\n );\n\n const handleEnter = (): void => {\n setExited(false);\n };\n\n const handleExited = (): void => {\n setExited(true);\n handleClose();\n };\n\n useEffect(() => {\n return (): void => {\n handleClose();\n };\n }, []);\n\n useEffect(() => {\n if (!open && !transition) {\n handleClose();\n }\n }, [open, transition]);\n\n useEffect(() => {\n if (popperRef.current) {\n popperRef.current.update();\n }\n });\n\n if (!open && (!transition || exited)) {\n return null;\n }\n\n const childProps: Partial<IChildProps> = { placement };\n\n if (transition) {\n childProps.transitionProps = {\n in: open,\n onEnter: handleEnter,\n onExited: handleExited,\n };\n }\n\n return (\n <StyledPopper\n ref={handleRef}\n {...rest}\n style={{\n ...style,\n }}\n >\n {typeof children === \"function\" ? children(childProps) : children}\n </StyledPopper>\n );\n }\n);\n\nPopper.displayName = \"Popper\";\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { ReactElement, CSSProperties, Ref } from "react";
|
|
2
|
-
import { Placement } from "../Popper";
|
|
2
|
+
import { Placement, PopperModifier } from "../Popper";
|
|
3
3
|
import { TransitionProps } from "../Transitions";
|
|
4
4
|
interface ElementWithRef<T> extends ReactElement {
|
|
5
5
|
ref?: Ref<T>;
|
|
@@ -27,6 +27,8 @@ export interface ITooltipProps {
|
|
|
27
27
|
popperTooltipClassName?: string;
|
|
28
28
|
/** Remove tooltip */
|
|
29
29
|
disable?: boolean;
|
|
30
|
+
/** Extra Popper.js modifiers for the tooltip popper */
|
|
31
|
+
popperModifiers?: PopperModifier[];
|
|
30
32
|
}
|
|
31
33
|
export declare const Tooltip: React.ForwardRefExoticComponent<ITooltipProps & React.RefAttributes<HTMLElement>>;
|
|
32
34
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,YAAY,EAEZ,aAAa,EAGb,GAAG,EAEJ,MAAM,OAAO,CAAC;AAQf,OAAO,EAAU,SAAS,EAAE,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,YAAY,EAEZ,aAAa,EAGb,GAAG,EAEJ,MAAM,OAAO,CAAC;AAQf,OAAO,EAAU,SAAS,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAGjD,UAAU,cAAc,CAAC,CAAC,CAAE,SAAQ,YAAY;IAC9C,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;CACd;AAED,MAAM,WAAW,aAAa;IAC5B,wBAAwB;IACxB,QAAQ,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IACtC,qBAAqB;IACrB,KAAK,EAAE,YAAY,GAAG,MAAM,CAAC;IAC7B,4BAA4B;IAC5B,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW;IACX,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,gBAAgB;IAChB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,2BAA2B;IAC3B,mBAAmB,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC;IAChD,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2BAA2B;IAC3B,kBAAkB,CAAC,EAAE,aAAa,CAAC;IACnC,+BAA+B;IAC/B,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,qBAAqB;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uDAAuD;IACvD,eAAe,CAAC,EAAE,cAAc,EAAE,CAAC;CACpC;AAcD,eAAO,MAAM,OAAO,mFAyFnB,CAAC"}
|
|
@@ -29,7 +29,8 @@ export const Tooltip = /*#__PURE__*/forwardRef((_ref2, ref) => {
|
|
|
29
29
|
TransitionComponent = _ref2$TransitionCompo === void 0 ? TooltipAnimation : _ref2$TransitionCompo,
|
|
30
30
|
popperTooltipStyle = _ref2.popperTooltipStyle,
|
|
31
31
|
popperTooltipClassName = _ref2.popperTooltipClassName,
|
|
32
|
-
disable = _ref2.disable
|
|
32
|
+
disable = _ref2.disable,
|
|
33
|
+
popperModifiers = _ref2.popperModifiers;
|
|
33
34
|
const _useLayerContext = useLayerContext(),
|
|
34
35
|
_useLayerContext$zInd = _useLayerContext.zIndex,
|
|
35
36
|
zIndex = _useLayerContext$zInd === void 0 ? layers.skyscraper : _useLayerContext$zInd;
|
|
@@ -66,6 +67,7 @@ export const Tooltip = /*#__PURE__*/forwardRef((_ref2, ref) => {
|
|
|
66
67
|
open: childNode ? open : false,
|
|
67
68
|
placement: placement,
|
|
68
69
|
transition: true,
|
|
70
|
+
modifiers: popperModifiers,
|
|
69
71
|
className: popperTooltipClassName,
|
|
70
72
|
style: _extends({
|
|
71
73
|
zIndex
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","names":["React","useState","forwardRef","classnames","StyledTooltip","Portal","useLayerContext","layers","useForkRef","Popper","FromElement","TooltipAnimation","_ref","children","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","timeout","Tooltip","_ref2","ref","title","className","style","_ref2$isLight","isLight","_ref2$placement","placement","_ref2$TransitionCompo","TransitionComponent","popperTooltipStyle","popperTooltipClassName","disable","_useLayerContext","_useLayerContext$zInd","zIndex","skyscraper","_useState","open","setOpen","_useState2","childNode","setChildNode","handleEnter","event","childrenProps","type","onMouseOver","removeAttribute","handleLeave","onMouseLeave","currentTarget","handleOwnRef","handleRef","Fragment","cloneElement","anchorEl","transition","role","_ref3","_ref3$transitionProps","transitionProps","$isLight","displayName"],"sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, {\n ReactElement,\n useState,\n CSSProperties,\n MouseEvent,\n forwardRef,\n Ref,\n FC,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledTooltip } from \"./Styles\";\nimport { Portal, useLayerContext } from \"../../helpers\";\nimport { layers } from \"../../utils\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { Popper, Placement } from \"../Popper\";\nimport { TransitionProps } from \"../Transitions\";\nimport { FromElement } from \"../Transitions/FromElement\";\n\ninterface ElementWithRef<T> extends ReactElement {\n ref?: Ref<T>;\n}\n\nexport interface ITooltipProps {\n /** Children element. */\n children: ElementWithRef<HTMLElement>;\n /** Title element. */\n title: ReactElement | string;\n /** Applies passed styles */\n style?: CSSProperties;\n /** Applies passed classes */\n className?: string;\n /** Open */\n open?: boolean;\n /** Placement */\n placement?: Placement;\n /** Transition component */\n TransitionComponent?: React.FC<TransitionProps>;\n /** Light tooltip */\n isLight?: boolean;\n /** Popper Tooltip style */\n popperTooltipStyle?: CSSProperties;\n /** Popper Tooltip class name*/\n popperTooltipClassName?: string;\n /** Remove tooltip */\n disable?: boolean;\n}\n\ninterface ITooltipAnimation extends TransitionProps {\n children: ReactElement;\n}\n\nconst TooltipAnimation: FC<ITooltipAnimation> = ({ children, ...props }) => {\n return (\n <FromElement timeout={0} {...props}>\n {children}\n </FromElement>\n );\n};\n\nexport const Tooltip = forwardRef<HTMLElement, ITooltipProps>(\n (\n {\n children,\n title,\n className,\n style,\n isLight = false,\n placement = \"top\",\n TransitionComponent = TooltipAnimation,\n popperTooltipStyle,\n popperTooltipClassName,\n disable,\n },\n ref\n ) => {\n const { zIndex = layers.skyscraper } = useLayerContext();\n const [open, setOpen] = useState(false);\n const [childNode, setChildNode] = useState<HTMLElement | null>();\n\n const handleEnter = (event: MouseEvent<HTMLElement>): void => {\n const childrenProps = children.props;\n\n if (event.type === \"mouseover\" && childrenProps.onMouseOver) {\n childrenProps.onMouseOver(event);\n }\n\n childNode && childNode.removeAttribute(\"title\");\n\n setOpen(true);\n };\n\n const handleLeave = (event: MouseEvent<HTMLElement>): void => {\n const childrenProps = children.props;\n\n if (\n event.type === \"mouseleave\" &&\n childrenProps.onMouseLeave &&\n event.currentTarget === childNode\n ) {\n childrenProps.onMouseLeave(event);\n }\n\n setOpen(false);\n };\n\n const handleOwnRef = useForkRef(children.ref, ref);\n const handleRef = useForkRef(setChildNode, handleOwnRef);\n\n const childrenProps = {\n onMouseOver: handleEnter,\n onMouseLeave: handleLeave,\n ref: handleRef,\n };\n\n return (\n <>\n {React.cloneElement(children, childrenProps)}\n {!disable && (\n <Portal>\n <Popper\n anchorEl={childNode}\n open={childNode ? open : false}\n placement={placement}\n transition\n className={popperTooltipClassName}\n style={{ zIndex, ...popperTooltipStyle }}\n role=\"tooltip\"\n >\n {({ transitionProps = {} }) => (\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore - due to @node/types making ts more strict\n <TransitionComponent {...transitionProps} style={style}>\n <StyledTooltip\n className={classnames(\"c-tooltip-ds\", className)}\n $isLight={isLight}\n >\n {title}\n </StyledTooltip>\n </TransitionComponent>\n )}\n </Popper>\n </Portal>\n )}\n </>\n );\n }\n);\n\nTooltip.displayName = \"Tooltip\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAEVC,QAAQ,EAGRC,UAAU,QAGL,OAAO;AAEd,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,aAAa,QAAQ,UAAU;AACxC,SAASC,MAAM,EAAEC,eAAe,QAAQ,eAAe;AACvD,SAASC,MAAM,QAAQ,aAAa;AACpC,OAAOC,UAAU,MAAM,wBAAwB;AAC/C,SAASC,MAAM,
|
|
1
|
+
{"version":3,"file":"Tooltip.js","names":["React","useState","forwardRef","classnames","StyledTooltip","Portal","useLayerContext","layers","useForkRef","Popper","FromElement","TooltipAnimation","_ref","children","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","timeout","Tooltip","_ref2","ref","title","className","style","_ref2$isLight","isLight","_ref2$placement","placement","_ref2$TransitionCompo","TransitionComponent","popperTooltipStyle","popperTooltipClassName","disable","popperModifiers","_useLayerContext","_useLayerContext$zInd","zIndex","skyscraper","_useState","open","setOpen","_useState2","childNode","setChildNode","handleEnter","event","childrenProps","type","onMouseOver","removeAttribute","handleLeave","onMouseLeave","currentTarget","handleOwnRef","handleRef","Fragment","cloneElement","anchorEl","transition","modifiers","role","_ref3","_ref3$transitionProps","transitionProps","$isLight","displayName"],"sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, {\n ReactElement,\n useState,\n CSSProperties,\n MouseEvent,\n forwardRef,\n Ref,\n FC,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledTooltip } from \"./Styles\";\nimport { Portal, useLayerContext } from \"../../helpers\";\nimport { layers } from \"../../utils\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { Popper, Placement, PopperModifier } from \"../Popper\";\nimport { TransitionProps } from \"../Transitions\";\nimport { FromElement } from \"../Transitions/FromElement\";\n\ninterface ElementWithRef<T> extends ReactElement {\n ref?: Ref<T>;\n}\n\nexport interface ITooltipProps {\n /** Children element. */\n children: ElementWithRef<HTMLElement>;\n /** Title element. */\n title: ReactElement | string;\n /** Applies passed styles */\n style?: CSSProperties;\n /** Applies passed classes */\n className?: string;\n /** Open */\n open?: boolean;\n /** Placement */\n placement?: Placement;\n /** Transition component */\n TransitionComponent?: React.FC<TransitionProps>;\n /** Light tooltip */\n isLight?: boolean;\n /** Popper Tooltip style */\n popperTooltipStyle?: CSSProperties;\n /** Popper Tooltip class name*/\n popperTooltipClassName?: string;\n /** Remove tooltip */\n disable?: boolean;\n /** Extra Popper.js modifiers for the tooltip popper */\n popperModifiers?: PopperModifier[];\n}\n\ninterface ITooltipAnimation extends TransitionProps {\n children: ReactElement;\n}\n\nconst TooltipAnimation: FC<ITooltipAnimation> = ({ children, ...props }) => {\n return (\n <FromElement timeout={0} {...props}>\n {children}\n </FromElement>\n );\n};\n\nexport const Tooltip = forwardRef<HTMLElement, ITooltipProps>(\n (\n {\n children,\n title,\n className,\n style,\n isLight = false,\n placement = \"top\",\n TransitionComponent = TooltipAnimation,\n popperTooltipStyle,\n popperTooltipClassName,\n disable,\n popperModifiers,\n },\n ref\n ) => {\n const { zIndex = layers.skyscraper } = useLayerContext();\n const [open, setOpen] = useState(false);\n const [childNode, setChildNode] = useState<HTMLElement | null>();\n\n const handleEnter = (event: MouseEvent<HTMLElement>): void => {\n const childrenProps = children.props;\n\n if (event.type === \"mouseover\" && childrenProps.onMouseOver) {\n childrenProps.onMouseOver(event);\n }\n\n childNode && childNode.removeAttribute(\"title\");\n\n setOpen(true);\n };\n\n const handleLeave = (event: MouseEvent<HTMLElement>): void => {\n const childrenProps = children.props;\n\n if (\n event.type === \"mouseleave\" &&\n childrenProps.onMouseLeave &&\n event.currentTarget === childNode\n ) {\n childrenProps.onMouseLeave(event);\n }\n\n setOpen(false);\n };\n\n const handleOwnRef = useForkRef(children.ref, ref);\n const handleRef = useForkRef(setChildNode, handleOwnRef);\n\n const childrenProps = {\n onMouseOver: handleEnter,\n onMouseLeave: handleLeave,\n ref: handleRef,\n };\n\n return (\n <>\n {React.cloneElement(children, childrenProps)}\n {!disable && (\n <Portal>\n <Popper\n anchorEl={childNode}\n open={childNode ? open : false}\n placement={placement}\n transition\n modifiers={popperModifiers}\n className={popperTooltipClassName}\n style={{ zIndex, ...popperTooltipStyle }}\n role=\"tooltip\"\n >\n {({ transitionProps = {} }) => (\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore - due to @node/types making ts more strict\n <TransitionComponent {...transitionProps} style={style}>\n <StyledTooltip\n className={classnames(\"c-tooltip-ds\", className)}\n $isLight={isLight}\n >\n {title}\n </StyledTooltip>\n </TransitionComponent>\n )}\n </Popper>\n </Portal>\n )}\n </>\n );\n }\n);\n\nTooltip.displayName = \"Tooltip\";\n"],"mappings":"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","ignoreList":[]}
|