@peculiar/react-components 0.0.2-alpha.26 → 0.0.2-alpha.260

package/dist/cjs/CircularProgress/circular_progress.js

@@ -0,0 +1,92 @@
+"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.CircularProgress = void 0;
+var react_1 = __importDefault(require("react"));
+var styles_1 = require("../styles");
+/**
+ * Styles.
+ */
+var SIZE = 44;
+var THICKNESS = 4;
+var circularRotateKeyframe = styles_1.keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n"], ["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n"])));
+var circularDashKeyframe = styles_1.keyframes(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  0% {\n    stroke-dasharray: 1px, 200px;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 100px, 200px;\n    stroke-dashoffset: -15px;\n  }\n  100% {\n    stroke-dasharray: 100px, 200px;\n    stroke-dashoffset: -125px;\n  }\n"], ["\n  0% {\n    stroke-dasharray: 1px, 200px;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 100px, 200px;\n    stroke-dashoffset: -15px;\n  }\n  100% {\n    stroke-dasharray: 100px, 200px;\n    stroke-dashoffset: -125px;\n  }\n"])));
+var stylesBase = function (color) { return styles_1.css({
+    label: 'CircularProgress',
+    overflow: 'hidden',
+    position: 'relative',
+    display: 'inline-block',
+    color: "var(--pv-color-" + color + ")",
+    animation: circularRotateKeyframe + " 1.4s linear infinite",
+}); };
+var stylesBaseSmall = function () { return styles_1.css({
+    label: 'small',
+    height: 'var(--pv-size-base-3)',
+    width: 'var(--pv-size-base-3)',
+}); };
+var stylesBaseLarge = function () { return styles_1.css({
+    label: 'large',
+    height: 'var(--pv-size-base-6)',
+    width: 'var(--pv-size-base-6)',
+}); };
+var stylesProgressSvg = function () { return styles_1.css({
+    label: 'CircularProgress-svg',
+    display: 'block',
+}); };
+var stylesProgressCircle = function () { return styles_1.css({
+    label: 'CircularProgress-circle',
+    stroke: 'currentcolor',
+    strokeDasharray: '80px, 200px',
+    strokeDashoffset: 0,
+    animation: circularDashKeyframe + " 1.4s ease-in-out infinite",
+}); };
+/**
+ *
+ */
+exports.CircularProgress = react_1.default.forwardRef(function (props, ref) {
+    var _a;
+    var color = props.color, className = props.className, size = props.size, other = __rest(props, ["color", "className", "size"]);
+    return (react_1.default.createElement("div", __assign({}, other, { ref: ref, className: styles_1.cx((_a = {},
+            _a[stylesBase(color)] = true,
+            _a[stylesBaseSmall()] = size === 'small',
+            _a[stylesBaseLarge()] = size === 'large',
+            _a[className] = !!className,
+            _a)), role: "progressbar" }),
+        react_1.default.createElement("svg", { viewBox: SIZE / 2 + " " + SIZE / 2 + " " + SIZE + " " + SIZE, className: stylesProgressSvg() },
+            react_1.default.createElement("circle", { cx: SIZE, cy: SIZE, r: (SIZE - THICKNESS) / 2, fill: "none", strokeWidth: THICKNESS, className: stylesProgressCircle() }))));
+});
+exports.CircularProgress.displayName = 'CircularProgress';
+exports.CircularProgress.defaultProps = {
+    color: 'primary',
+    size: 'large',
+};
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=circular_progress.js.map

package/dist/cjs/CircularProgress/circular_progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"circular_progress.js","sourceRoot":"","sources":["../../../src/CircularProgress/circular_progress.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,oCAA+C;AAuB/C;;GAEG;AACH,IAAM,IAAI,GAAG,EAAE,CAAC;AAChB,IAAM,SAAS,GAAG,CAAC,CAAC;AAEpB,IAAM,sBAAsB,GAAG,kBAAS,iKAAA,8FAOvC,IAAA,CAAC;AAEF,IAAM,oBAAoB,GAAG,kBAAS,wTAAA,qPAarC,IAAA,CAAC;AAEF,IAAM,UAAU,GAAG,UAAC,KAAyB,IAAK,OAAA,YAAG,CAAC;IACpD,KAAK,EAAE,kBAAkB;IACzB,QAAQ,EAAE,QAAQ;IAClB,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,cAAc;IACvB,KAAK,EAAE,oBAAkB,KAAK,MAAG;IACjC,SAAS,EAAK,sBAAsB,0BAAuB;CAC5D,CAAC,EAPgD,CAOhD,CAAC;AAEH,IAAM,eAAe,GAAG,cAAM,OAAA,YAAG,CAAC;IAChC,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,uBAAuB;IAC/B,KAAK,EAAE,uBAAuB;CAC/B,CAAC,EAJ4B,CAI5B,CAAC;AAEH,IAAM,eAAe,GAAG,cAAM,OAAA,YAAG,CAAC;IAChC,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,uBAAuB;IAC/B,KAAK,EAAE,uBAAuB;CAC/B,CAAC,EAJ4B,CAI5B,CAAC;AAEH,IAAM,iBAAiB,GAAG,cAAM,OAAA,YAAG,CAAC;IAClC,KAAK,EAAE,sBAAsB;IAC7B,OAAO,EAAE,OAAO;CACjB,CAAC,EAH8B,CAG9B,CAAC;AAEH,IAAM,oBAAoB,GAAG,cAAM,OAAA,YAAG,CAAC;IACrC,KAAK,EAAE,yBAAyB;IAChC,MAAM,EAAE,cAAc;IACtB,eAAe,EAAE,aAAa;IAC9B,gBAAgB,EAAE,CAAC;IACnB,SAAS,EAAK,oBAAoB,+BAA4B;CAC/D,CAAC,EANiC,CAMjC,CAAC;AACH;;GAEG;AAEU,QAAA,gBAAgB,GAAG,eAAK,CAAC,UAAU,CAC9C,UAAC,KAAK,EAAE,GAAG;;IAEP,IAAA,KAAK,GAIH,KAAK,MAJF,EACL,SAAS,GAGP,KAAK,UAHE,EACT,IAAI,GAEF,KAAK,KAFH,EACD,KAAK,UACN,KAAK,EALH,8BAKL,CADS,CACA;IAEV,OAAO,CACL,kDACM,KAAK,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,WAAE;YACX,GAAC,UAAU,CAAC,KAAK,CAAC,IAAG,IAAI;YACzB,GAAC,eAAe,EAAE,IAAG,IAAI,KAAK,OAAO;YACrC,GAAC,eAAe,EAAE,IAAG,IAAI,KAAK,OAAO;YACrC,GAAC,SAAS,IAAG,CAAC,CAAC,SAAS;gBACxB,EACF,IAAI,EAAC,aAAa;QAElB,uCACE,OAAO,EAAK,IAAI,GAAG,CAAC,SAAI,IAAI,GAAG,CAAC,SAAI,IAAI,SAAI,IAAM,EAClD,SAAS,EAAE,iBAAiB,EAAE;YAE9B,0CACE,EAAE,EAAE,IAAI,EACR,EAAE,EAAE,IAAI,EACR,CAAC,EAAE,CAAC,IAAI,GAAG,SAAS,CAAC,GAAG,CAAC,EACzB,IAAI,EAAC,MAAM,EACX,WAAW,EAAE,SAAS,EACtB,SAAS,EAAE,oBAAoB,EAAE,GACjC,CACE,CACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,wBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAElD,wBAAgB,CAAC,YAAY,GAAG;IAC9B,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,OAAO;CACd,CAAC"}

package/dist/cjs/CircularProgress/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/CircularProgress/index.ts"],"names":[],"mappings":";;;AAAA,yDAA8E;AAArE,qHAAA,gBAAgB,OAAA"}

package/dist/cjs/Collapse/collapse.js

@@ -0,0 +1,127 @@
+"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;
+    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 __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.Collapse = void 0;
+var React = __importStar(require("react"));
+var react_transition_group_1 = require("react-transition-group");
+var styles_1 = require("../styles");
+var stylesBase = function (timeout) { return styles_1.css({
+    label: 'Collapse',
+    transition: "height " + timeout + "ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
+    overflowY: 'hidden',
+    height: 0,
+}); };
+var stylesEntered = function () { return styles_1.css({
+    label: 'entered',
+    height: 'auto',
+    overflowY: 'visible',
+}); };
+var stylesHidden = function () { return styles_1.css({
+    label: 'hidden',
+    visibility: 'hidden',
+}); };
+var Collapse = function (props) {
+    var timeout = props.timeout, inProp = props.in, children = props.children, onEnter = props.onEnter, onEntered = props.onEntered, onEntering = props.onEntering, onExit = props.onExit, onExited = props.onExited, onExiting = props.onExiting, className = props.className, other = __rest(props, ["timeout", "in", "children", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "className"]);
+    var wrapperRef = React.useRef(null);
+    var nodeRef = React.useRef(null);
+    var getWrapperSize = function () { return (wrapperRef.current ? wrapperRef.current.clientHeight : 0); };
+    var handleEnter = function (isAppearing) {
+        if (nodeRef.current) {
+            nodeRef.current.style.height = '0px';
+        }
+        if (onEnter) {
+            onEnter(isAppearing);
+        }
+    };
+    var handleEntering = function (isAppearing) {
+        if (nodeRef.current) {
+            nodeRef.current.style.height = getWrapperSize() + "px";
+        }
+        if (onEntering) {
+            onEntering(isAppearing);
+        }
+    };
+    var handleEntered = function (isAppearing) {
+        if (nodeRef.current) {
+            nodeRef.current.style.height = 'auto';
+        }
+        if (onEntered) {
+            onEntered(isAppearing);
+        }
+    };
+    var handleExit = function () {
+        if (nodeRef.current) {
+            nodeRef.current.style.height = getWrapperSize() + "px";
+            // reading a dimension prop will cause the browser to recalculate,
+            // which will let our animations work
+            nodeRef.current.offsetHeight; // eslint-disable-line @typescript-eslint/no-unused-expressions
+        }
+        if (onExit) {
+            onExit();
+        }
+    };
+    var handleExiting = function () {
+        if (nodeRef.current) {
+            nodeRef.current.style.height = '0px';
+        }
+        if (onExiting) {
+            onExiting();
+        }
+    };
+    return (React.createElement(react_transition_group_1.Transition, { in: inProp, timeout: timeout, onEnter: handleEnter, onEntering: handleEntering, onEntered: handleEntered, onExit: handleExit, onExiting: handleExiting, onExited: onExited }, function (state) {
+        var _a;
+        return (React.createElement("div", __assign({}, other, { className: styles_1.cx((_a = {},
+                _a[stylesBase(timeout)] = true,
+                _a[stylesEntered()] = state === 'entered',
+                _a[stylesHidden()] = state === 'exited' && !inProp,
+                _a[className] = !!className,
+                _a)), ref: nodeRef }),
+            React.createElement("div", { ref: wrapperRef }, children)));
+    }));
+};
+exports.Collapse = Collapse;
+exports.Collapse.displayName = 'Collapse';
+exports.Collapse.defaultProps = {
+    timeout: 225,
+};
+//# sourceMappingURL=collapse.js.map

package/dist/cjs/Collapse/collapse.js.map

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

package/dist/cjs/Collapse/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Collapse/index.ts"],"names":[],"mappings":";;;AAAA,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA"}

package/dist/cjs/ComboBox/combo_box.js

@@ -0,0 +1,262 @@
+"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;
+    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 __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;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from) {
+    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
+        to[j] = from[i];
+    return to;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ComboBox = void 0;
+var React = __importStar(require("react"));
+var Popover_1 = require("../Popover");
+var Typography_1 = require("../Typography");
+var Chip_1 = require("../Chip");
+var icons_1 = require("../icons");
+var hooks_1 = require("../hooks");
+var styles_1 = require("../styles");
+var stylesInputBase = function () { return styles_1.css({
+    label: 'ComboBox-input',
+    fontFamily: 'inherit',
+    outline: 'none',
+    boxSizing: 'border-box',
+    width: '100%',
+    borderRadius: '4px',
+    color: 'var(--pv-color-black)',
+    backgroundColor: 'var(--pv-color-gray-1)',
+    borderStyle: 'solid',
+    borderWidth: '1px',
+    borderColor: 'var(--pv-color-gray-8)',
+    transition: 'background-color 200ms, color 200ms, border-color 200ms',
+    display: 'block',
+    appearance: 'none',
+    height: 'auto',
+    overflow: 'hidden',
+    whiteSpace: 'nowrap',
+    textOverflow: 'ellipsis',
+    cursor: 'pointer',
+    userSelect: 'none',
+    position: 'relative',
+    minHeight: 'var(--pv-size-base-8)',
+    padding: 'var(--pv-size-base-half) calc(var(--pv-size-base-2) + 24px) var(--pv-size-base-half) var(--pv-size-base-half)',
+    '&::placeholder': {
+        color: 'var(--pv-color-gray-9)',
+    },
+    '&:hover': {
+        backgroundColor: 'var(--pv-color-gray-3)',
+        borderColor: 'var(--pv-color-gray-7)',
+    },
+    '&:disabled': {
+        cursor: 'not-allowed',
+        backgroundColor: 'var(--pv-color-gray-1)',
+        borderColor: 'var(--pv-color-gray-5)',
+        color: 'var(--pv-color-gray-7)',
+    },
+    '&:not(:disabled)': {
+        '&[aria-invalid]': {
+            backgroundColor: 'var(--pv-color-wrong-tint-5)',
+            borderColor: 'var(--pv-color-wrong-tint-3)',
+        },
+        '&:focus': {
+            backgroundColor: 'var(--pv-color-secondary-tint-5)',
+            borderColor: 'var(--pv-color-secondary-tint-3)',
+        },
+    },
+}, {
+    fontWeight: 'var(--pv-text-c1-weight)',
+    fontSize: 'var(--pv-text-c1-size)',
+    lineHeight: 'var(--pv-text-c1-height)',
+    letterSpacing: 'var(--pv-text-c1-spacing)',
+}); };
+var stylesChipsContainer = function () { return styles_1.css({
+    label: 'ComboBox-chips-container',
+    display: 'flex',
+    flexWrap: 'wrap',
+}); };
+var stylesChip = function () { return styles_1.css({
+    label: 'ComboBox-chip',
+    margin: '2px',
+}); };
+var stylesMenuList = function () { return styles_1.css({
+    label: 'ComboBox-menu-list',
+    padding: 'var(--pv-size-base-2) 0px',
+    outline: 'none',
+    minWidth: '220px',
+}); };
+var stylesMenuItem = function () { return styles_1.css({
+    label: 'ComboBox-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 stylesLabel = function () { return styles_1.css({
+    label: 'ComboBox-label',
+    marginBottom: '2px',
+    display: 'inline-block',
+}); };
+var stylesCheckbox = function () { return styles_1.css({
+    label: 'ComboBox-checkbox',
+    width: 'var(--pv-size-base-4)',
+    height: 'var(--pv-size-base-4)',
+    margin: '0px var(--pv-size-base-2) 0 var(--pv-size-base)',
+}); };
+var stylesInputArrowIcon = function () { return styles_1.css({
+    label: 'ComboBox-arrow-icon',
+    position: 'absolute',
+    right: '0px',
+    top: 'calc(50% - 12px)',
+    pointerEvents: 'none',
+    margin: '0px var(--pv-size-base)',
+    color: 'var(--pv-color-gray-10)',
+}); };
+exports.ComboBox = React.forwardRef(function (props, ref) {
+    var options = props.options, name = props.name, defaultValue = props.defaultValue, className = props.className, labelProp = props.label, onChange = props.onChange, other = __rest(props, ["options", "name", "defaultValue", "className", "label", "onChange"]);
+    var _a = React.useState(false), open = _a[0], setOpen = _a[1];
+    var _b = React.useState(defaultValue || []), selected = _b[0], setSelected = _b[1];
+    var rootRef = React.useRef(null);
+    var multiRef = hooks_1.useMergedRef(ref, rootRef);
+    var handleRootClick = function () {
+        setOpen(true);
+    };
+    var handleRootKeyDown = function (event) {
+        if (event.key === 'Enter') {
+            setOpen(true);
+        }
+    };
+    var handlePopoverClose = function () {
+        setOpen(false);
+    };
+    var handleMenuItemClick = function (option) { return function () {
+        var newSelected = [];
+        if (selected.includes(option.value)) {
+            newSelected = selected.filter(function (value) { return value !== option.value; });
+        }
+        else {
+            newSelected = __spreadArray(__spreadArray([], selected), [
+                option.value,
+            ]);
+        }
+        setSelected(newSelected);
+        if (onChange) {
+            var event_1 = new Event('change');
+            Object.defineProperty(event_1, 'target', {
+                writable: true,
+                value: {
+                    name: name,
+                    value: newSelected,
+                },
+            });
+            onChange(event_1);
+        }
+    }; };
+    var renderOption = function (option) {
+        var value = option.value, label = option.label, disabled = option.disabled;
+        var isSelected = selected.includes(value);
+        return (React.createElement("button", { key: value, type: "button", 
+            // eslint-disable-next-line jsx-a11y/role-has-required-aria-props
+            role: "option", onClick: handleMenuItemClick(option), disabled: disabled, "data-value": value, "aria-selected": isSelected, className: styles_1.cx(stylesMenuItem()) },
+            React.createElement("input", { type: "checkbox", checked: isSelected, tabIndex: -1, readOnly: true, className: styles_1.cx(stylesCheckbox()) }),
+            React.createElement(Typography_1.Typography, { variant: "b3" }, label)));
+    };
+    var renderHiddenInputs = function () { return (React.createElement("div", null,
+        React.createElement("input", { type: "hidden", value: selected.join(','), name: name }))); };
+    var renderSelectedValue = function (option) {
+        var value = option.value, label = option.label;
+        return (React.createElement(Chip_1.Chip, { key: value, className: styles_1.cx(stylesChip()), onDelete: handleMenuItemClick(option) }, label));
+    };
+    var renderSelectedValues = function () {
+        if (!selected.length) {
+            return null;
+        }
+        return (React.createElement("div", { className: styles_1.cx(stylesChipsContainer()) }, options.map(function (option) {
+            if (selected.includes(option.value)) {
+                return renderSelectedValue(option);
+            }
+            return null;
+        })));
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", __assign({}, other, { ref: multiRef, className: className }),
+            labelProp && (
+            // eslint-disable-next-line jsx-a11y/label-has-associated-control
+            React.createElement("label", { className: styles_1.cx(stylesLabel()) },
+                React.createElement(Typography_1.Typography, { component: "span", variant: "c2", color: "gray-10" }, labelProp))),
+            React.createElement("div", { tabIndex: 0, role: "button", "aria-haspopup": "listbox", onClick: handleRootClick, onKeyDown: handleRootKeyDown, className: styles_1.cx(stylesInputBase()) },
+                renderSelectedValues(),
+                React.createElement(icons_1.ArrowDropDownIcon, { className: styles_1.cx(stylesInputArrowIcon()), "aria-hidden": true })),
+            renderHiddenInputs()),
+        React.createElement(Popover_1.Popover, { modalProps: {
+                disableAutoFocus: true,
+            }, ref: ref, open: open, anchorEl: rootRef.current, onClose: handlePopoverClose, placement: "bottom-start" },
+            React.createElement("div", { role: "listbox", tabIndex: -1, className: styles_1.cx(stylesMenuList()) }, options.map(function (option) { return renderOption(option); })))));
+});
+exports.ComboBox.displayName = 'ComboBox';
+exports.ComboBox.defaultProps = {};
+//# sourceMappingURL=combo_box.js.map

