@peculiar/react-components 0.0.2-alpha.88 → 0.1.0-alpha.309

package/dist/cjs/IconButton/icon_button.js

@@ -0,0 +1,83 @@
+"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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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.IconButton = void 0;
+var React = __importStar(require("react"));
+var styles_1 = require("../styles");
+var Button_1 = require("../Button");
+var Tooltip_1 = require("../Tooltip");
+/**
+ *
+ */
+/**
+ * Styles.
+ */
+var stylesBase = function () { return (0, styles_1.css)({
+    '--pv-color-black': 'var(--pv-color-gray-9)',
+}); };
+/**
+ *
+ */
+exports.IconButton = React.forwardRef(function (props, ref) {
+    var _a;
+    var title = props.title, className = props.className, disabled = props.disabled, other = __rest(props, ["title", "className", "disabled"]);
+    var component = (React.createElement(Button_1.Button, __assign({ "aria-label": title, disabled: disabled }, other, { ref: ref, withoutPadding: true, className: (0, styles_1.cx)((_a = {},
+            _a[stylesBase()] = true,
+            _a[className] = !!className,
+            _a)) })));
+    if (!title || disabled) {
+        return component;
+    }
+    return (React.createElement(Tooltip_1.Tooltip, { title: title, color: "black", size: "small" }, component));
+});
+exports.IconButton.displayName = 'IconButton';
+exports.IconButton.defaultProps = {
+    disabled: false,
+    color: 'default',
+    size: 'medium',
+};
+//# sourceMappingURL=icon_button.js.map

package/dist/cjs/IconButton/icon_button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon_button.js","sourceRoot":"","sources":["../../../src/IconButton/icon_button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAE/B,oCAAoC;AACpC,oCAAmD;AACnD,sCAAqC;AAsBrC;;GAEG;AAEH;;GAEG;AACH,IAAM,UAAU,GAAG,cAAM,OAAA,IAAA,YAAG,EAAC;IAC3B,kBAAkB,EAAE,wBAAwB;CAC7C,CAAC,EAFuB,CAEvB,CAAC;AACH;;GAEG;AAEU,QAAA,UAAU,GAAG,KAAK,CAAC,UAAU,CAAuB,UAAC,KAAK,EAAE,GAAG;;IAExE,IAAA,KAAK,GAIH,KAAK,MAJF,EACL,SAAS,GAGP,KAAK,UAHE,EACT,QAAQ,GAEN,KAAK,SAFC,EACL,KAAK,UACN,KAAK,EALH,kCAKL,CADS,CACA;IAEV,IAAM,SAAS,GAAG,CAChB,oBAAC,eAAM,2BACO,KAAK,EACjB,QAAQ,EAAE,QAAQ,IACd,KAAK,IACT,GAAG,EAAE,GAAG,EACR,cAAc,QACd,SAAS,EAAE,IAAA,WAAE;YACX,GAAC,UAAU,EAAE,IAAG,IAAI;YACpB,GAAC,SAAS,IAAG,CAAC,CAAC,SAAS;gBACxB,IACF,CACH,CAAC;IAEF,IAAI,CAAC,KAAK,IAAI,QAAQ,EAAE;QACtB,OAAO,SAAS,CAAC;KAClB;IAED,OAAO,CACL,oBAAC,iBAAO,IACN,KAAK,EAAE,KAAK,EACZ,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,OAAO,IAEX,SAAS,CACF,CACX,CAAC;AACJ,CAAC,CAA4C,CAAC;AAE9C,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,kBAAU,CAAC,YAAY,GAAG;IACxB,QAAQ,EAAE,KAAK;IACf,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,QAAQ;CACf,CAAC"}

package/dist/cjs/IconButton/index.js

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

package/dist/cjs/IconButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/IconButton/index.ts"],"names":[],"mappings":";;;AAAA,6CAIuB;AAHrB,yGAAA,UAAU,OAAA"}

