@alixpartners/ui-components 1.22.0 → 1.22.1

package/artefact/dist/esm/components/ApCheckbox/index.js

@@ -0,0 +1,14 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ApCheckbox"), exports);
+//# sourceMappingURL=index.js.map

package/artefact/dist/esm/components/ApCheckbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ApCheckbox/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,+CAA4B"}

package/artefact/dist/esm/components/ApCheckbox/styles.js

@@ -0,0 +1,69 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var _a, _b, _c, _d, _e;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledCheckInput = exports.StyledIndeterminateIcon = exports.StyledCheckIcon = exports.StyledCheckWrapper = void 0;
+var styled_components_1 = require("styled-components");
+var theme_1 = require("../../utils/theme");
+exports.StyledCheckWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  width: 32px;\n  height: 32px;\n  justify-content: center;\n  align-items: center;\n  background-color: transparent;\n  ", "\n"], ["\n  display: flex;\n  width: 32px;\n  height: 32px;\n  justify-content: center;\n  align-items: center;\n  background-color: transparent;\n  ",
+    "\n"])), function (_a) {
+    var disabled = _a.disabled;
+    return !disabled && styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        &:hover {\n          background-color: ", ";\n        }\n        &:focus {\n          background-color: ", ";\n        }\n        &:active {\n          background-color: ", ";\n        }\n      "], ["\n        &:hover {\n          background-color: ", ";\n        }\n        &:focus {\n          background-color: ", ";\n        }\n        &:active {\n          background-color: ", ";\n        }\n      "])), theme_1.colors.green50, theme_1.colors.green50, theme_1.colors.green100);
+});
+exports.StyledCheckIcon = styled_components_1.default.span({
+    backgroundColor: theme_1.colors.transparent,
+    borderColor: theme_1.colors.grey700,
+    borderStyle: 'solid',
+    borderWidth: '2px',
+    borderRadius: '1px',
+    boxSizing: 'border-box',
+    display: 'inline-block',
+    height: '18px',
+    outline: 'none',
+    position: 'relative',
+    transition: 'background .1s linear',
+    width: '18px',
+    boxShadow: 'none !important',
+});
+exports.StyledIndeterminateIcon = styled_components_1.default.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  background-color: transparent;\n  height: 24px;\n  width: 24px;\n  transition: background .1s linear;\n\n  .ap-icon {\n    fill: ", ";\n  }\n"], ["\n  background-color: transparent;\n  height: 24px;\n  width: 24px;\n  transition: background .1s linear;\n\n  .ap-icon {\n    fill: ", ";\n  }\n"])), theme_1.colors.grey700);
+exports.StyledCheckInput = styled_components_1.default.input((_a = {},
+    _a["+ " + exports.StyledCheckIcon] = (_b = {},
+        _b['.ap-icon'] = {
+            display: 'none',
+        },
+        _b),
+    _a[":checked + " + exports.StyledCheckIcon] = (_c = {
+            backgroundColor: 'transparent',
+            borderColor: 'transparent',
+            borderWidth: 0,
+            height: '24px',
+            width: '24px'
+        },
+        _c['.ap-icon'] = {
+            display: 'block',
+            fill: theme_1.colors.grey700,
+        },
+        _c),
+    _a[":disabled + " + exports.StyledCheckIcon] = (_d = {
+            backgroundColor: theme_1.colors.white,
+            borderColor: theme_1.colors.grey300,
+            cursor: 'not-allowed'
+        },
+        _d['.ap-icon'] = {
+            fill: theme_1.colors.grey300,
+        },
+        _d),
+    _a[":disabled + " + exports.StyledIndeterminateIcon] = (_e = {
+            cursor: 'not-allowed'
+        },
+        _e['.ap-icon'] = {
+            fill: theme_1.colors.grey300,
+        },
+        _e),
+    _a.display = 'none',
+    _a));
+var templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=styles.js.map

