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

package/components/PopoverMultiSelect/index.js

@@ -1,62 +1,55 @@
-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';
-
+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";
 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 = () => {
-    return /*#__PURE__*/jsx("div", {
-      className: "popover-multi-select__checkmark-spacer"
+    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
     });
-  };
-  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 { PopoverMultiSelect as default };
+export default PopoverMultiSelect;

package/components/ProgressCircle/ProgressCircle.js

@@ -1,34 +1,30 @@
-import 'react';
-import { Box, CircularProgress } from '@mui/material';
-import './styles.scss';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+import { Box, CircularProgress } from "@mui/material";
+import "./styles.scss";
 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 { ProgressCircle as default };
+export default ProgressCircle;

package/components/RadioButton.js

@@ -1,21 +1,19 @@
-import 'react';
-import { FormControlLabel, Radio } from '@mui/material';
-import { jsx } from 'react/jsx-runtime';
-
+import { jsx } from "react/jsx-runtime";
+import "react";
+import { FormControlLabel, Radio } from "@mui/material";
 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 { RadioButton as default };
+export default RadioButton;

package/components/Select/Select.js

@@ -1,17 +1,15 @@
-import 'react';
-import SelectT from './SelectT.js';
-import './styles.scss';
-import { jsx } from 'react/jsx-runtime';
-
+import { jsx } from "react/jsx-runtime";
+import "react";
+import SelectT from "./SelectT.js";
+import "./styles.scss";
 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 { Select as default };
+export default Select;