@hazelcast/ui 3.0.1-canary.0 → 3.0.1-canary.2

package/lib/components/AppHeader/AppHeaderMenu/AppHeaderMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppHeaderMenu.js","sources":["../../../../src/components/AppHeader/AppHeaderMenu/AppHeaderMenu.tsx"],"sourcesContent":[null],"names":["AppHeaderMenu","separator","children","anchorElement","setAnchorElement","useState","isOpen","toggle","close","useOpenCloseState","React","createElement","className","cn","styles","root","Button","variant","color","iconSize","onClick","capitalize","iconRight","MenuIcon","ref","iconRightAriaLabel","toggleButton","Popover","open","onClose","content"],"mappings":";;;;;;;;;;AAeO,MAAMA,aAAa,GAAGA,CAAC;EAAEC,SAAS;AAAEC,EAAAA;AAAQ,CAAsB,KAAI;EAC3E,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAGC,cAAQ,EAAsB;EACxE,MAAM;IAAEC,MAAM;IAAEC,MAAM;AAAEC,IAAAA;GAAO,GAAGC,yCAAiB,EAAE;AAErD,EAAA,oBACEC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAEC,EAAE,CAACC,4BAAM,CAACC,IAAI,EAAE;MAAE,CAACD,4BAAM,CAACb,SAAS,GAAGA;KAAW;AAAC,GAAA,eAChES,KAAA,CAAAC,aAAA,CAACK,wBAAM,EAAA;AACLC,IAAAA,OAAO,EAAC,MAAM;AACdC,IAAAA,KAAK,EAAC,OAAO;AACbC,IAAAA,QAAQ,EAAC,QAAQ;AACjBC,IAAAA,OAAO,EAAEb,MAAM;AACfc,IAAAA,UAAU,EAAE,KAAK;AACjBC,IAAAA,SAAS,EAAEC,iBAAQ;AACnBC,IAAAA,GAAG,EAAEpB,gBAAgB;AAAA,IAAA,WAAA,EACX,wBAAwB;AAClCqB,IAAAA,kBAAkB,EAAC,WAAW;IAC9Bb,SAAS,EAAEE,4BAAM,CAACY;GAAY,EAAA,MAAA,CAGvB,eACThB,KAAA,CAAAC,aAAA,CAACgB,0BAAO,EAAA;AAACC,IAAAA,IAAI,EAAEtB,MAAM;AAAEH,IAAAA,aAAa,EAAEA,aAAa;AAAE0B,IAAAA,OAAO,EAAErB,KAAK;IAAEI,SAAS,EAAEE,4BAAM,CAACgB;GAAO,EAC3F5B,QAAQ,CAAC;AAAE2B,IAAAA,OAAO,EAAErB;GAAO,CAAC,CACrB,CACN;AAEV;;;;"}
+{"version":3,"file":"AppHeaderMenu.js","sourceRoot":"","sources":["../../../../src/components/AppHeader/AppHeaderMenu/AppHeaderMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAElD,OAAO,MAAM,MAAM,6BAA6B,CAAA;AAOhD,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAsB,EAAE,EAAE;IAC3E,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,EAAsB,CAAA;IACxE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAErD,OAAO,CACL,6BAAK,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,SAAS,EAAE,CAAC;QAChE,oBAAC,MAAM,IACL,OAAO,EAAC,MAAM,EACd,KAAK,EAAC,OAAO,EACb,QAAQ,EAAC,QAAQ,EACjB,OAAO,EAAE,MAAM,EACf,UAAU,EAAE,KAAK,EACjB,SAAS,EAAE,QAAQ,EACnB,GAAG,EAAE,gBAAgB,eACX,wBAAwB,EAClC,kBAAkB,EAAC,WAAW,EAC9B,SAAS,EAAE,MAAM,CAAC,YAAY,WAGvB;QACT,oBAAC,OAAO,IAAC,IAAI,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,CAAC,OAAO,IAC3F,QAAQ,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CACrB,CACN,CACP,CAAA;AACH,CAAC,CAAA"}

package/lib/components/AppHeader/AppHeaderMenu/AppHeaderMenu.module.scss

@@ -0,0 +1,20 @@
+@use '../../../../styles/constants' as c;
+
+.root {
+  display: flex;
+  align-items: center;
+}
+
+.separator {
+  border-left: 1px solid c.$colorNeutralLight;
+}
+
+.content {
+  padding: c.$grid * 2;
+  color: c.$colorNeutralLighter;
+  background: c.$colorBrandSecondary;
+  display: flex;
+  flex-direction: column;
+  align-items: start;
+  gap: c.$grid * 2;
+}

package/lib/components/AppHeader/AppHeaderMenu/index.js

@@ -1,8 +1,2 @@
-'use strict';
-
-var components_AppHeader_AppHeaderMenu_AppHeaderMenu = require('./AppHeaderMenu.js');
-
-
-
-exports.AppHeaderMenu = components_AppHeader_AppHeaderMenu_AppHeaderMenu.AppHeaderMenu;
-//# sourceMappingURL=index.js.map
+export * from './AppHeaderMenu';
+//# sourceMappingURL=index.js.map

package/lib/components/AppHeader/AppHeaderMenu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/AppHeader/AppHeaderMenu/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA"}

package/lib/components/AppHeader/EnvironmentBadge/EnvironmentBadge.js

@@ -1,20 +1,10 @@
-'use strict';
-
-var React = require('react');
-var reactFeather = require('react-feather');
-var components_Icon = require('../../Icon.js');
-var EnvironmentBadge_module = require('./EnvironmentBadge.module.scss.js');
-
-const EnvironmentBadge = ({
-  environment
-}) => {
-  return /*#__PURE__*/React.createElement("span", {
-    className: EnvironmentBadge_module.default.root,
-    "data-test": "environment-badge"
-  }, /*#__PURE__*/React.createElement(components_Icon.Icon, {
-    icon: reactFeather.Box
-  }), environment);
+import React from 'react';
+import { Box } from 'react-feather';
+import { Icon } from '../../Icon';
+import styles from './EnvironmentBadge.module.scss';
+export const EnvironmentBadge = ({ environment }) => {
+    return (React.createElement("span", { className: styles.root, "data-test": "environment-badge" },
+        React.createElement(Icon, { icon: Box }),
+        environment));
 };
-
-exports.EnvironmentBadge = EnvironmentBadge;
-//# sourceMappingURL=EnvironmentBadge.js.map
+//# sourceMappingURL=EnvironmentBadge.js.map

package/lib/components/AppHeader/EnvironmentBadge/EnvironmentBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"EnvironmentBadge.js","sources":["../../../../src/components/AppHeader/EnvironmentBadge/EnvironmentBadge.tsx"],"sourcesContent":[null],"names":["EnvironmentBadge","environment","React","className","styles","root","createElement","Icon","icon","Box"],"mappings":";;;;;;;AAWO,MAAMA,gBAAgB,GAAGA,CAAC;AAAEC,EAAAA;AAAW,CAAyB,KAAI;AACzE,EAAA,oBACEC;IAAMC,SAAS,EAAEC,+BAAM,CAACC,IAAI;iBAAY;AAAmB,GAAA,eACzDH,KAAA,CAAAI,aAAA,CAACC,oBAAI,EAAA;AAACC,IAAAA,IAAI,EAAEC;GAAG,CAAI,EAClBR,WAAW,CACP;AAEX;;;;"}
+{"version":3,"file":"EnvironmentBadge.js","sourceRoot":"","sources":["../../../../src/components/AppHeader/EnvironmentBadge/EnvironmentBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AAEnC,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAEjC,OAAO,MAAM,MAAM,gCAAgC,CAAA;AAMnD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAE,WAAW,EAAyB,EAAE,EAAE;IACzE,OAAO,CACL,8BAAM,SAAS,EAAE,MAAM,CAAC,IAAI,eAAY,mBAAmB;QACzD,oBAAC,IAAI,IAAC,IAAI,EAAE,GAAG,GAAI;QAClB,WAAW,CACP,CACR,CAAA;AACH,CAAC,CAAA"}

package/lib/components/AppHeader/EnvironmentBadge/EnvironmentBadge.module.scss

@@ -0,0 +1,13 @@
+@use '../../../../styles/constants' as c;
+
+.root {
+  display: inline-flex;
+  align-items: center;
+  gap: c.$grid * 2;
+  color: #000;
+  background: c.$colorError;
+  border-radius: c.$grid * 3.5;
+  padding: 0 c.$grid * 3;
+  height: c.$grid * 7;
+  text-transform: capitalize;
+}

package/lib/components/AppHeader/EnvironmentBadge/index.js

@@ -1,8 +1,2 @@
-'use strict';
-
-var components_AppHeader_EnvironmentBadge_EnvironmentBadge = require('./EnvironmentBadge.js');
-
-
-
-exports.EnvironmentBadge = components_AppHeader_EnvironmentBadge_EnvironmentBadge.EnvironmentBadge;
-//# sourceMappingURL=index.js.map
+export * from './EnvironmentBadge';
+//# sourceMappingURL=index.js.map

package/lib/components/AppHeader/EnvironmentBadge/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/AppHeader/EnvironmentBadge/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA"}

package/lib/components/AppHeader/SelectCluster/SelectCluster.js

@@ -1,77 +1,37 @@
-'use strict';
-
-var cn = require('classnames');
-var React = require('react');
-var reactFeather = require('react-feather');
-var components_CenteredLoader = require('../../CenteredLoader.js');
-var SelectCluster_module = require('./SelectCluster.module.scss.js');
-var components_Select_SelectField = require('../../Select/SelectField.js');
-
+import cn from 'classnames';
+import React, { useMemo } from 'react';
+import { CheckCircle } from 'react-feather';
+import { SelectField } from '../../Select';
+import { CenteredLoader } from '../../CenteredLoader';
+import styles from './SelectCluster.module.scss';
 const getSafeValue = (clusterName, clusterNames) => {
-  if (!(clusterNames === null || clusterNames === void 0 ? void 0 : clusterNames.length)) {
+    if (!(clusterNames === null || clusterNames === void 0 ? void 0 : clusterNames.length)) {
+        return { status: 'disabled', value: 'No Clusters' };
+    }
+    if (!clusterName) {
+        return {
+            status: 'disconnected',
+            value: 'Select Cluster',
+        };
+    }
     return {
-      status: 'disabled',
-      value: 'No Clusters'
+        status: clusterNames.includes(clusterName) ? 'connected' : 'disconnected',
+        value: clusterName,
     };
-  }
-  if (!clusterName) {
-    return {
-      status: 'disconnected',
-      value: 'Select Cluster'
-    };
-  }
-  return {
-    status: clusterNames.includes(clusterName) ? 'connected' : 'disconnected',
-    value: clusterName
-  };
 };
-const SelectCluster = ({
-  clusterVersions,
-  clusterName,
-  clusterNames,
-  isReadOnly,
-  onChange
-}) => {
-  const options = React.useMemo(() => (clusterNames !== null && clusterNames !== void 0 ? clusterNames : []).map(name => ({
-    label: name,
-    value: name,
-    trailingNote: clusterVersions && clusterVersions[name] ? (/*#__PURE__*/React.createElement("span", {
-      "data-test": "cluster-version"
-    }, clusterVersions[name])) : (/*#__PURE__*/React.createElement(components_CenteredLoader.CenteredLoader, {
-      size: "small"
-    }))
-  })), [clusterVersions, clusterNames]);
-  const {
-    status,
-    value
-  } = getSafeValue(clusterName, clusterNames);
-  const disabled = isReadOnly || status === 'disabled';
-  return /*#__PURE__*/React.createElement(components_Select_SelectField.SelectField, {
-    name: "cluster",
-    label: "Select Cluster",
-    showAriaLabel: true,
-    size: "small",
-    "data-test": "select-cluster",
-    className: cn(SelectCluster_module.default.select, {
-      [SelectCluster_module.default.disabled]: disabled
-    }),
-    classNames: {
-      menuPortal: () => SelectCluster_module.default.menuPortal
-    },
-    disabled: disabled,
-    iconLeft: reactFeather.CheckCircle,
-    iconLeftAriaLabel: "Select cluster",
-    iconLeftContainerClassName: SelectCluster_module.default.selectIconLeftContainer,
-    iconLeftClassName: cn(SelectCluster_module.default.selectIconLeft, {
-      [SelectCluster_module.default.disabled]: status === 'disabled',
-      [SelectCluster_module.default.disconnected]: status === 'disconnected'
-    }),
-    isClearable: false,
-    onChange: onChange,
-    options: options,
-    value: value
-  });
+export const SelectCluster = ({ clusterVersions, clusterName, clusterNames, isReadOnly, onChange }) => {
+    const options = useMemo(() => (clusterNames !== null && clusterNames !== void 0 ? clusterNames : []).map((name) => ({
+        label: name,
+        value: name,
+        trailingNote: clusterVersions && clusterVersions[name] ? (React.createElement("span", { "data-test": "cluster-version" }, clusterVersions[name])) : (React.createElement(CenteredLoader, { size: "small" })),
+    })), [clusterVersions, clusterNames]);
+    const { status, value } = getSafeValue(clusterName, clusterNames);
+    const disabled = isReadOnly || status === 'disabled';
+    return (React.createElement(SelectField, { name: "cluster", label: "Select Cluster", showAriaLabel: true, size: "small", "data-test": "select-cluster", className: cn(styles.select, { [styles.disabled]: disabled }), classNames: {
+            menuPortal: () => styles.menuPortal,
+        }, disabled: disabled, iconLeft: CheckCircle, iconLeftAriaLabel: "Select cluster", iconLeftContainerClassName: styles.selectIconLeftContainer, iconLeftClassName: cn(styles.selectIconLeft, {
+            [styles.disabled]: status === 'disabled',
+            [styles.disconnected]: status === 'disconnected',
+        }), isClearable: false, onChange: onChange, options: options, value: value }));
 };
-
-exports.SelectCluster = SelectCluster;
-//# sourceMappingURL=SelectCluster.js.map
+//# sourceMappingURL=SelectCluster.js.map

package/lib/components/AppHeader/SelectCluster/SelectCluster.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectCluster.js","sources":["../../../../src/components/AppHeader/SelectCluster/SelectCluster.tsx"],"sourcesContent":[null],"names":["getSafeValue","clusterName","clusterNames","length","status","value","includes","SelectCluster","clusterVersions","isReadOnly","onChange","options","useMemo","map","name","label","trailingNote","React","createElement","CenteredLoader","size","disabled","SelectField","showAriaLabel","className","cn","styles","select","classNames","menuPortal","iconLeft","CheckCircle","iconLeftAriaLabel","iconLeftContainerClassName","selectIconLeftContainer","iconLeftClassName","selectIconLeft","disconnected","isClearable"],"mappings":";;;;;;;;;AASA,MAAMA,YAAY,GAAGA,CACnBC,WAA0B,EAC1BC,YAA6B,KAI3B;AACF,EAAA,IAAI,EAACA,YAAY,KAAA,IAAA,IAAZA,YAAY,KAAA,MAAA,GAAA,MAAA,GAAZA,YAAY,CAAEC,MAAM,CAAA,EAAE;IACzB,OAAO;AAAEC,MAAAA,MAAM,EAAE,UAAU;AAAEC,MAAAA,KAAK,EAAE;KAAe;AACrD,EAAA;EAEA,IAAI,CAACJ,WAAW,EAAE;IAChB,OAAO;AACLG,MAAAA,MAAM,EAAE,cAAc;AACtBC,MAAAA,KAAK,EAAE;KACR;AACH,EAAA;EAEA,OAAO;IACLD,MAAM,EAAEF,YAAY,CAACI,QAAQ,CAACL,WAAW,CAAC,GAAG,WAAW,GAAG,cAAc;AACzEI,IAAAA,KAAK,EAAEJ;GACR;AACH,CAAC;AAUM,MAAMM,aAAa,GAA2BA,CAAC;EAAEC,eAAe;EAAEP,WAAW;EAAEC,YAAY;EAAEO,UAAU;AAAEC,EAAAA;AAAQ,CAAE,KAAI;EAC5H,MAAMC,OAAO,GAAGC,aAAO,CACrB,MACE,CAACV,YAAY,KAAA,IAAA,IAAZA,YAAY,KAAA,MAAA,GAAZA,YAAY,GAAI,EAAE,EAAEW,GAAG,CAAEC,IAAI,KAAM;AAClCC,IAAAA,KAAK,EAAED,IAAI;AACXT,IAAAA,KAAK,EAAES,IAAI;AACXE,IAAAA,YAAY,EACVR,eAAe,IAAIA,eAAe,CAACM,IAAI,CAAC,iBACtCG,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAA,MAAA,WAAA,EAAgB;AAAiB,KAAA,EAAEV,eAAe,CAACM,IAAI,CAAC,CAAQ,kBAEhEG,KAAA,CAAAC,aAAA,CAACC,wCAAc,EAAA;AAACC,MAAAA,IAAI,EAAC;MAAU;GAEpC,CAAC,CAAC,EACL,CAACZ,eAAe,EAAEN,YAAY,CAAC,CAChC;EAED,MAAM;IAAEE,MAAM;AAAEC,IAAAA;AAAK,GAAE,GAAGL,YAAY,CAACC,WAAW,EAAEC,YAAY,CAAC;AACjE,EAAA,MAAMmB,QAAQ,GAAGZ,UAAU,IAAIL,MAAM,KAAK,UAAU;AAEpD,EAAA,oBACEa,KAAA,CAAAC,aAAA,CAACI,yCAAW;AACVR,IAAAA,IAAI,EAAC,SAAS;AACdC,IAAAA,KAAK,EAAC,gBAAgB;AACtBQ,IAAAA,aAAa,EAAA,IAAA;AACbH,IAAAA,IAAI,EAAC,OAAO;iBACF,gBAAgB;AAC1BI,IAAAA,SAAS,EAAEC,EAAE,CAACC,4BAAM,CAACC,MAAM,EAAE;MAAE,CAACD,4BAAM,CAACL,QAAQ,GAAGA;KAAU,CAAC;AAC7DO,IAAAA,UAAU,EAAE;AACVC,MAAAA,UAAU,EAAEA,MAAMH,4BAAM,CAACG;KAC1B;AACDR,IAAAA,QAAQ,EAAEA,QAAQ;AAClBS,IAAAA,QAAQ,EAAEC,wBAAW;AACrBC,IAAAA,iBAAiB,EAAC,gBAAgB;IAClCC,0BAA0B,EAAEP,4BAAM,CAACQ,uBAAuB;AAC1DC,IAAAA,iBAAiB,EAAEV,EAAE,CAACC,4BAAM,CAACU,cAAc,EAAE;AAC3C,MAAA,CAACV,4BAAM,CAACL,QAAQ,GAAGjB,MAAM,KAAK,UAAU;AACxC,MAAA,CAACsB,4BAAM,CAACW,YAAY,GAAGjC,MAAM,KAAK;AACnC,KAAA,CAAC;AACFkC,IAAAA,WAAW,EAAE,KAAK;AAClB5B,IAAAA,QAAQ,EAAEA,QAAQ;AAClBC,IAAAA,OAAO,EAAEA,OAAO;AAChBN,IAAAA,KAAK,EAAEA;AAAK,GAAA,CACZ;AAEN;;;;"}
+{"version":3,"file":"SelectCluster.js","sourceRoot":"","sources":["../../../../src/components/AppHeader/SelectCluster/SelectCluster.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,KAAK,EAAE,EAAM,OAAO,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE3C,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAErD,OAAO,MAAM,MAAM,6BAA6B,CAAA;AAEhD,MAAM,YAAY,GAAG,CACnB,WAA0B,EAC1B,YAA6B,EAI7B,EAAE;IACF,IAAI,CAAC,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,MAAM,CAAA,EAAE,CAAC;QAC1B,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA;IACrD,CAAC;IAED,IAAI,CAAC,WAAW,EAAE,CAAC;QACjB,OAAO;YACL,MAAM,EAAE,cAAc;YACtB,KAAK,EAAE,gBAAgB;SACxB,CAAA;IACH,CAAC;IAED,OAAO;QACL,MAAM,EAAE,YAAY,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,cAAc;QACzE,KAAK,EAAE,WAAW;KACnB,CAAA;AACH,CAAC,CAAA;AAUD,MAAM,CAAC,MAAM,aAAa,GAA2B,CAAC,EAAE,eAAe,EAAE,WAAW,EAAE,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC5H,MAAM,OAAO,GAAG,OAAO,CACrB,GAAG,EAAE,CACH,CAAC,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;QAClC,KAAK,EAAE,IAAI;QACX,KAAK,EAAE,IAAI;QACX,YAAY,EACV,eAAe,IAAI,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CACzC,2CAAgB,iBAAiB,IAAE,eAAe,CAAC,IAAI,CAAC,CAAQ,CACjE,CAAC,CAAC,CAAC,CACF,oBAAC,cAAc,IAAC,IAAI,EAAC,OAAO,GAAG,CAChC;KACJ,CAAC,CAAC,EACL,CAAC,eAAe,EAAE,YAAY,CAAC,CAChC,CAAA;IAED,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,YAAY,CAAC,WAAW,EAAE,YAAY,CAAC,CAAA;IACjE,MAAM,QAAQ,GAAG,UAAU,IAAI,MAAM,KAAK,UAAU,CAAA;IAEpD,OAAO,CACL,oBAAC,WAAW,IACV,IAAI,EAAC,SAAS,EACd,KAAK,EAAC,gBAAgB,EACtB,aAAa,QACb,IAAI,EAAC,OAAO,eACF,gBAAgB,EAC1B,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC,EAC7D,UAAU,EAAE;YACV,UAAU,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,UAAU;SACpC,EACD,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,WAAW,EACrB,iBAAiB,EAAC,gBAAgB,EAClC,0BAA0B,EAAE,MAAM,CAAC,uBAAuB,EAC1D,iBAAiB,EAAE,EAAE,CAAC,MAAM,CAAC,cAAc,EAAE;YAC3C,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,MAAM,KAAK,UAAU;YACxC,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE,MAAM,KAAK,cAAc;SACjD,CAAC,EACF,WAAW,EAAE,KAAK,EAClB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,GACZ,CACH,CAAA;AACH,CAAC,CAAA"}

package/lib/components/AppHeader/SelectCluster/SelectCluster.module.scss

@@ -0,0 +1,101 @@
+@use '../../../../styles/constants' as c;
+@use '../../../../styles/helpers' as h;
+
+$selectContainer: ':global .hz-select-field';
+$selectControl: ':global .hz-select-field__control';
+$selectInputContainer: ':global .hz-select-field__input-container';
+$selectValueContainer: ':global .hz-select-field__value-container';
+$selectTrailingNote: ':global .hz-select-field__trailing-note';
+$selectValue: ':global .hz-select-field__single-value';
+$selectMenuPortal: ':global .hz-select-field__menu-portal';
+$selectMenu: ':global .hz-select-field__menu';
+$selectMenuList: ':global .hz-select-field__menu-list';
+$selectMenuNotice: ':global .hz-select-field__menu-notice';
+$selectOption: ':global .hz-select-field__option';
+$selectGroup: ':global .hz-select-field__group';
+$selectGroupHeading: ':global .hz-select-field__group-heading';
+$selectFieldIndicators: ':global .hz-select-field__indicators';
+
+.select {
+  width: 260px;
+
+  &.disabled {
+    #{$selectControl} {
+      color: c.$colorTextSecondary;
+      background-color: transparent;
+
+      #{$selectValue},
+      #{$selectTrailingNote},
+      #{$selectFieldIndicators} svg {
+        color: c.$colorTextSecondary;
+      }
+    }
+  }
+
+  #{$selectControl} {
+    background: none;
+    border-radius: c.$borderRadius;
+    border: 1px solid c.$colorTextSecondary;
+
+    #{$selectInputContainer},
+    #{$selectValueContainer},
+    #{$selectTrailingNote} {
+      color: c.$colorNeutralLighter;
+    }
+  }
+
+  #{$selectValue} {
+    color: c.$colorNeutralLighter;
+  }
+
+  #{$selectFieldIndicators} {
+    svg {
+      color: c.$colorNeutralLighter;
+    }
+  }
+
+  .selectIconLeftContainer {
+    box-sizing: content-box;
+
+    .selectIconLeft {
+      color: c.$colorSuccess;
+
+      &.disconnected {
+        color: c.$colorError;
+      }
+
+      &.disabled {
+        color: c.$colorTextSecondary;
+      }
+    }
+  }
+}
+
+.menuPortal {
+  #{$selectMenu} {
+    border: none;
+    background: c.$colorBrandSecondary;
+    border-radius: 0 0 c.$borderRadius c.$borderRadius;
+  }
+
+  #{$selectOption} {
+    &:active {
+      background: none;
+    }
+
+    #{$selectValueContainer},
+    #{$selectTrailingNote} {
+      color: c.$colorNeutralLighter;
+    }
+
+    &--is-focused {
+      background: c.$colorBrandAccent;
+      box-shadow: none;
+
+      #{$selectValueContainer},
+      #{$selectTrailingNote} {
+        color: c.$colorBrandText;
+      }
+    }
+  }
+}