package/artefact/dist/esm/components/ApCheckbox/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/ApCheckbox/styles.ts"],"names":[],"mappings":";;;;;;;;AAAA,uDAA+C;AAE/C,2CAA0C;AAE7B,QAAA,kBAAkB,GAAG,2BAAM,CAAC,GAAG,wNAAwB,+IAOhE;IAaF,IACD,KAdG,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,CAAC,QAAQ,IACP,uBAAG,iRAAA,mDAEqB,EAAc,+DAGd,EAAc,gEAGd,EAAe,sBAEtC,KARuB,cAAM,CAAC,OAAO,EAGd,cAAM,CAAC,OAAO,EAGd,cAAM,CAAC,QAAQ,CAEtC;AAXH,CAWG,EAEL;AAEW,QAAA,eAAe,GAAG,2BAAM,CAAC,IAAI,CAAC;IACzC,eAAe,EAAE,cAAM,CAAC,WAAW;IACnC,WAAW,EAAE,cAAM,CAAC,OAAO;IAC3B,WAAW,EAAE,OAAO;IACpB,WAAW,EAAE,KAAK;IAClB,YAAY,EAAE,KAAK;IACnB,SAAS,EAAE,YAAY;IACvB,OAAO,EAAE,cAAc;IACvB,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,MAAM;IACf,QAAQ,EAAE,UAAU;IACpB,UAAU,EAAE,uBAAuB;IACnC,KAAK,EAAE,MAAM;IACb,SAAS,EAAE,iBAAiB;CAC7B,CAAC,CAAA;AAEW,QAAA,uBAAuB,GAAG,2BAAM,CAAC,IAAI,sNAAA,uIAOtC,EAAc,UAEzB,KAFW,cAAM,CAAC,OAAO,EAExB;AAEW,QAAA,gBAAgB,GAAG,2BAAM,CAAC,KAAK;IAC1C,GAAC,OAAK,uBAAiB;QACrB,GAAC,UAAU,IAAG;YACZ,OAAO,EAAE,MAAM;SAChB;WACF;IAED,GAAC,gBAAc,uBAAiB;YAC9B,eAAe,EAAE,aAAa;YAC9B,WAAW,EAAE,aAAa;YAC1B,WAAW,EAAE,CAAC;YACd,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,MAAM;;QACb,GAAC,UAAU,IAAG;YACZ,OAAO,EAAE,OAAO;YAChB,IAAI,EAAE,cAAM,CAAC,OAAO;SACrB;WACF;IAED,GAAC,iBAAe,uBAAiB;YAC/B,eAAe,EAAE,cAAM,CAAC,KAAK;YAC7B,WAAW,EAAE,cAAM,CAAC,OAAO;YAC3B,MAAM,EAAE,aAAa;;QACrB,GAAC,UAAU,IAAG;YACZ,IAAI,EAAE,cAAM,CAAC,OAAO;SACrB;WACF;IAED,GAAC,iBAAe,+BAAyB;YACvC,MAAM,EAAE,aAAa;;QACrB,GAAC,UAAU,IAAG;YACZ,IAAI,EAAE,cAAM,CAAC,OAAO;SACrB;WACF;IAED,UAAO,GAAE,MAAM;QACf,CAAA"}

package/artefact/dist/esm/components/ApChip/ApChip.js

@@ -0,0 +1,40 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ApChip = void 0;
+var React = require("react");
+var types_1 = require("../../utils/types");
+var ApIcon_1 = require("../ApIcon");
+var styles_1 = require("./styles");
+exports.ApChip = function (_a) {
+    var children = _a.children, className = _a.className, disabled = _a.disabled, icon = _a.icon, iconProps = _a.iconProps, small = _a.small, selected = _a.selected, props = __rest(_a, ["children", "className", "disabled", "icon", "iconProps", "small", "selected"]);
+    return (React.createElement(styles_1.StyledChip, __assign({}, props, { disabled: disabled, className: "ap-chip " + (className ? className : ''), small: small, selected: selected }),
+        React.createElement(styles_1.StyledChipLeftChild, null, icon && (React.createElement(ApIcon_1.ApIcon, __assign({ iconName: icon, iconSize: small ? 16 : 20 }, iconProps)))),
+        React.createElement(styles_1.StyledChipRightChild, null, children)));
+};
+exports.ApChip.defaultProps = {
+    disabled: false,
+    theme: types_1.LIGHT
+};
+//# sourceMappingURL=ApChip.js.map