package/dist/cjs/Image/image.js

@@ -0,0 +1,69 @@
+"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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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.Image = void 0;
+var React = __importStar(require("react"));
+var hooks_1 = require("../hooks");
+exports.Image = React.forwardRef(function (props, ref) {
+    var className = props.className, src = props.src, fallback = props.fallback, loading = props.loading, alt = props.alt, other = __rest(props, ["className", "src", "fallback", "loading", "alt"]);
+    var _a = (0, hooks_1.useImage)(src), status = _a.status, image = _a.image;
+    var hasError = status === 'failed';
+    var showImage = image === null || image === void 0 ? void 0 : image.src;
+    if (showImage) {
+        return (React.createElement("img", __assign({}, other, { ref: ref, alt: alt, src: image.src, className: className })));
+    }
+    if (fallback && hasError) {
+        return fallback;
+    }
+    if (loading) {
+        return loading;
+    }
+    return null;
+});
+exports.Image.displayName = 'Image';
+exports.Image.defaultProps = {};
+//# sourceMappingURL=image.js.map

package/dist/cjs/Image/image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.js","sourceRoot":"","sources":["../../../src/Image/image.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,kCAAoC;AAwBvB,QAAA,KAAK,GAAG,KAAK,CAAC,UAAU,CAA+B,UAAC,KAAK,EAAE,GAAG;IAE3E,IAAA,SAAS,GAMP,KAAK,UANE,EACT,GAAG,GAKD,KAAK,IALJ,EACH,QAAQ,GAIN,KAAK,SAJC,EACR,OAAO,GAGL,KAAK,QAHA,EACP,GAAG,GAED,KAAK,IAFJ,EACA,KAAK,UACN,KAAK,EAPH,kDAOL,CADS,CACA;IACJ,IAAA,KAAoB,IAAA,gBAAQ,EAAC,GAAG,CAAC,EAA/B,MAAM,YAAA,EAAE,KAAK,WAAkB,CAAC;IACxC,IAAM,QAAQ,GAAG,MAAM,KAAK,QAAQ,CAAC;IACrC,IAAM,SAAS,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC;IAE7B,IAAI,SAAS,EAAE;QACb,OAAO,CACL,wCACM,KAAK,IACT,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,SAAS,EAAE,SAAS,IACpB,CACH,CAAC;KACH;IAED,IAAI,QAAQ,IAAI,QAAQ,EAAE;QACxB,OAAO,QAAQ,CAAC;KACjB;IAED,IAAI,OAAO,EAAE;QACX,OAAO,OAAO,CAAC;KAChB;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC,CAAC;AAEH,aAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,aAAK,CAAC,YAAY,GAAG,EAAE,CAAC"}

package/dist/cjs/Image/index.js

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

package/dist/cjs/Image/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Image/index.ts"],"names":[],"mappings":";;;AAAA,iCAAgC;AAAvB,8FAAA,KAAK,OAAA"}

package/dist/cjs/LinearProgress/index.js

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

package/dist/cjs/LinearProgress/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/LinearProgress/index.ts"],"names":[],"mappings":";;;AAAA,qDAAmD;AAA1C,iHAAA,cAAc,OAAA"}

package/dist/cjs/LinearProgress/linear_progress.js