package/lib/components/AppHeader/SelectCluster/index.js

@@ -1,8 +1,2 @@
-'use strict';
-
-var components_AppHeader_SelectCluster_SelectCluster = require('./SelectCluster.js');
-
-
-
-exports.SelectCluster = components_AppHeader_SelectCluster_SelectCluster.SelectCluster;
-//# sourceMappingURL=index.js.map
+export * from './SelectCluster';
+//# sourceMappingURL=index.js.map

package/lib/components/AppHeader/SelectCluster/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/AppHeader/SelectCluster/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA"}

package/lib/components/AppHeader/index.js

@@ -1,8 +1,2 @@
-'use strict';
-
-var components_AppHeader_AppHeader = require('./AppHeader.js');
-
-
-
-exports.AppHeader = components_AppHeader_AppHeader.AppHeader;
-//# sourceMappingURL=index.js.map
+export * from './AppHeader';
+//# sourceMappingURL=index.js.map

package/lib/components/AppHeader/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AppHeader/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA"}

package/lib/components/AppSidebar/AppSidebar.js

@@ -1,57 +1,31 @@
-'use strict';
-
-var React = require('react');
-var cn = require('classnames');
-var reactFeather = require('react-feather');
-var components_IconButton = require('../IconButton.js');
-var components_AppSidebar_appSidebarContext = require('./appSidebarContext.js');
-var AppSidebar_module = require('./AppSidebar.module.scss.js');
-var hooks_usePersistedState = require('../../hooks/usePersistedState.js');
-
-const AppSidebar = ({
-  children,
-  className,
-  storageKey = 'SideBarMenu',
-  open: controlledOpen,
-  initialOpen = true,
-  footer,
-  'data-test': dataTest
-}) => {
-  const usePersistedSidebarStorageState = hooks_usePersistedState.createPersistedState(storageKey);
-  const usePersistedFavoritesState = hooks_usePersistedState.createPersistedState('sideBarFavorites');
-  const [favorites, setFavorites] = usePersistedFavoritesState([]);
-  const [isOpen, setIsOpen] = usePersistedSidebarStorageState(initialOpen);
-  const toggle = React.useCallback(() => setIsOpen(value => !value), [setIsOpen]);
-  const open = React.useCallback(() => setIsOpen(true), [setIsOpen]);
-  const close = React.useCallback(() => setIsOpen(false), [setIsOpen]);
-  const isCollapsed = controlledOpen !== undefined ? !controlledOpen : !isOpen;
-  return /*#__PURE__*/React.createElement("aside", {
-    "data-test": dataTest,
-    className: cn(AppSidebar_module.default.root, {
-      [AppSidebar_module.default.collapsed]: isCollapsed
-    }, className)
-  }, /*#__PURE__*/React.createElement(components_IconButton.IconButton, {
-    size: "medium",
-    icon: !isCollapsed ? reactFeather.ChevronsLeft : reactFeather.ChevronsRight,
-    onClick: toggle,
-    className: AppSidebar_module.default.toggle
-  }), /*#__PURE__*/React.createElement(components_AppSidebar_appSidebarContext.appSidebarContext.Provider, {
-    value: {
-      open,
-      close,
-      isOpen: !isCollapsed,
-      toggle,
-      favorites,
-      setFavorites
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: AppSidebar_module.default.wrapper
-  }, /*#__PURE__*/React.createElement("div", {
-    className: AppSidebar_module.default.content
-  }, children)), footer && /*#__PURE__*/React.createElement("footer", {
-    className: AppSidebar_module.default.footer
-  }, footer)));
+import React, { useCallback } from 'react';
+import cn from 'classnames';
+import { ChevronsLeft, ChevronsRight } from 'react-feather';
+import { IconButton } from '../IconButton';
+import { createPersistedState } from '../../hooks';
+import { appSidebarContext } from './appSidebarContext';
+import styles from './AppSidebar.module.scss';
+export const AppSidebar = ({ children, className, storageKey = 'SideBarMenu', open: controlledOpen, initialOpen = true, footer, 'data-test': dataTest, }) => {
+    const usePersistedSidebarStorageState = createPersistedState(storageKey);
+    const usePersistedFavoritesState = createPersistedState('sideBarFavorites');
+    const [favorites, setFavorites] = usePersistedFavoritesState([]);
+    const [isOpen, setIsOpen] = usePersistedSidebarStorageState(initialOpen);
+    const toggle = useCallback(() => setIsOpen((value) => !value), [setIsOpen]);
+    const open = useCallback(() => setIsOpen(true), [setIsOpen]);
+    const close = useCallback(() => setIsOpen(false), [setIsOpen]);
+    const isCollapsed = controlledOpen !== undefined ? !controlledOpen : !isOpen;
+    return (React.createElement("aside", { "data-test": dataTest, className: cn(styles.root, { [styles.collapsed]: isCollapsed }, className) },
+        React.createElement(IconButton, { size: "medium", icon: !isCollapsed ? ChevronsLeft : ChevronsRight, onClick: toggle, className: styles.toggle }),
+        React.createElement(appSidebarContext.Provider, { value: {
+                open,
+                close,
+                isOpen: !isCollapsed,
+                toggle,
+                favorites,
+                setFavorites,
+            } },
+            React.createElement("div", { className: styles.wrapper },
+                React.createElement("div", { className: styles.content }, children)),
+            footer && React.createElement("footer", { className: styles.footer }, footer))));
 };
-
-exports.AppSidebar = AppSidebar;
-//# sourceMappingURL=AppSidebar.js.map
+//# sourceMappingURL=AppSidebar.js.map

package/lib/components/AppSidebar/AppSidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppSidebar.js","sources":["../../../src/components/AppSidebar/AppSidebar.tsx"],"sourcesContent":[null],"names":["AppSidebar","children","className","storageKey","open","controlledOpen","initialOpen","footer","dataTest","usePersistedSidebarStorageState","createPersistedState","usePersistedFavoritesState","favorites","setFavorites","isOpen","setIsOpen","toggle","useCallback","value","close","isCollapsed","undefined","React","cn","styles","root","collapsed","createElement","IconButton","size","icon","ChevronsLeft","ChevronsRight","onClick","appSidebarContext","Provider","wrapper","content"],"mappings":";;;;;;;;;;AAoBO,MAAMA,UAAU,GAAGA,CAAC;EACzBC,QAAQ;EACRC,SAAS;AACTC,EAAAA,UAAU,GAAG,aAAa;AAC1BC,EAAAA,IAAI,EAAEC,cAAc;AACpBC,EAAAA,WAAW,GAAG,IAAI;EAClBC,MAAM;AACN,EAAA,WAAW,EAAEC;AAAQ,CACL,KAAI;AACpB,EAAA,MAAMC,+BAA+B,GAAGC,4CAAoB,CAAUP,UAAU,CAAC;AACjF,EAAA,MAAMQ,0BAA0B,GAAGD,4CAAoB,CAAW,kBAAkB,CAAC;EAErF,MAAM,CAACE,SAAS,EAAEC,YAAY,CAAC,GAAGF,0BAA0B,CAAC,EAAE,CAAC;EAChE,MAAM,CAACG,MAAM,EAAEC,SAAS,CAAC,GAAGN,+BAA+B,CAACH,WAAW,CAAC;AAExE,EAAA,MAAMU,MAAM,GAAGC,iBAAW,CAAC,MAAMF,SAAS,CAAEG,KAAK,IAAK,CAACA,KAAK,CAAC,EAAE,CAACH,SAAS,CAAC,CAAC;AAC3E,EAAA,MAAMX,IAAI,GAAGa,iBAAW,CAAC,MAAMF,SAAS,CAAC,IAAI,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;AAC5D,EAAA,MAAMI,KAAK,GAAGF,iBAAW,CAAC,MAAMF,SAAS,CAAC,KAAK,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EAC9D,MAAMK,WAAW,GAAGf,cAAc,KAAKgB,SAAS,GAAG,CAAChB,cAAc,GAAG,CAACS,MAAM;AAE5E,EAAA,oBACEQ;iBAAkBd,QAAQ;AAAEN,IAAAA,SAAS,EAAEqB,EAAE,CAACC,yBAAM,CAACC,IAAI,EAAE;MAAE,CAACD,yBAAM,CAACE,SAAS,GAAGN;AAAW,KAAE,EAAElB,SAAS;AAAC,GAAA,eACpGoB,KAAA,CAAAK,aAAA,CAACC,gCAAU,EAAA;AAACC,IAAAA,IAAI,EAAC,QAAQ;AAACC,IAAAA,IAAI,EAAE,CAACV,WAAW,GAAGW,yBAAY,GAAGC,0BAAa;AAAEC,IAAAA,OAAO,EAAEjB,MAAM;IAAEd,SAAS,EAAEsB,yBAAM,CAACR;GAAM,CAAI,eAC1HM,KAAA,CAAAK,aAAA,CAACO,yDAAiB,CAACC,QAAQ,EAAA;AACzBjB,IAAAA,KAAK,EAAE;MACLd,IAAI;MACJe,KAAK;MACLL,MAAM,EAAE,CAACM,WAAW;MACpBJ,MAAM;MACNJ,SAAS;AACTC,MAAAA;AACD;AAAA,GAAA,eAEDS,KAAA,CAAAK,aAAA,CAAA,KAAA,EAAA;IAAKzB,SAAS,EAAEsB,yBAAM,CAACY;AAAO,GAAA,eAC5Bd,KAAA,CAAAK,aAAA,CAAA,KAAA,EAAA;IAAKzB,SAAS,EAAEsB,yBAAM,CAACa;AAAO,GAAA,EAAGpC,QAAQ,CAAO,CAC5C,EACLM,MAAM,iBAAIe,KAAA,CAAAK,aAAA,CAAA,QAAA,EAAA;IAAQzB,SAAS,EAAEsB,yBAAM,CAACjB;AAAM,GAAA,EAAGA,MAAM,CAAU,CACnC,CACvB;AAEZ;;;;"}
+{"version":3,"file":"AppSidebar.js","sourceRoot":"","sources":["../../../src/components/AppSidebar/AppSidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,WAAW,EAAE,MAAM,OAAO,CAAA;AACrD,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAG3D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAEvD,OAAO,MAAM,MAAM,0BAA0B,CAAA;AAW7C,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,QAAQ,EACR,SAAS,EACT,UAAU,GAAG,aAAa,EAC1B,IAAI,EAAE,cAAc,EACpB,WAAW,GAAG,IAAI,EAClB,MAAM,EACN,WAAW,EAAE,QAAQ,GACL,EAAE,EAAE;IACpB,MAAM,+BAA+B,GAAG,oBAAoB,CAAU,UAAU,CAAC,CAAA;IACjF,MAAM,0BAA0B,GAAG,oBAAoB,CAAW,kBAAkB,CAAC,CAAA;IAErF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,0BAA0B,CAAC,EAAE,CAAC,CAAA;IAChE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,+BAA+B,CAAC,WAAW,CAAC,CAAA;IAExE,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAC3E,MAAM,IAAI,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAC5D,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAC9D,MAAM,WAAW,GAAG,cAAc,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,MAAM,CAAA;IAE5E,OAAO,CACL,4CAAkB,QAAQ,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,WAAW,EAAE,EAAE,SAAS,CAAC;QACpG,oBAAC,UAAU,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,MAAM,GAAI;QAC1H,oBAAC,iBAAiB,CAAC,QAAQ,IACzB,KAAK,EAAE;gBACL,IAAI;gBACJ,KAAK;gBACL,MAAM,EAAE,CAAC,WAAW;gBACpB,MAAM;gBACN,SAAS;gBACT,YAAY;aACb;YAED,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO;gBAC5B,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO,IAAG,QAAQ,CAAO,CAC5C;YACL,MAAM,IAAI,gCAAQ,SAAS,EAAE,MAAM,CAAC,MAAM,IAAG,MAAM,CAAU,CACnC,CACvB,CACT,CAAA;AACH,CAAC,CAAA"}

package/lib/components/AppSidebar/AppSidebar.module.scss

@@ -0,0 +1,66 @@
+@use '../../../styles/constants' as c;
+
+$width: 264px;
+$collapsedWidth: 74px;
+$offset: c.$grid * 4;
+
+.root {
+  width: $width;
+  height: 100%;
+  flex-shrink: 0;
+  display: flex;
+  position: relative;
+  flex-direction: column;
+  box-sizing: border-box;
+  color: c.$colorNeutralLighter;
+  background: c.$colorBrandSecondary;
+  transition: 200ms width;
+
+  * {
+    box-sizing: border-box;
+  }
+
+  .toggle {
+    color: #1ee6fa;
+    position: absolute;
+    right: -#{c.$grid * 3};
+    top: 0;
+    z-index: c.$zIndex1000;
+    border-radius: 50%;
+    background: #0e3454;
+  }
+
+  .wrapper {
+    width: 100%;
+    height: 100%;
+    overflow: auto;
+    overflow-x: hidden;
+  }
+
+  .content {
+    width: 90%;
+    margin: 0 auto;
+    padding: $offset 0;
+  }
+
+  .footer {
+    color: c.$colorNeutralLight;
+    text-align: center;
+    margin-top: auto;
+    word-break: break-all;
+    padding: 0 c.$grid * 4 c.$grid * 2.5;
+    font-size: c.$fontSizeBodySmaller;
+  }
+
+  &.collapsed {
+    width: $collapsedWidth;
+
+    .content {
+      max-width: calc($collapsedWidth - $offset * 1.5);
+    }
+
+    .footer {
+      padding: 0 c.$grid;
+    }
+  }
+}

package/lib/components/AppSidebar/AppSidebarFavoriteButton/AppSidebarFavoriteButton.js

@@ -1,38 +1,22 @@
-'use strict';
-
-var React = require('react');
-var cn = require('classnames');
-var reactFeather = require('react-feather');
-var components_IconButton = require('../../IconButton.js');
-var components_AppSidebar_appSidebarContext = require('../appSidebarContext.js');
-var AppSidebarFavoriteButton_module = require('./AppSidebarFavoriteButton.module.scss.js');
-
-const AppSidebarFavoriteButton = ({
-  id,
-  className
-}) => {
-  const {
-    favorites,
-    setFavorites
-  } = React.useContext(components_AppSidebar_appSidebarContext.appSidebarContext);
-  const isFavoriteItem = React.useMemo(() => favorites.find(item => item === id), [favorites, id]);
-  const handleToggleFavorite = () => {
-    if (isFavoriteItem) {
-      setFavorites(value => value.filter(item => item !== id));
-    } else {
-      setFavorites(value => [...value, id]);
-    }
-  };
-  return /*#__PURE__*/React.createElement(components_IconButton.IconButton, {
-    className: cn(AppSidebarFavoriteButton_module.default.root, {
-      [AppSidebarFavoriteButton_module.default.isFilled]: isFavoriteItem
-    }, className),
-    onClick: handleToggleFavorite,
-    ariaLabel: "Favorite Item",
-    icon: reactFeather.Star,
-    size: "medium"
-  });
+import React, { useContext, useMemo } from 'react';
+import cn from 'classnames';
+import { Star } from 'react-feather';
+import { IconButton } from '../../IconButton';
+import { appSidebarContext } from '../appSidebarContext';
+import styles from './AppSidebarFavoriteButton.module.scss';
+export const AppSidebarFavoriteButton = ({ id, className }) => {
+    const { favorites, setFavorites } = useContext(appSidebarContext);
+    const isFavoriteItem = useMemo(() => favorites.find((item) => item === id), [favorites, id]);
+    const handleToggleFavorite = () => {
+        if (isFavoriteItem) {
+            setFavorites((value) => value.filter((item) => item !== id));
+        }
+        else {
+            setFavorites((value) => [...value, id]);
+        }
+    };
+    return (React.createElement(IconButton, { className: cn(styles.root, {
+            [styles.isFilled]: isFavoriteItem,
+        }, className), onClick: handleToggleFavorite, ariaLabel: "Favorite Item", icon: Star, size: "medium" }));
 };
-
-exports.AppSidebarFavoriteButton = AppSidebarFavoriteButton;
-//# sourceMappingURL=AppSidebarFavoriteButton.js.map
+//# sourceMappingURL=AppSidebarFavoriteButton.js.map