package/artefact/dist/esm/components/ApChip/ApChip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApChip.js","sourceRoot":"","sources":["../../../../src/components/ApChip/ApChip.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6BAA8B;AAC9B,2CAAqE;AACrE,oCAA8C;AAC9C,mCAAgF;AAanE,QAAA,MAAM,GAA0B,UAAC,EAS7C;IARC,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,KAAK,WAAA,EACL,QAAQ,cAAA,EACL,KAAK,cARoC,+EAS7C,CADS;IAER,OAAO,CACL,oBAAC,mBAAU,eACL,KAAY,IAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,cAAW,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAE,EAClD,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ;QAElB,oBAAC,4BAAmB,QACjB,IAAI,IAAI,CACL,oBAAC,eAAM,aACP,QAAQ,EAAE,IAAI,EACd,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IACrB,SAAS,EACb,CACH,CACmB;QACtB,oBAAC,6BAAoB,QAClB,QAAQ,CACY,CACZ,CACd,CAAA;AACH,CAAC,CAAA;AAED,cAAM,CAAC,YAAY,GAAG;IACpB,QAAQ,EAAE,KAAK;IACf,KAAK,EAAE,aAAK;CACb,CAAA"}

package/artefact/dist/esm/components/ApChip/index.js

@@ -0,0 +1,14 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ApChip"), exports);
+//# sourceMappingURL=index.js.map

package/artefact/dist/esm/components/ApChip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ApChip/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,2CAAwB"}

package/artefact/dist/esm/components/ApChip/styles.js

