@terraware/web-components 5.0.27-rc.0 → 5.0.27

package/components/PopoverMultiSelect/index.js

@@ -1,55 +1,62 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import { ListItemText } from "@mui/material";
-import Icon from "../Icon/Icon.js";
-import Popover from "../PopoverMenu/Popover.js";
-import "./styles.scss";
+import { useState } from 'react';
+import { ListItemText } from '@mui/material';
+import Icon from '../Icon/Icon.js';
+import PopoverDropdown from '../PopoverMenu/Popover.js';
+import './styles.scss';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
 function PopoverMultiSelect(props) {
-    const { anchorElement, initialSelection, menuAlign, onChange, sections, setAnchorElement } = props;
-    const [selection, setSelection] = useState(initialSelection);
-    const addToSelection = (value)=>{
-        const newSelection = [
-            ...selection
-        ];
-        newSelection.push(value);
-        setSelection(newSelection);
-        onChange(newSelection);
-    };
-    const removeFromSelection = (index)=>{
-        const newSelection = [
-            ...selection
-        ];
-        newSelection.splice(index, 1);
-        setSelection(newSelection);
-        onChange(newSelection);
-    };
-    const iconSpacer = ()=>/*#__PURE__*/ jsx("div", {
-            className: "popover-multi-select__checkmark-spacer"
-        });
-    return /*#__PURE__*/ jsx(Popover, {
-        sections: sections,
-        handleClick: (item)=>{
-            const itemIndex = selection.findIndex((s)=>s === item.value);
-            if (itemIndex >= 0) removeFromSelection(itemIndex);
-            else addToSelection(item.value);
-        },
-        anchorElement: anchorElement,
-        setAnchorElement: setAnchorElement,
-        itemRenderer: (item)=>{
-            const selected = selection.find((s)=>s === item.value);
-            return /*#__PURE__*/ jsxs(Fragment, {
-                children: [
-                    selected ? /*#__PURE__*/ jsx(Icon, {
-                        name: "checkmark",
-                        className: "popover-multi-select__checkmark-selection"
-                    }) : iconSpacer(),
-                    /*#__PURE__*/ jsx(ListItemText, {
-                        children: item.label
-                    })
-                ]
-            });
-        },
-        menuAlign: menuAlign
+  const {
+    anchorElement,
+    initialSelection,
+    menuAlign,
+    onChange,
+    sections,
+    setAnchorElement
+  } = props;
+  const [selection, setSelection] = useState(initialSelection);
+  const addToSelection = value => {
+    const newSelection = [...selection];
+    newSelection.push(value);
+    setSelection(newSelection);
+    onChange(newSelection);
+  };
+  const removeFromSelection = index => {
+    const newSelection = [...selection];
+    newSelection.splice(index, 1);
+    setSelection(newSelection);
+    onChange(newSelection);
+  };
+  const iconSpacer = () => {
+    return /*#__PURE__*/jsx("div", {
+      className: "popover-multi-select__checkmark-spacer"
     });
+  };
+  return /*#__PURE__*/jsx(PopoverDropdown, {
+    sections: sections,
+    handleClick: item => {
+      const itemIndex = selection.findIndex(s => s === item.value);
+      if (itemIndex >= 0) {
+        removeFromSelection(itemIndex);
+      } else {
+        addToSelection(item.value);
+      }
+    },
+    anchorElement: anchorElement,
+    setAnchorElement: setAnchorElement,
+    itemRenderer: item => {
+      const selected = selection.find(s => s === item.value);
+      return /*#__PURE__*/jsxs(Fragment, {
+        children: [selected ? /*#__PURE__*/jsx(Icon, {
+          name: "checkmark",
+          className: "popover-multi-select__checkmark-selection"
+        }) : iconSpacer(), /*#__PURE__*/jsx(ListItemText, {
+          children: item.label
+        })]
+      });
+    },
+    menuAlign: menuAlign
+  });
 }
-export default PopoverMultiSelect;
+
+export { PopoverMultiSelect as default };

package/components/ProgressCircle/ProgressCircle.js

@@ -1,30 +1,34 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import "react";
-import { Box, CircularProgress } from "@mui/material";
-import "./styles.scss";
+import 'react';
+import { Box, CircularProgress } from '@mui/material';
+import './styles.scss';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
 function ProgressCircle(props) {
-    const { size = 'small', determinate, value, renderPercentText, hideValue } = props;
-    return /*#__PURE__*/ jsxs(Box, {
-        className: "circle-container",
-        children: [
-            /*#__PURE__*/ jsx(CircularProgress, {
-                variant: "determinate",
-                value: 100,
-                className: `circle-track circle-track--${size}`
-            }),
-            /*#__PURE__*/ jsx(Box, {
-                className: "label-container",
-                children: value && !hideValue && /*#__PURE__*/ jsx("p", {
-                    className: `progress-circle-label--${size}`,
-                    children: renderPercentText(Math.round(value))
-                })
-            }),
-            /*#__PURE__*/ jsx(CircularProgress, {
-                value: value,
-                variant: determinate ? 'determinate' : 'indeterminate',
-                className: `circle-fill circle-track--${size}`
-            })
-        ]
-    });
+  const {
+    size = 'small',
+    determinate,
+    value,
+    renderPercentText,
+    hideValue
+  } = props;
+  return /*#__PURE__*/jsxs(Box, {
+    className: "circle-container",
+    children: [/*#__PURE__*/jsx(CircularProgress, {
+      variant: "determinate",
+      value: 100,
+      className: `circle-track circle-track--${size}`
+    }), /*#__PURE__*/jsx(Box, {
+      className: "label-container",
+      children: value && !hideValue && /*#__PURE__*/jsx("p", {
+        className: `progress-circle-label--${size}`,
+        children: renderPercentText(Math.round(value))
+      })
+    }), /*#__PURE__*/jsx(CircularProgress, {
+      value: value,
+      variant: determinate ? 'determinate' : 'indeterminate',
+      className: `circle-fill circle-track--${size}`
+    })]
+  });
 }
-export default ProgressCircle;
+
+export { ProgressCircle as default };

package/components/RadioButton.js

@@ -1,19 +1,21 @@
-import { jsx } from "react/jsx-runtime";
-import "react";
-import { FormControlLabel, Radio } from "@mui/material";
+import 'react';
+import { FormControlLabel, Radio } from '@mui/material';
+import { jsx } from 'react/jsx-runtime';
+
 function RadioButton(props) {
-    const onChange = (event, checked)=>{
-        props.onChange(checked);
-    };
-    return /*#__PURE__*/ jsx(FormControlLabel, {
-        id: props.id,
-        onChange: onChange,
-        label: props.label,
-        control: /*#__PURE__*/ jsx(Radio, {
-            id: 'radio-' + props.id,
-            color: "primary",
-            checked: props.value ?? false
-        })
-    });
+  const onChange = (event, checked) => {
+    props.onChange(checked);
+  };
+  return /*#__PURE__*/jsx(FormControlLabel, {
+    id: props.id,
+    onChange: onChange,
+    label: props.label,
+    control: /*#__PURE__*/jsx(Radio, {
+      id: 'radio-' + props.id,
+      color: "primary",
+      checked: props.value ?? false
+    })
+  });
 }
-export default RadioButton;
+
+export { RadioButton as default };

package/components/Select/Select.js

@@ -1,15 +1,17 @@
-import { jsx } from "react/jsx-runtime";
-import "react";
-import SelectT from "./SelectT.js";
-import "./styles.scss";
+import 'react';
+import SelectT from './SelectT.js';
+import './styles.scss';
+import { jsx } from 'react/jsx-runtime';
+
 function Select(props) {
-    const toString = (option)=>option;
-    return /*#__PURE__*/ jsx(SelectT, {
-        ...props,
-        isEqual: (A, B)=>A === B,
-        renderOption: toString,
-        toT: toString,
-        displayLabel: (option)=>option || ''
-    });
+  const toString = option => option;
+  return /*#__PURE__*/jsx(SelectT, {
+    ...props,
+    isEqual: (A, B) => A === B,
+    renderOption: toString,
+    toT: toString,
+    displayLabel: option => option || ''
+  });
 }
-export default Select;
+
+export { Select as default };