@wavelengthusaf/components 1.0.4 → 1.0.5

package/dist/index.mjs

@@ -1287,7 +1287,7 @@ function concat(a, b) {
   return a + b;
 }
 
-// src/components/buttons/WavelengthButton/WLButton.tsx
+// src/components/buttons/WavelengthButton/WavelengthButton.tsx
 import { Button } from "@mui/material";
 
 // node_modules/@mui/utils/esm/formatMuiErrorMessage/formatMuiErrorMessage.js
@@ -1344,13 +1344,12 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null)
     return {};
   var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0)
-      continue;
-    target[key] = source[key];
+  for (var key in source) {
+    if (Object.prototype.hasOwnProperty.call(source, key)) {
+      if (excluded.indexOf(key) >= 0)
+        continue;
+      target[key] = source[key];
+    }
   }
   return target;
 }
@@ -2829,7 +2828,7 @@ function createStyled(input = {}) {
 var styled2 = createStyled();
 var styled_default = styled2;
 
-// src/components/buttons/WavelengthButton/WLButton.tsx
+// src/components/buttons/WavelengthButton/WavelengthButton.tsx
 import React from "react";
 
 // src/themes/WavelengthAppTheme.ts
@@ -2838,26 +2837,27 @@ var WavelengthAppTheme = createContext({});
 var useThemeContext = () => useContext(WavelengthAppTheme);
 
 // src/themes/Palette.ts
-function getPalette(themeName) {
-  const palette2 = {
-    primary: `#336699`,
-    secondary: `#66FFCC`
-  };
-  if (themeName != void 0) {
-    if (themeName.toLowerCase() === "arrow") {
-      palette2.primary = "#46D8ECFF";
-      palette2.secondary = "#46D8EC99";
+var defaultPalette = {
+  primary: `#336699`,
+  secondary: `#66FFCC`
+};
+var arrowPalette = {
+  primary: "#46D8ECFF",
+  secondary: "#46D8EC99"
+};
+function getPalette() {
+  const { name } = useThemeContext();
+  if (name != void 0) {
+    if (name.toLowerCase() === "arrow") {
+      return arrowPalette;
     }
-  } else {
-    console.log("Using Default Theme");
   }
-  return palette2;
+  return defaultPalette;
 }
 
-// src/components/buttons/WavelengthButton/WLButton.tsx
-function WLButton({ id, variant, margin: margin2, padding: padding2, autoFocus, disabled, onClick, children }) {
-  const { name } = useThemeContext();
-  const palette2 = getPalette(name);
+// src/components/buttons/WavelengthButton/WavelengthButton.tsx
+function WavelengthButton({ id, variant, margin: margin2, padding: padding2, autoFocus, disabled, onClick, children }) {
+  const palette2 = getPalette();
   const WLContainedButton = styled_default(Button)(({}) => ({
     height: "45px",
     color: "#FFFFFF",
@@ -2890,9 +2890,26 @@ function WLButton({ id, variant, margin: margin2, padding: padding2, autoFocus,
   }
   return /* @__PURE__ */ React.createElement(WLTextButton, { variant: "outlined", id, autoFocus, disabled, onClick, sx: { margin: { margin: margin2 }, padding: { padding: padding2 } } }, children);
 }
+
+// src/components/sample/MyComponent.tsx
+import React2 from "react";
+function MyComponent({ width: width2 = 100, height: height2 = 100 }) {
+  const palette2 = getPalette();
+  const divStyle = {
+    display: "inline-block",
+    border: "1px solid black",
+    padding: "5px",
+    borderRadius: "5px"
+  };
+  const titleStyle = {
+    color: palette2.primary
+  };
+  return /* @__PURE__ */ React2.createElement("div", { style: divStyle }, /* @__PURE__ */ React2.createElement("center", null, /* @__PURE__ */ React2.createElement("p", { style: titleStyle }, "My Component")), /* @__PURE__ */ React2.createElement("br", null), /* @__PURE__ */ React2.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: width2, height: height2, viewBox: "0 0 96 105" }, /* @__PURE__ */ React2.createElement("g", { fill: palette2.secondary, stroke: palette2.secondary, strokeLinejoin: "round", strokeLinecap: "round" }, /* @__PURE__ */ React2.createElement("path", { d: "M14,40v24M81,40v24M38,68v24M57,68v24M28,42v31h39v-31z", strokeWidth: "12" }), /* @__PURE__ */ React2.createElement("path", { d: "M32,5l5,10M64,5l-6,10 ", strokeWidth: "2" })), /* @__PURE__ */ React2.createElement("path", { d: "M22,35h51v10h-51zM22,33c0-31,51-31,51,0", fill: palette2.secondary }), /* @__PURE__ */ React2.createElement("g", { fill: "#FFF" }, /* @__PURE__ */ React2.createElement("circle", { cx: "36", cy: "22", r: "2" }), /* @__PURE__ */ React2.createElement("circle", { cx: "59", cy: "22", r: "2" }))));
+}
 export {
-  WLButton,
+  MyComponent,
   WavelengthAppTheme,
+  WavelengthButton,
   add,
   concat,
   useThemeContext