@@ -0,0 +1,197 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Title = exports.Column = exports.Container = exports.StyledChip = exports.getChipStyles = exports.StyledChipRightChild = exports.StyledChipLeftChild = exports.StyledChipChild = void 0;
+var styled_components_1 = require("styled-components");
+var theme_1 = require("../../utils/theme");
+var types_1 = require("../../utils/types");
+exports.StyledChipChild = styled_components_1.default.span({
+    display: 'inline-flex',
+    whiteSpace: 'nowrap'
+});
+exports.StyledChipLeftChild = styled_components_1.default.span({
+    display: 'inline-flex'
+});
+exports.StyledChipRightChild = styled_components_1.default.span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: inline-flex;\n  margin-left: 4px;\n  white-space: nowrap;\n"], ["\n  display: inline-flex;\n  margin-left: 4px;\n  white-space: nowrap;\n"])));
+exports.getChipStyles = function (disabled, theme, isSelected) {
+    var _a, _b;
+    var lightActionStyles = disabled ? {} : {
+        ':hover': {
+            color: theme_1.colors.grey700,
+            borderColor: theme_1.colors.grey700,
+            backgroundColor: theme_1.colors.grey50,
+            svg: {
+                fill: theme_1.colors.grey700
+            }
+        },
+        ':focus': {
+            color: theme_1.colors.grey700,
+            borderColor: theme_1.colors.grey700,
+            backgroundColor: theme_1.colors.grey50,
+            svg: {
+                fill: theme_1.colors.grey700
+            }
+        },
+        ':active': {
+            color: theme_1.colors.grey700,
+            borderColor: theme_1.colors.grey700,
+            backgroundColor: theme_1.colors.grey200,
+            svg: {
+                fill: theme_1.colors.grey700
+            }
+        },
+    };
+    var lightSelectedActionStyles = disabled ? {} : {
+        ':hover': {
+            color: theme_1.colors.green700,
+            borderColor: theme_1.colors.green700,
+            backgroundColor: theme_1.colors.green100,
+            svg: {
+                fill: theme_1.colors.grey700
+            }
+        },
+        ':focus': {
+            color: theme_1.colors.green700,
+            borderColor: theme_1.colors.green700,
+            backgroundColor: theme_1.colors.green100,
+            svg: {
+                fill: theme_1.colors.grey700
+            }
+        },
+        ':active': {
+            color: theme_1.colors.green700,
+            borderColor: theme_1.colors.green700,
+            backgroundColor: theme_1.colors.green200,
+            svg: {
+                fill: theme_1.colors.grey700
+            }
+        },
+    };
+    var darkActionStyles = disabled ? {} : {
+        ':hover': {
+            color: theme_1.colors.white,
+            borderColor: theme_1.colors.white,
+            backgroundColor: theme_1.colors.grey600,
+            svg: {
+                fill: theme_1.colors.white
+            }
+        },
+        ':focus': {
+            color: theme_1.colors.white,
+            borderColor: theme_1.colors.white,
+            backgroundColor: theme_1.colors.grey600,
+            svg: {
+                fill: theme_1.colors.white
+            }
+        },
+        ':active': {
+            color: theme_1.colors.white,
+            borderColor: theme_1.colors.white,
+            backgroundColor: theme_1.colors.grey500,
+            svg: {
+                fill: theme_1.colors.white
+            }
+        },
+    };
+    var darkSelectedActionStyles = disabled ? {} : {
+        ':hover': {
+            color: theme_1.colors.green200,
+            borderColor: theme_1.colors.green200,
+            backgroundColor: theme_1.colors.green800,
+            svg: {
+                fill: theme_1.colors.green200
+            }
+        },
+        ':focus': {
+            color: theme_1.colors.green200,
+            borderColor: theme_1.colors.green200,
+            backgroundColor: theme_1.colors.green800,
+            svg: {
+                fill: theme_1.colors.green200
+            }
+        },
+        ':active': {
+            color: theme_1.colors.green200,
+            borderColor: theme_1.colors.green200,
+            backgroundColor: theme_1.colors.green700,
+            svg: {
+                fill: theme_1.colors.green200
+            }
+        },
+    };
+    var chipSelectedStyles = (_a = {},
+        _a[types_1.LIGHT] = __assign({ color: disabled ? theme_1.colors.grey400 : theme_1.colors.green600, backgroundColor: theme_1.colors.green50, border: '2px solid', borderColor: disabled ? theme_1.colors.grey200 : theme_1.colors.green600, svg: {
+                fill: disabled ? theme_1.colors.grey400 : theme_1.colors.green600,
+            } }, lightSelectedActionStyles),
+        _a[types_1.DARK] = __assign({ color: disabled ? theme_1.colors.grey400 : theme_1.colors.green300, backgroundColor: theme_1.colors.transparent, border: '2px solid', borderColor: disabled ? theme_1.colors.grey200 : theme_1.colors.green300, svg: {
+                fill: disabled ? theme_1.colors.grey400 : theme_1.colors.green300,
+            } }, darkSelectedActionStyles),
+        _a);
+    var chipStyles = (_b = {},
+        _b[types_1.LIGHT] = __assign({ color: disabled ? theme_1.colors.grey400 : theme_1.colors.grey500, border: '1px solid', borderColor: disabled ? theme_1.colors.grey200 : theme_1.colors.grey300, svg: {
+                fill: disabled ? theme_1.colors.grey400 : theme_1.colors.grey500,
+            } }, lightActionStyles),
+        _b[types_1.DARK] = __assign({ color: disabled ? theme_1.colors.grey400 : theme_1.colors.grey300, border: '1px solid', background: disabled ? theme_1.colors.white : 'transparent', borderColor: disabled ? theme_1.colors.grey200 : theme_1.colors.grey500, svg: {
+                fill: disabled ? theme_1.colors.grey400 : theme_1.colors.grey300,
+            } }, darkActionStyles),
+        _b);
+    var selectedStyles = isSelected ? chipSelectedStyles[theme] : {};
+    return __assign(__assign({}, chipStyles[theme]), selectedStyles);
+};
+exports.StyledChip = styled_components_1.default.div({
+    padding: '0 16px',
+    alignItems: 'center',
+    border: 'none',
+    display: 'inline-flex',
+    height: '40px',
+    justifyContent: 'space-between',
+    lineHeight: '20px',
+    minWidth: '32px',
+    outline: 'none',
+    position: 'relative',
+    textAlign: 'center',
+    textDecoration: 'none',
+    whiteSpace: 'nowrap',
+    borderWidth: '1px',
+    borderStyle: 'solid',
+    borderRadius: '32px',
+    boxSizing: 'border-box',
+    fontSize: '16px',
+    cursor: 'pointer',
+    marginRight: '8px'
+}, function (_a) {
+    var disabled = _a.disabled, theme = _a.theme, selected = _a.selected;
+    return (__assign({}, exports.getChipStyles(disabled, theme, selected)));
+}, function (_a) {
+    var small = _a.small;
+    return (small ? {
+        height: '32px',
+        fontSize: '13px',
+        lineHeight: '16px',
+        padding: '0 12px'
+    } : {});
+}, function (_a) {
+    var disabled = _a.disabled;
+    return (disabled ? {
+        cursor: 'not-allowed'
+    } : {});
+});
+exports.Container = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    margin: 16px 80px;\n    display: flex;\n    flexDirection: column;\n"], ["\n    margin: 16px 80px;\n    display: flex;\n    flexDirection: column;\n"])));
+exports.Column = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    display: flex;\n    flex-direction: column;\n    margin: 24px;\n"], ["\n    display: flex;\n    flex-direction: column;\n    margin: 24px;\n"])));
+exports.Title = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    margin-bottom: 12px;\n    padding-bottom: 12px;\n    border-bottom: 1px solid ", ";\n    white-space: nowrap;\n"], ["\n    margin-bottom: 12px;\n    padding-bottom: 12px;\n    border-bottom: 1px solid ", ";\n    white-space: nowrap;\n"])), theme_1.colors.grey4);
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+//# sourceMappingURL=styles.js.map