@@ -0,0 +1,68 @@
+"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);
+};
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LinearProgress = void 0;
+var react_1 = __importDefault(require("react"));
+var Box_1 = require("../Box");
+var styles_1 = require("../styles");
+var stylesKeyframeProgress = (0, styles_1.keyframes)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  0% {\n    left: -30%;\n  }\n  100% {\n    left: 100%;\n  }\n"], ["\n  0% {\n    left: -30%;\n  }\n  100% {\n    left: 100%;\n  }\n"])));
+var stylesBase = function () { return (0, styles_1.css)({
+    label: 'LinearProgress',
+    height: '4px',
+    overflow: 'hidden',
+    position: 'relative',
+}); };
+var stylesProgress = function () { return (0, styles_1.css)({
+    label: 'progress',
+    top: 0,
+    left: 0,
+    bottom: 0,
+    width: '30%',
+    position: 'absolute',
+    transformOrigin: 'left',
+    animation: "".concat(stylesKeyframeProgress, " 2s cubic-bezier(0.53, 0.21, 0.29, 0.67) 0s infinite"),
+}); };
+exports.LinearProgress = react_1.default.forwardRef(function (props, ref) {
+    var _a;
+    var color = props.color, className = props.className, other = __rest(props, ["color", "className"]);
+    return (react_1.default.createElement(Box_1.Box, __assign({}, other, { ref: ref, className: (0, styles_1.cx)((_a = {},
+            _a[stylesBase()] = true,
+            _a[className] = !!className,
+            _a)), background: color === 'primary' ? 'primary-tint-4' : 'secondary-tint-4' }),
+        react_1.default.createElement(Box_1.Box, { background: color, className: (0, styles_1.cx)(stylesProgress()) })));
+});
+exports.LinearProgress.displayName = 'LinearProgress';
+exports.LinearProgress.defaultProps = {
+    color: 'primary',
+    variant: 'indeterminate',
+};
+var templateObject_1;
+//# sourceMappingURL=linear_progress.js.map

package/dist/cjs/LinearProgress/linear_progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"linear_progress.js","sourceRoot":"","sources":["../../../src/LinearProgress/linear_progress.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,8BAA6B;AAC7B,oCAA+C;AAmB/C,IAAM,sBAAsB,OAAG,kBAAS,sIAAA,kEAOvC,IAAA,CAAC;AAEF,IAAM,UAAU,GAAG,cAAM,OAAA,IAAA,YAAG,EAAC;IAC3B,KAAK,EAAE,gBAAgB;IACvB,MAAM,EAAE,KAAK;IACb,QAAQ,EAAE,QAAQ;IAClB,QAAQ,EAAE,UAAU;CACrB,CAAC,EALuB,CAKvB,CAAC;AAEH,IAAM,cAAc,GAAG,cAAM,OAAA,IAAA,YAAG,EAAC;IAC/B,KAAK,EAAE,UAAU;IACjB,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;IACP,MAAM,EAAE,CAAC;IACT,KAAK,EAAE,KAAK;IACZ,QAAQ,EAAE,UAAU;IACpB,eAAe,EAAE,MAAM;IACvB,SAAS,EAAE,UAAG,sBAAsB,yDAAsD;CAC3F,CAAC,EAT2B,CAS3B,CAAC;AAEU,QAAA,cAAc,GAAG,eAAK,CAAC,UAAU,CAC5C,UAAC,KAAK,EAAE,GAAG;;IAEP,IAAA,KAAK,GAGH,KAAK,MAHF,EACL,SAAS,GAEP,KAAK,UAFE,EACN,KAAK,UACN,KAAK,EAJH,sBAIL,CADS,CACA;IAEV,OAAO,CACL,8BAAC,SAAG,eACE,KAAK,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,WAAE;YACX,GAAC,UAAU,EAAE,IAAG,IAAI;YACpB,GAAC,SAAS,IAAG,CAAC,CAAC,SAAS;gBACxB,EACF,UAAU,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,kBAAkB;QAEvE,8BAAC,SAAG,IACF,UAAU,EAAE,KAAK,EACjB,SAAS,EAAE,IAAA,WAAE,EAAC,cAAc,EAAE,CAAC,GAC/B,CACE,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,sBAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAE9C,sBAAc,CAAC,YAAY,GAAG;IAC5B,KAAK,EAAE,SAAS;IAChB,OAAO,EAAE,eAAe;CACzB,CAAC"}

package/dist/cjs/Menu/index.js

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

package/dist/cjs/Menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Menu/index.ts"],"names":[],"mappings":";;;AAAA,+BAAyC;AAAhC,4FAAA,IAAI,OAAA"}