package/dist/cjs/ComboBox/combo_box.js.map

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

package/dist/cjs/ComboBox/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ComboBox/index.ts"],"names":[],"mappings":";;;AAAA,yCAAgE;AAAvD,qGAAA,QAAQ,OAAA"}

package/dist/cjs/Dialog/dialog.js

@@ -0,0 +1,106 @@
+"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.Dialog = void 0;
+var react_1 = __importDefault(require("react"));
+var Modal_1 = require("../Modal");
+var Box_1 = require("../Box");
+var Fade_1 = require("../Fade");
+var CircularProgress_1 = require("../CircularProgress");
+var styles_1 = require("../styles");
+var stylesBase = function (loading) { return styles_1.css(__assign({ label: 'Dialog', width: '100%', display: 'flex', maxHeight: 'calc(100% - 60px)', flexDirection: 'column', margin: 'var(--pv-size-base-6)', position: 'relative', outline: 'none', boxShadow: 'var(--pv-shadow-dark-hight)', overflow: 'hidden', border: 0, padding: 0 }, (loading && {
+    '[data-key="dialog.content"]': {
+        opacity: 0.5,
+    },
+    '[data-key="dialog.actions"]': {
+        opacity: 0.5,
+    },
+}))); };
+var stylesSizeSmall = function () { return styles_1.css({
+    label: 'small',
+    maxWidth: '310px',
+}); };
+var stylesSizeMedium = function () { return styles_1.css({
+    label: 'medium',
+    maxWidth: '640px',
+}); };
+var stylesSizeLarge = function () { return styles_1.css({
+    label: 'large',
+    maxWidth: '1024px',
+}); };
+var stylesFullScreen = function () { return styles_1.css({
+    label: 'fullScreen',
+    height: '100%',
+    margin: 0,
+    maxWidth: '100%',
+    maxHeight: 'none',
+}); };
+var stylesModal = function () { return styles_1.css({
+    label: 'Dialog-modal',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+}); };
+var stylesLoading = function () { return styles_1.css({
+    label: 'Dialog-loading',
+    position: 'absolute',
+    inset: '0px',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+}); };
+exports.Dialog = react_1.default.forwardRef(function (props, ref) {
+    var _a;
+    var open = props.open, children = props.children, className = props.className, fullScreen = props.fullScreen, transitionDuration = props.transitionDuration, disableBackdropClick = props.disableBackdropClick, disableEscapeKeyDown = props.disableEscapeKeyDown, size = props.size, loading = props.loading, loadingColor = props.loadingColor, onClose = props.onClose, dataTestId = props["data-testid"], other = __rest(props, ["open", "children", "className", "fullScreen", "transitionDuration", "disableBackdropClick", "disableEscapeKeyDown", "size", "loading", "loadingColor", "onClose", 'data-testid']);
+    return (react_1.default.createElement(Modal_1.Modal, { ref: ref, open: open, transitionDuration: transitionDuration, onClose: onClose, "data-testid": dataTestId, className: styles_1.cx(stylesModal()), disableBackdropClick: loading || disableBackdropClick, disableEscapeKeyDown: loading || disableEscapeKeyDown, backdropProps: {
+            invisible: fullScreen,
+        } },
+        react_1.default.createElement(Fade_1.Fade, { in: open, timeout: transitionDuration },
+            react_1.default.createElement(Box_1.Box, __assign({}, other, { role: "dialog", background: "white", borderRadius: fullScreen ? 0 : 4, className: styles_1.cx((_a = {},
+                    _a[stylesBase(loading)] = true,
+                    _a[stylesSizeSmall()] = size === 'small',
+                    _a[stylesSizeMedium()] = size === 'medium',
+                    _a[stylesSizeLarge()] = size === 'large',
+                    _a[stylesFullScreen()] = fullScreen,
+                    _a[className] = !!className,
+                    _a)), tabIndex: -1, component: "fieldset", 
+                // @ts-ignore
+                disabled: loading }),
+                children,
+                loading && (react_1.default.createElement(Box_1.Box, { className: styles_1.cx(stylesLoading()) },
+                    react_1.default.createElement(CircularProgress_1.CircularProgress, { color: loadingColor })))))));
+});
+exports.Dialog.displayName = 'Dialog';
+exports.Dialog.defaultProps = {
+    transitionDuration: 225,
+    fullScreen: false,
+    disableBackdropClick: false,
+    disableEscapeKeyDown: false,
+    size: 'medium',
+    loadingColor: 'secondary',
+};
+//# sourceMappingURL=dialog.js.map