package/artefact/dist/esm/components/ApChip/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/ApChip/styles.ts"],"names":[],"mappings":"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"}

package/artefact/dist/esm/components/ApContextualPopup/ApContextualPopup.js

@@ -0,0 +1,83 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ApContextualPopup = void 0;
+var React = require("react");
+var ClickOutsideTooltip_1 = require("./ClickOutsideTooltip");
+var styles_1 = require("./styles");
+var ApContextualPopup = /** @class */ (function (_super) {
+    __extends(ApContextualPopup, _super);
+    function ApContextualPopup() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.state = {
+            forceClose: false,
+        };
+        _this.tooltipRef = null;
+        _this.handleClickOutside = function () {
+            styles_1.StyledReactTooltip.hide(_this.tooltipRef);
+        };
+        _this.forceTooltipClose = function () {
+            var tooltip = _this.props.tooltip;
+            if (tooltip.afterHide) {
+                tooltip.afterHide();
+            }
+            // Force tooltip close while mouse hover on itself
+            _this.setState({ forceClose: true }, function () {
+                return _this.setState({ forceClose: false });
+            });
+        };
+        return _this;
+    }
+    ApContextualPopup.prototype.render = function () {
+        var _this = this;
+        var _a = this.props, children = _a.children, className = _a.className, trigger = _a.trigger, id = _a.id, tooltip = _a.tooltip;
+        var forceClose = this.state.forceClose;
+        var TriggerComponent = trigger();
+        var triggerComponent = React.cloneElement(TriggerComponent, {
+            className: (TriggerComponent.props.className ? TriggerComponent.props.className : '') + " ap-contextual-popup-trigger",
+            'data-for': id,
+            'data-tip': 'tooltip',
+            ref: function (ref) { return (_this.tooltipRef = ref); },
+        });
+        return (React.createElement(React.Fragment, null,
+            triggerComponent,
+            !forceClose && (React.createElement(ClickOutsideTooltip_1.default, __assign({ handleClickOutside: this.handleClickOutside, className: "ap-contextual-popup " + (className ? className : ''), id: id, isCapture: true, place: "bottom", clickable: true, type: "light", effect: "solid", overridePosition: function (_a, currentEvent, currentTarget, node) {
+                    var left = _a.left, top = _a.top;
+                    var d = document.documentElement;
+                    left = Math.min(d.clientWidth - node.clientWidth, left);
+                    top = Math.min(d.clientHeight - node.clientHeight, top);
+                    left = Math.max(0, left);
+                    top = Math.max(0, top);
+                    return { top: top, left: left };
+                }, getContent: function () { return children({ close: _this.forceTooltipClose }); } }, tooltip)))));
+    };
+    ApContextualPopup.defaultProps = {
+        tooltip: {},
+    };
+    return ApContextualPopup;
+}(React.Component));
+exports.ApContextualPopup = ApContextualPopup;
+//# sourceMappingURL=ApContextualPopup.js.map