package/dist/cjs/Menu/menu.js

@@ -0,0 +1,141 @@
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Menu = void 0;
+var react_1 = __importDefault(require("react"));
+var Popover_1 = require("../Popover");
+var Typography_1 = require("../Typography");
+var styles_1 = require("../styles");
+var stylesMenuList = function () { return (0, styles_1.css)({
+    label: 'Menu-list',
+    padding: 'var(--pv-size-base-2) 0px',
+    outline: 'none',
+}); };
+var stylesMenuItem = function () { return (0, styles_1.css)({
+    label: 'Menu-item',
+    padding: '0px var(--pv-size-base-2)',
+    fontFamily: 'inherit',
+    outline: 'none',
+    width: '100%',
+    height: 'var(--pv-size-base-7)',
+    display: 'flex',
+    textAlign: 'left',
+    alignItems: 'center',
+    justifyContent: 'flex-start',
+    textDecoration: 'none',
+    userSelect: 'none',
+    cursor: 'pointer',
+    transition: 'background-color 200ms',
+    backgroundColor: 'transparent',
+    border: 'none',
+    color: 'var(--pv-color-black)',
+    '&:not(:disabled)': {
+        '&:hover': {
+            backgroundColor: 'var(--pv-color-gray-3)',
+        },
+        '&:focus': {
+            backgroundColor: 'var(--pv-color-gray-4)',
+        },
+        '&:active': {
+            backgroundColor: 'var(--pv-color-gray-5)',
+        },
+    },
+    '&:disabled': {
+        color: 'var(--pv-color-gray-7)',
+        cursor: 'not-allowed',
+    },
+}); };
+var stylesPopper = function () { return (0, styles_1.css)({
+    label: 'Menu-popover',
+    '&[data-popper-placement^="bottom"]': {
+        margin: 'var(--pv-size-base-3) 0px',
+    },
+    '&[data-popper-placement^="top"]': {
+        margin: 'var(--pv-size-base-3) 0px',
+    },
+    '&[data-popper-placement^="right"]': {
+        margin: '0px var(--pv-size-base-3)',
+    },
+    '&[data-popper-placement^="left"]': {
+        margin: '0px var(--pv-size-base-3)',
+    },
+}); };
+exports.Menu = react_1.default.forwardRef(function (props, ref) {
+    var _a, _b;
+    var children = props.children, options = props.options, onClose = props.onClose, _c = props.popoverProps, popoverProps = _c === void 0 ? {} : _c;
+    var className = popoverProps.className, _d = popoverProps.modalProps, modalProps = _d === void 0 ? {} : _d;
+    var _e = react_1.default.useState(false), open = _e[0], setOpen = _e[1];
+    var childRef = react_1.default.useRef(null);
+    var handleChildClick = function () {
+        setOpen(true);
+    };
+    var handlePopoverClose = function () {
+        setOpen(false);
+        if (onClose) {
+            onClose();
+        }
+    };
+    var handleMenuItemClick = function (option) { return function (event) {
+        setOpen(false);
+        if (option.onClick) {
+            option.onClick(event);
+        }
+        if (onClose) {
+            onClose();
+        }
+    }; };
+    var childrenProps = {
+        ref: childRef,
+        onClick: handleChildClick,
+        'aria-haspopup': 'menu',
+        'aria-expanded': String(open),
+    };
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.cloneElement(children, childrenProps),
+        react_1.default.createElement(Popover_1.Popover, __assign({}, popoverProps, { modalProps: __assign(__assign({}, modalProps), { disableAutoFocus: true }), ref: ref, open: open, anchorEl: childRef.current, onClose: handlePopoverClose, className: (0, styles_1.cx)((_a = {},
+                _a[stylesPopper()] = true,
+                _a[className] = !!className,
+                _a)) }),
+            react_1.default.createElement("div", { role: "menu", tabIndex: -1, className: (0, styles_1.cx)((_b = {},
+                    _b[stylesMenuList()] = true,
+                    _b)) }, options.map(function (option, index) {
+                var _a;
+                var component = option.component, disabled = option.disabled, label = option.label, classNameProp = option.className, textVariantProp = option.textVariant, other = __rest(option, ["component", "disabled", "label", "className", "textVariant"]);
+                var Component = component || 'button';
+                var textVariant = textVariantProp || 'b3';
+                return (react_1.default.createElement(Component, __assign({}, other, { 
+                    // eslint-disable-next-line react/no-array-index-key
+                    key: index, type: "button", role: "menuitem", className: (0, styles_1.cx)((_a = {},
+                        _a[stylesMenuItem()] = true,
+                        _a[classNameProp] = !!classNameProp,
+                        _a)), onClick: handleMenuItemClick(option), disabled: disabled }),
+                    react_1.default.createElement(Typography_1.Typography, { variant: textVariant, color: "inherit", component: "span" }, label)));
+            })))));
+});
+exports.Menu.displayName = 'Menu';
+exports.Menu.defaultProps = {};
+//# sourceMappingURL=menu.js.map

