@wavelengthusaf/components 1.0.4 → 1.0.5

package/dist/index.d.mts

@@ -27,7 +27,13 @@ interface OutlinedButtonProps {
     disabled?: boolean;
     children?: ReactNode;
 }
-declare function WLButton({ id, variant, margin, padding, autoFocus, disabled, onClick, children }: OutlinedButtonProps): React__default.JSX.Element;
+declare function WavelengthButton({ id, variant, margin, padding, autoFocus, disabled, onClick, children }: OutlinedButtonProps): React__default.JSX.Element;
+
+interface MyComponentProps {
+    width?: number;
+    height?: number;
+}
+declare function MyComponent({ width, height }: MyComponentProps): React__default.JSX.Element;
 
 type ThemeProperties = {
     name?: string;
@@ -35,4 +41,4 @@ type ThemeProperties = {
 declare const WavelengthAppTheme: React.Context<ThemeProperties>;
 declare const useThemeContext: () => ThemeProperties;
 
-export { type ThemeProperties, WLButton, WavelengthAppTheme, add, concat, useThemeContext };
+export { MyComponent, type ThemeProperties, WavelengthAppTheme, WavelengthButton, add, concat, useThemeContext };

package/dist/index.d.ts

@@ -27,7 +27,13 @@ interface OutlinedButtonProps {
     disabled?: boolean;
     children?: ReactNode;
 }
-declare function WLButton({ id, variant, margin, padding, autoFocus, disabled, onClick, children }: OutlinedButtonProps): React__default.JSX.Element;
+declare function WavelengthButton({ id, variant, margin, padding, autoFocus, disabled, onClick, children }: OutlinedButtonProps): React__default.JSX.Element;
+
+interface MyComponentProps {
+    width?: number;
+    height?: number;
+}
+declare function MyComponent({ width, height }: MyComponentProps): React__default.JSX.Element;
 
 type ThemeProperties = {
     name?: string;
@@ -35,4 +41,4 @@ type ThemeProperties = {
 declare const WavelengthAppTheme: React.Context<ThemeProperties>;
 declare const useThemeContext: () => ThemeProperties;
 
-export { type ThemeProperties, WLButton, WavelengthAppTheme, add, concat, useThemeContext };
+export { MyComponent, type ThemeProperties, WavelengthAppTheme, WavelengthButton, add, concat, useThemeContext };

package/dist/index.js

@@ -1286,8 +1286,9 @@ var require_react_is2 = __commonJS({
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
-  WLButton: () => WLButton,
+  MyComponent: () => MyComponent,
   WavelengthAppTheme: () => WavelengthAppTheme,
+  WavelengthButton: () => WavelengthButton,
   add: () => add,
   concat: () => concat,
   useThemeContext: () => useThemeContext
@@ -1304,7 +1305,7 @@ function concat(a, b) {
   return a + b;
 }
 
-// src/components/buttons/WavelengthButton/WLButton.tsx
+// src/components/buttons/WavelengthButton/WavelengthButton.tsx
 var import_material = require("@mui/material");
 
 // node_modules/@mui/utils/esm/formatMuiErrorMessage/formatMuiErrorMessage.js
@@ -1361,13 +1362,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;
 }
@@ -2846,7 +2846,7 @@ function createStyled(input = {}) {
 var styled2 = createStyled();
 var styled_default = styled2;
 
-// src/components/buttons/WavelengthButton/WLButton.tsx
+// src/components/buttons/WavelengthButton/WavelengthButton.tsx
 var import_react3 = __toESM(require("react"));
 
 // src/themes/WavelengthAppTheme.ts
@@ -2855,26 +2855,27 @@ var WavelengthAppTheme = (0, import_react2.createContext)({});
 var useThemeContext = () => (0, import_react2.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(import_material.Button)(({}) => ({
     height: "45px",
     color: "#FFFFFF",
@@ -2907,10 +2908,27 @@ function WLButton({ id, variant, margin: margin2, padding: padding2, autoFocus,
   }
   return /* @__PURE__ */ import_react3.default.createElement(WLTextButton, { variant: "outlined", id, autoFocus, disabled, onClick, sx: { margin: { margin: margin2 }, padding: { padding: padding2 } } }, children);
 }
+
+// src/components/sample/MyComponent.tsx
+var import_react4 = __toESM(require("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__ */ import_react4.default.createElement("div", { style: divStyle }, /* @__PURE__ */ import_react4.default.createElement("center", null, /* @__PURE__ */ import_react4.default.createElement("p", { style: titleStyle }, "My Component")), /* @__PURE__ */ import_react4.default.createElement("br", null), /* @__PURE__ */ import_react4.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: width2, height: height2, viewBox: "0 0 96 105" }, /* @__PURE__ */ import_react4.default.createElement("g", { fill: palette2.secondary, stroke: palette2.secondary, strokeLinejoin: "round", strokeLinecap: "round" }, /* @__PURE__ */ import_react4.default.createElement("path", { d: "M14,40v24M81,40v24M38,68v24M57,68v24M28,42v31h39v-31z", strokeWidth: "12" }), /* @__PURE__ */ import_react4.default.createElement("path", { d: "M32,5l5,10M64,5l-6,10 ", strokeWidth: "2" })), /* @__PURE__ */ import_react4.default.createElement("path", { d: "M22,35h51v10h-51zM22,33c0-31,51-31,51,0", fill: palette2.secondary }), /* @__PURE__ */ import_react4.default.createElement("g", { fill: "#FFF" }, /* @__PURE__ */ import_react4.default.createElement("circle", { cx: "36", cy: "22", r: "2" }), /* @__PURE__ */ import_react4.default.createElement("circle", { cx: "59", cy: "22", r: "2" }))));
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  WLButton,
+  MyComponent,
   WavelengthAppTheme,
+  WavelengthButton,
   add,
   concat,
   useThemeContext