package/artefact/dist/esm/components/ApContextualPopup/ApContextualPopup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApContextualPopup.js","sourceRoot":"","sources":["../../../../src/components/ApContextualPopup/ApContextualPopup.tsx"],"names":[],"mappings":"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"}

package/artefact/dist/esm/components/ApContextualPopup/ClickOutsideTooltip.js

@@ -0,0 +1,57 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var React = require("react");
+var enhanceWithClickOutside = require("react-click-outside");
+var styles_1 = require("./styles");
+var ClickOutsideTooltip = /** @class */ (function (_super) {
+    __extends(ClickOutsideTooltip, _super);
+    function ClickOutsideTooltip() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.handleClickOutside = function () {
+            _this.props.handleClickOutside();
+        };
+        return _this;
+    }
+    ClickOutsideTooltip.prototype.render = function () {
+        var _a = this.props, handleClickOutside = _a.handleClickOutside, rest = __rest(_a, ["handleClickOutside"]);
+        return React.createElement(styles_1.StyledReactTooltip, __assign({}, rest));
+    };
+    return ClickOutsideTooltip;
+}(React.Component));
+exports.default = enhanceWithClickOutside(ClickOutsideTooltip);
+//# sourceMappingURL=ClickOutsideTooltip.js.map

package/artefact/dist/esm/components/ApContextualPopup/ClickOutsideTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClickOutsideTooltip.js","sourceRoot":"","sources":["../../../../src/components/ApContextualPopup/ClickOutsideTooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6BAA8B;AAC9B,6DAA8D;AAE9D,mCAA6C;AAE7C;IAAkC,uCAAoB;IAAtD;QAAA,qEAUC;QATQ,wBAAkB,GAAG;YAC1B,KAAI,CAAC,KAAK,CAAC,kBAAkB,EAAE,CAAA;QACjC,CAAC,CAAA;;IAOH,CAAC;IALQ,oCAAM,GAAb;QACE,IAAM,KAAkC,IAAI,CAAC,KAAK,EAA1C,kBAAkB,wBAAA,EAAK,IAAI,cAA7B,sBAA+B,CAAa,CAAA;QAElD,OAAO,oBAAC,2BAAkB,eAAK,IAAI,EAAI,CAAA;IACzC,CAAC;IACH,0BAAC;AAAD,CAAC,AAVD,CAAkC,KAAK,CAAC,SAAS,GAUhD;AAED,kBAAe,uBAAuB,CAAC,mBAAmB,CAAC,CAAA"}

package/artefact/dist/esm/components/ApContextualPopup/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var ApContextualPopup_1 = require("./ApContextualPopup");
+Object.defineProperty(exports, "ApContextualPopup", { enumerable: true, get: function () { return ApContextualPopup_1.ApContextualPopup; } });
+//# sourceMappingURL=index.js.map

package/artefact/dist/esm/components/ApContextualPopup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ApContextualPopup/index.ts"],"names":[],"mappings":";;AAAA,yDAAuD;AAA9C,sHAAA,iBAAiB,OAAA"}

package/artefact/dist/esm/components/ApContextualPopup/styles.js

@@ -0,0 +1,12 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledReactTooltip = void 0;
+var styled_components_1 = require("styled-components");
+var react_tooltip_1 = require("react-tooltip");
+exports.StyledReactTooltip = styled_components_1.default(react_tooltip_1.default)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  opacity: initial !important;\n  box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.25);\n  padding: 0 !important;\n  border-radius: initial !important;\n  border: none !important;\n"], ["\n  opacity: initial !important;\n  box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.25);\n  padding: 0 !important;\n  border-radius: initial !important;\n  border: none !important;\n"])));
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