package/dist/cjs/Menu/menu.js.map

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

package/dist/cjs/Modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Modal/index.ts"],"names":[],"mappings":";;;AAAA,iCAAgC;AAAvB,8FAAA,KAAK,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Modal/index.ts"],"names":[],"mappings":";;;AAAA,iCAA4C;AAAnC,8FAAA,KAAK,OAAA"}

package/dist/cjs/Modal/modal.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -43,35 +47,65 @@ var __rest = (this && this.__rest) || function (s, e) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Modal = void 0;
 var React = __importStar(require("react"));
+var FocusTrap_1 = require("../FocusTrap");
 var Backdrop_1 = require("../Backdrop");
 var Portal_1 = require("../Portal");
 var styles_1 = require("../styles");
-var stylesBase = function () { return styles_1.css({
+var stylesBase = function () { return (0, styles_1.css)({
     label: 'Modal',
     position: 'fixed',
-    zIndex: 1000,
-    right: 0,
-    bottom: 0,
+    zIndex: 1300,
     top: 0,
+    bottom: 0,
+    right: 0,
     left: 0,
 }); };
-var stylesHidden = function () { return styles_1.css({
+var stylesHidden = function () { return (0, styles_1.css)({
     label: 'hidden',
     visibility: 'hidden',
 }); };
 exports.Modal = React.forwardRef(function (props, ref) {
     var _a;
-    var children = props.children, className = props.className, open = props.open, onBackdropClick = props.onBackdropClick, transitionDuration = props.transitionDuration, dataTestId = props.dataTestId, other = __rest(props, ["children", "className", "open", "onBackdropClick", "transitionDuration", "dataTestId"]);
+    var children = props.children, className = props.className, open = props.open, transitionDuration = props.transitionDuration, disableBackdropClick = props.disableBackdropClick, disableEscapeKeyDown = props.disableEscapeKeyDown, keepMounted = props.keepMounted, backdropProps = props.backdropProps, disableEnforceFocus = props.disableEnforceFocus, disableAutoFocus = props.disableAutoFocus, onClose = props.onClose, other = __rest(props, ["children", "className", "open", "transitionDuration", "disableBackdropClick", "disableEscapeKeyDown", "keepMounted", "backdropProps", "disableEnforceFocus", "disableAutoFocus", "onClose"]);
     var _b = React.useState(true), exited = _b[0], setExited = _b[1];
+    if (!keepMounted && !open) {
+        return null;
+    }
+    var handleBackdropClick = function (event) {
+        if (disableBackdropClick) {
+            return;
+        }
+        if (onClose) {
+            onClose(event);
+        }
+    };
+    var handleKeyDown = function (event) {
+        if (disableEscapeKeyDown) {
+            return;
+        }
+        if (event.key !== 'Escape') {
+            return;
+        }
+        event.stopPropagation();
+        if (onClose) {
+            onClose(event);
+        }
+    };
     return (React.createElement(Portal_1.Portal, null,
-        React.createElement("div", __assign({}, other, { ref: ref, className: styles_1.cx((_a = {},
+        React.createElement("div", __assign({}, other, { ref: ref, className: (0, styles_1.cx)((_a = {},
                 _a[stylesBase()] = true,
                 _a[stylesHidden()] = !open && exited,
                 _a[className] = !!className,
-                _a)), role: "presentation", "aria-hidden": !open, "data-testid": dataTestId }),
-            React.createElement(Backdrop_1.Backdrop, { open: open, onClick: onBackdropClick, onEnter: function () { return setExited(false); }, onExited: function () { return setExited(true); }, transitionDuration: transitionDuration }),
-            children)));
+                _a)), role: "presentation", "aria-hidden": !open, onKeyDown: handleKeyDown }),
+            React.createElement(Backdrop_1.Backdrop, __assign({}, backdropProps, { open: open, onClick: handleBackdropClick, onEnter: function () { return setExited(false); }, onExited: function () { return setExited(true); }, transitionDuration: transitionDuration })),
+            React.createElement(FocusTrap_1.FocusTrap, { open: disableEnforceFocus ? false : open, disableAutoFocus: disableAutoFocus }, children))));
 });
 exports.Modal.displayName = 'Modal';
-exports.Modal.defaultProps = {};
+exports.Modal.defaultProps = {
+    transitionDuration: 225,
+    disableBackdropClick: false,
+    disableEscapeKeyDown: false,
+    keepMounted: false,
+    disableEnforceFocus: false,
+};
 //# sourceMappingURL=modal.js.map

package/dist/cjs/Modal/modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../src/Modal/modal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,wCAAuC;AACvC,oCAAmC;AACnC,oCAAoC;AAyBpC,IAAM,UAAU,GAAG,cAAM,OAAA,YAAG,CAAC;IAC3B,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,OAAO;IACjB,MAAM,EAAE,IAAI;IACZ,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;CACR,CAAC,EARuB,CAQvB,CAAC;AAEH,IAAM,YAAY,GAAG,cAAM,OAAA,YAAG,CAAC;IAC7B,KAAK,EAAE,QAAQ;IACf,UAAU,EAAE,QAAQ;CACrB,CAAC,EAHyB,CAGzB,CAAC;AAEU,QAAA,KAAK,GAAG,KAAK,CAAC,UAAU,CAA6B,UAAC,KAAK,EAAE,GAAG;;IAEzE,IAAA,QAAQ,GAON,KAAK,SAPC,EACR,SAAS,GAMP,KAAK,UANE,EACT,IAAI,GAKF,KAAK,KALH,EACJ,eAAe,GAIb,KAAK,gBAJQ,EACf,kBAAkB,GAGhB,KAAK,mBAHW,EAClB,UAAU,GAER,KAAK,WAFG,EACP,KAAK,UACN,KAAK,EARH,wFAQL,CADS,CACA;IACJ,IAAA,KAAsB,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAzC,MAAM,QAAA,EAAE,SAAS,QAAwB,CAAC;IAEjD,OAAO,CACL,oBAAC,eAAM;QACL,wCACM,KAAK,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,WAAE;gBACX,GAAC,UAAU,EAAE,IAAG,IAAI;gBACpB,GAAC,YAAY,EAAE,IAAG,CAAC,IAAI,IAAI,MAAM;gBACjC,GAAC,SAAS,IAAG,CAAC,CAAC,SAAS;oBACxB,EACF,IAAI,EAAC,cAAc,iBACN,CAAC,IAAI,iBACL,UAAU;YAEvB,oBAAC,mBAAQ,IACP,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,eAAe,EACxB,OAAO,EAAE,cAAM,OAAA,SAAS,CAAC,KAAK,CAAC,EAAhB,CAAgB,EAC/B,QAAQ,EAAE,cAAM,OAAA,SAAS,CAAC,IAAI,CAAC,EAAf,CAAe,EAC/B,kBAAkB,EAAE,kBAAkB,GACtC;YACD,QAAQ,CACL,CACC,CACV,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,aAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,aAAK,CAAC,YAAY,GAAG,EAAE,CAAC"}
+{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../src/Modal/modal.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/OverridableComponent.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=OverridableComponent.js.map

package/dist/cjs/OverridableComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverridableComponent.js","sourceRoot":"","sources":["../../src/OverridableComponent.ts"],"names":[],"mappings":""}

package/dist/cjs/Popover/index.js

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

package/dist/cjs/Popover/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Popover/index.ts"],"names":[],"mappings":";;;AAAA,qCAAkD;AAAzC,kGAAA,OAAO,OAAA"}

package/dist/cjs/Popover/popover.js

@@ -0,0 +1,83 @@
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Popover = void 0;
+var react_1 = __importDefault(require("react"));
+var react_popper_1 = require("react-popper");
+var Modal_1 = require("../Modal");
+var Box_1 = require("../Box");
+var Fade_1 = require("../Fade");
+var styles_1 = require("../styles");
+var stylesBase = function () { return (0, styles_1.css)({
+    label: 'Popover',
+    outline: 0,
+    maxWidth: 'calc(100% - 32px)',
+    minWidth: '16px',
+    maxHeight: 'calc(100% - 32px)',
+    minHeight: '16px',
+    boxShadow: 'var(--pv-shadow-light-low)',
+}); };
+exports.Popover = react_1.default.forwardRef(function (props, ref) {
+    var _a;
+    var open = props.open, children = props.children, anchorEl = props.anchorEl, placement = props.placement, onClose = props.onClose, className = props.className, modalProps = props.modalProps, allowUseSameWidth = props.allowUseSameWidth, other = __rest(props, ["open", "children", "anchorEl", "placement", "onClose", "className", "modalProps", "allowUseSameWidth"]);
+    var _b = react_1.default.useState(null), popperElement = _b[0], setPopperElement = _b[1];
+    var sameWidthModifier = react_1.default.useMemo(function () { return ({
+        name: 'sameWidth',
+        enabled: allowUseSameWidth,
+        phase: 'beforeWrite',
+        requires: ['computeStyles'],
+        fn: function (_a) {
+            var state = _a.state;
+            // eslint-disable-next-line no-param-reassign
+            state.styles.popper.width = "".concat(state.rects.reference.width, "px");
+        },
+        effect: function (_a) {
+            var state = _a.state;
+            // @ts-ignore
+            // eslint-disable-next-line no-param-reassign
+            state.elements.popper.style.width = "".concat(state.elements.reference.offsetWidth, "px");
+        },
+    }); }, []);
+    var _c = (0, react_popper_1.usePopper)(anchorEl, popperElement, {
+        placement: placement,
+        modifiers: [sameWidthModifier],
+    }), styles = _c.styles, attributes = _c.attributes;
+    return (react_1.default.createElement(Modal_1.Modal, __assign({}, modalProps, { ref: ref, open: open, onClose: onClose, backdropProps: {
+            invisible: true,
+        } }),
+        react_1.default.createElement(Fade_1.Fade, { in: open, ref: setPopperElement },
+            react_1.default.createElement(Box_1.Box, __assign({}, other, { borderRadius: 4, background: "white", tabIndex: -1, style: styles.popper }, attributes.popper, { className: (0, styles_1.cx)((_a = {},
+                    _a[stylesBase()] = true,
+                    _a[className] = !!className,
+                    _a)) }), children))));
+});
+exports.Popover.displayName = 'Popover';
+exports.Popover.defaultProps = {
+    placement: 'bottom-end',
+    allowUseSameWidth: false,
+};
+//# sourceMappingURL=popover.js.map