@wavelengthusaf/components 2.6.0 → 2.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +5 -0
- package/dist/cjs/index.cjs +58 -1
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/cjs/index.d.cts +15 -1
- package/dist/components/PageComponents/WavelengthCommentDisplay.d.ts +16 -0
- package/dist/components/PageComponents/WavelengthCommentDisplay.d.ts.map +1 -0
- package/dist/esm/index.d.ts +15 -1
- package/dist/esm/index.js +252 -195
- package/dist/esm/index.js.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
package/dist/cjs/index.cjs
CHANGED
|
@@ -4714,6 +4714,62 @@ function WavelengthProgressBar({ width: width2 = "425px", height: height2 = "12p
|
|
|
4714
4714
|
] });
|
|
4715
4715
|
}
|
|
4716
4716
|
|
|
4717
|
+
// src/components/PageComponents/WavelengthCommentDisplay.tsx
|
|
4718
|
+
|
|
4719
|
+
var _CheckCircleOutline = require('@mui/icons-material/CheckCircleOutline'); var _CheckCircleOutline2 = _interopRequireDefault(_CheckCircleOutline);
|
|
4720
|
+
var _CheckCircle = require('@mui/icons-material/CheckCircle'); var _CheckCircle2 = _interopRequireDefault(_CheckCircle);
|
|
4721
|
+
|
|
4722
|
+
|
|
4723
|
+
function WavelengthCommentDisplay(props) {
|
|
4724
|
+
const [selected, setSelected] = _react.useState.call(void 0, false);
|
|
4725
|
+
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
4726
|
+
"div",
|
|
4727
|
+
{
|
|
4728
|
+
style: {
|
|
4729
|
+
display: "flex",
|
|
4730
|
+
flexDirection: "column",
|
|
4731
|
+
width: props.width || "332px",
|
|
4732
|
+
minHeight: "fit",
|
|
4733
|
+
height: props.height || "fit-content",
|
|
4734
|
+
backgroundColor: props.backgroundColor || "rgba(250, 242, 236, 1)",
|
|
4735
|
+
border: props.border || "1px solid rgba(0, 0, 0, 0.05)",
|
|
4736
|
+
borderRadius: "6px",
|
|
4737
|
+
padding: "12px",
|
|
4738
|
+
color: props.textColor || "black"
|
|
4739
|
+
},
|
|
4740
|
+
children: [
|
|
4741
|
+
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { style: { fontSize: "14px", fontWeight: 600, display: "flex", flexDirection: "row", justifyContent: "space-between", alignItems: "center", padding: 0 }, children: [
|
|
4742
|
+
props.author,
|
|
4743
|
+
!selected && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
4744
|
+
_material.IconButton,
|
|
4745
|
+
{
|
|
4746
|
+
onClick: () => {
|
|
4747
|
+
setSelected(!selected);
|
|
4748
|
+
props.onClick;
|
|
4749
|
+
},
|
|
4750
|
+
style: { padding: "0px" },
|
|
4751
|
+
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _CheckCircleOutline2.default, { fontSize: "small" })
|
|
4752
|
+
}
|
|
4753
|
+
),
|
|
4754
|
+
selected && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
4755
|
+
_material.IconButton,
|
|
4756
|
+
{
|
|
4757
|
+
onClick: () => {
|
|
4758
|
+
setSelected(!selected);
|
|
4759
|
+
props.onClick;
|
|
4760
|
+
},
|
|
4761
|
+
style: { padding: "0px" },
|
|
4762
|
+
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _CheckCircle2.default, { fontSize: "small", sx: { color: props.iconSelectedColor || "rgba(209, 106, 47, 1)" } })
|
|
4763
|
+
}
|
|
4764
|
+
)
|
|
4765
|
+
] }),
|
|
4766
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { style: { fontSize: "12px", fontWeight: 400, opacity: 0.6 }, children: props.date }),
|
|
4767
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: { fontSize: "14px", fontWeight: 400 }, children: props.comments })
|
|
4768
|
+
]
|
|
4769
|
+
}
|
|
4770
|
+
);
|
|
4771
|
+
}
|
|
4772
|
+
|
|
4717
4773
|
// src/components/footers/WavelengthFooter/WavelengthFooter.tsx
|
|
4718
4774
|
|
|
4719
4775
|
|
|
@@ -6002,7 +6058,8 @@ function WavelengthTextField(props) {
|
|
|
6002
6058
|
|
|
6003
6059
|
|
|
6004
6060
|
|
|
6005
|
-
|
|
6061
|
+
|
|
6062
|
+
exports.AppLogo = AppLogo; exports.ButtonIcon = ButtonIcon; exports.ButtonMenu = ButtonMenu; exports.DefaultCarousel = DefaultCarousel; exports.DefaultIcon = DefaultIcon; exports.DefaultPagination = DefaultPagination; exports.ManyPlanesComponent = ManyPlanesComponent; exports.NotAvailablePage = NotAvailablePage; exports.SearchTextField = SearchTextField; exports.SliderCardCarousel = SliderCardCarousel; exports.TestSnackbar = TestSnackbar; exports.WavelengthAppTheme = WavelengthAppTheme; exports.WavelengthAutocomplete = WavelengthAutocomplete; exports.WavelengthBanner = WavelengthBanner; exports.WavelengthBox = WavelengthBox; exports.WavelengthButton = WavelengthButton; exports.WavelengthCommentDisplay = WavelengthCommentDisplay; exports.WavelengthConfirmationModal = WavelengthConfirmationModal; exports.WavelengthContentModal = WavelengthContentModal; exports.WavelengthContentPlaceholder = WavelengthContentPlaceholder; exports.WavelengthDragAndDrop = WavelengthDragAndDrop; exports.WavelengthDropdown = WavelengthDropdown; exports.WavelengthDropdownButton = WavelengthDropdownButton; exports.WavelengthExampleComponent = WavelengthExampleComponent; exports.WavelengthFileDownloader = WavelengthFileDownloader; exports.WavelengthFooter = WavelengthFooter; exports.WavelengthPlaneTrail = WavelengthPlaneTrail; exports.WavelengthPopUpMenu = WavelengthPopUpMenu; exports.WavelengthProgressBar = WavelengthProgressBar; exports.WavelengthSearch = WavelengthSearch; exports.WavelengthSideBar = WavelengthSideBar; exports.WavelengthSlider = WavelengthSlider; exports.WavelengthSnackbar = WavelengthSnackbar; exports.WavelengthSpinningLogo = WavelengthSpinningLogo; exports.WavelengthSpinningOuterCircle = WavelengthSpinningOuterCircle; exports.WavelengthStandardSnackbar = WavelengthStandardSnackbar; exports.WavelengthStyledButton = WavelengthStyledButton; exports.WavelengthTextField = WavelengthTextField; exports.WavelengthTitleBar = WavelengthTitleBar; exports.add = add; exports.ascendingRange = ascendingRange; exports.concat = concat; exports.findBestStringMatch = findBestStringMatch; exports.range = range; exports.useOutsideClick = useOutsideClick; exports.useThemeContext = useThemeContext;
|
|
6006
6063
|
/*! Bundled license information:
|
|
6007
6064
|
|
|
6008
6065
|
react-is/cjs/react-is.production.min.js:
|