package/artefact/dist/esm/components/ApContextualPopup/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/ApContextualPopup/styles.ts"],"names":[],"mappings":";;;;;;;AAAA,uDAAsC;AAEtC,+CAAwC;AAE3B,QAAA,kBAAkB,GAAG,2BAAM,CAAC,uBAAY,CAAC,oPAAA,iLAMrD,IAAO,CAAA"}

package/artefact/dist/esm/components/ApDatePicker/ApDatePicker.js

@@ -0,0 +1,94 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ApDatePicker = void 0;
+var React = require("react");
+var DayPicker = require("react-day-picker/DayPicker");
+var ApDatePicker_styles_1 = require("./ApDatePicker.styles");
+var NavBar_1 = require("./NavBar");
+var utils_1 = require("./utils");
+var YearMonthForm_1 = require("./YearMonthForm");
+var ApDatePicker = /** @class */ (function (_super) {
+    __extends(ApDatePicker, _super);
+    function ApDatePicker(props) {
+        var _this = _super.call(this, props) || this;
+        _this.handleDayChange = function (date) {
+            _this.props.onChange([date]);
+        };
+        _this.handleDayEnter = function (date) {
+            var range = _this.props.range;
+            _this.setState({
+                hoverRange: range ? utils_1.getWeekRange(date, range) : {
+                    from: date,
+                    to: date,
+                },
+            });
+        };
+        _this.handleDayLeave = function () {
+            _this.setState({
+                hoverRange: undefined,
+            });
+        };
+        _this.handleYearMonthChange = function (month) {
+            _this.setState({ month: month });
+        };
+        var isSelectedDays = Boolean(props.selectedDays.length);
+        _this.state = {
+            hoverRange: {
+                from: new Date(),
+                to: new Date(),
+            },
+            month: isSelectedDays ? props.selectedDays[0] : new Date(),
+        };
+        return _this;
+    }
+    ApDatePicker.prototype.render = function () {
+        var _this = this;
+        var _a = this.props, selectedDays = _a.selectedDays, srcRange = _a.srcRange;
+        var _b = this.state, hoverRange = _b.hoverRange, month = _b.month;
+        var daysRangeSelected = selectedDays.length > 1;
+        var modifiers = {
+            hoverRange: hoverRange,
+            hoverRangeStart: hoverRange && hoverRange.from,
+            hoverRangeEnd: hoverRange && hoverRange.to,
+        };
+        if (daysRangeSelected) {
+            modifiers = __assign(__assign({}, modifiers), { selectedRange: {
+                    from: selectedDays[0],
+                    to: selectedDays[selectedDays.length - 1],
+                }, selectedRangeStart: selectedDays[0], selectedRangeEnd: selectedDays[selectedDays.length - 1] });
+        }
+        return (React.createElement(ApDatePicker_styles_1.Container, null,
+            React.createElement(DayPicker.default, __assign({ month: month, firstDayOfWeek: 1, showOutsideDays: true, pagedNavigation: true, modifiers: modifiers, onDayClick: this.handleDayChange, onDayMouseEnter: this.handleDayEnter, onDayMouseLeave: this.handleDayLeave, onMonthChange: function (m) { return _this.setState({ month: m }); }, captionElement: function (_a) {
+                    var date = _a.date, localeUtils = _a.localeUtils;
+                    return (React.createElement(YearMonthForm_1.YearMonthForm, { date: date, localeUtils: localeUtils, srcRange: srcRange, onChange: _this.handleYearMonthChange }));
+                }, navbarElement: function (props) { return (React.createElement(NavBar_1.Navbar, __assign({}, props, { srcRange: srcRange, date: month }))); } }, this.props))));
+    };
+    return ApDatePicker;
+}(React.Component));
+exports.ApDatePicker = ApDatePicker;
+;
+//# sourceMappingURL=ApDatePicker.js.map