@fangzsx/component-library 0.0.26 → 0.0.27

package/dist/components/PromoCode/index.d.ts

@@ -1,5 +1,3 @@
-import { default as React } from 'react';
-
 interface PromoCodeProps {
     /** Current promo code value */
     value: string;
@@ -20,5 +18,5 @@ interface PromoCodeProps {
     /** Input placeholder text */
     placeholder?: string;
 }
-declare const PromoCode: React.FC<PromoCodeProps>;
-export default PromoCode;
+export declare function PromoCode({ value, onChange, onApply, onRemove, isLoading, isApplied, discountLabel, errorMessage, placeholder, }: PromoCodeProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/PromoCode/index.js

@@ -1,39 +1,39 @@
 import { jsxs as B, jsx as o } from "react/jsx-runtime";
 import { Close as D, LocalOffer as I } from "@mui/icons-material";
 import { Box as c, Chip as S, IconButton as A, Typography as h, TextField as R, InputAdornment as T, CircularProgress as W, Button as k } from "@mui/material";
-import { useState as w, useRef as O, useEffect as P, useCallback as i } from "react";
+import { useState as w, useRef as O, useEffect as P, useCallback as n } from "react";
 import { c as r } from "../../colors-DvNGPCDl.js";
-const M = ({
+function K({
   value: e,
-  onChange: m,
-  onApply: d,
-  onRemove: a,
+  onChange: d,
+  onApply: f,
+  onRemove: m,
   isLoading: x = !1,
   isApplied: y = !1,
-  discountLabel: f = "",
+  discountLabel: a = "",
   errorMessage: l = "",
   placeholder: C = "Add promotional code"
-}) => {
+}) {
   const [s, p] = w(!1), u = O(null);
   P(() => {
     s && u.current?.focus();
   }, [s]);
-  const t = i(() => {
-    e?.trim() && d?.();
-  }, [e, d]), b = i(
-    (n) => {
-      n.key === "Enter" && t();
+  const t = n(() => {
+    e?.trim() && f?.();
+  }, [e, f]), b = n(
+    (i) => {
+      i.key === "Enter" && t();
     },
     [t]
-  ), g = i(() => {
+  ), g = n(() => {
     if (!e?.trim()) {
       p(!1);
       return;
     }
     t();
-  }, [e, t]), z = i(() => {
-    a?.(), p(!1);
-  }, [a]);
+  }, [e, t]), z = n(() => {
+    m?.(), p(!1);
+  }, [m]);
   return y ? /* @__PURE__ */ B(c, { mt: 0.5, children: [
     /* @__PURE__ */ o(
       S,
@@ -56,7 +56,7 @@ const M = ({
         }
       }
     ),
-    f && /* @__PURE__ */ o(
+    a && /* @__PURE__ */ o(
       h,
       {
         variant: "caption",
@@ -64,7 +64,7 @@ const M = ({
         color: "text.secondary",
         display: "block",
         mt: 0.5,
-        children: f
+        children: a
       }
     )
   ] }) : s ? /* @__PURE__ */ o(c, { mt: 2, children: /* @__PURE__ */ o(
@@ -73,7 +73,7 @@ const M = ({
       inputRef: u,
       value: e ?? "",
       placeholder: C,
-      onChange: (n) => m?.(n.target.value),
+      onChange: (i) => d?.(i.target.value),
       onBlur: g,
       onKeyDown: b,
       error: !!l,
@@ -87,10 +87,9 @@ const M = ({
           {
             component: "span",
             fontWeight: 700,
-            color: "primary",
             sx: { cursor: "pointer", fontSize: "0.875rem", color: r.primary500 },
-            onMouseDown: (n) => {
-              n.preventDefault(), t();
+            onMouseDown: (i) => {
+              i.preventDefault(), t();
             },
             children: "Apply"
           }
@@ -98,13 +97,14 @@ const M = ({
         sx: {
           borderRadius: "5px",
           height: 40,
-          bgcolor: "white",
-          borderColor: "#C4CBD4"
+          bgcolor: "white"
         }
       },
       sx: {
         "& .MuiOutlinedInput-root": {
-          "& fieldset": { borderColor: "#C4CBD4" }
+          "& fieldset": { borderColor: "#C4CBD4" },
+          "&:hover fieldset": { borderColor: "#C4CBD4" },
+          "&.Mui-focused fieldset": { borderColor: "#C4CBD4" }
         }
       }
     }
@@ -113,7 +113,7 @@ const M = ({
     {
       variant: "text",
       onClick: () => {
-        m?.(""), p(!0);
+        d?.(""), p(!0);
       },
       sx: {
         bgcolor: r.grey50,
@@ -132,7 +132,7 @@ const M = ({
       children: "Add promo code"
     }
   ) });
-};
+}
 export {
-  M as default
+  K as PromoCode
 };

package/dist/main.d.ts

@@ -9,6 +9,7 @@ export { FlatBanner } from './components/FlatBanner';
 export { Label } from './components/Label';
 export { LinearProgress } from './components/LinearProgress';
 export { MediaCardWithAction } from './components/MediaCardWithAction';
+export { PromoCode } from './components/PromoCode';
 export { RadioButtonGroup } from './components/RadioButtonGroup';
 export { Stepper } from './components/Stepper';
 export { Text } from './components/Text';

package/dist/main.js

@@ -1,32 +1,34 @@
 import { AppBarPublic as e } from "./components/AppBarPublic/index.js";
 import { Banner as p } from "./components/Banner/index.js";
-import { B as f } from "./index-CS-LWC7Z.js";
+import { B as m } from "./index-CS-LWC7Z.js";
 import { CheckBox as a } from "./components/Checkbox/index.js";
 import { ScrollableDialog as i } from "./components/Dialog/index.js";
 import { CheckboxGroup as B } from "./components/CheckboxGroup/index.js";
-import { Dropdown as c } from "./components/Dropdown/index.js";
+import { Dropdown as u } from "./components/Dropdown/index.js";
 import { FlatBanner as b } from "./components/FlatBanner/index.js";
-import { Label as g } from "./components/Label/index.js";
-import { LinearProgress as C } from "./components/LinearProgress/index.js";
-import { MediaCardWithAction as k } from "./components/MediaCardWithAction/index.js";
-import { RadioButtonGroup as F } from "./components/RadioButtonGroup/index.js";
-import { Stepper as L } from "./components/Stepper/index.js";
-import { Text as S } from "./components/Text/index.js";
-import { TextFieldInput as w } from "./components/TextFieldInput/index.js";
+import { Label as C } from "./components/Label/index.js";
+import { LinearProgress as h } from "./components/LinearProgress/index.js";
+import { MediaCardWithAction as P } from "./components/MediaCardWithAction/index.js";
+import { PromoCode as A } from "./components/PromoCode/index.js";
+import { RadioButtonGroup as G } from "./components/RadioButtonGroup/index.js";
+import { Stepper as S } from "./components/Stepper/index.js";
+import { Text as w } from "./components/Text/index.js";
+import { TextFieldInput as M } from "./components/TextFieldInput/index.js";
 export {
   e as AppBarPublic,
   p as Banner,
-  f as Button,
+  m as Button,
   a as CheckBox,
   B as CheckboxGroup,
   i as Dialog,
-  c as Dropdown,
+  u as Dropdown,
   b as FlatBanner,
-  g as Label,
-  C as LinearProgress,
-  k as MediaCardWithAction,
-  F as RadioButtonGroup,
-  L as Stepper,
-  S as Text,
-  w as TextFieldInput
+  C as Label,
+  h as LinearProgress,
+  P as MediaCardWithAction,
+  A as PromoCode,
+  G as RadioButtonGroup,
+  S as Stepper,
+  w as Text,
+  M as TextFieldInput
 };

package/package.json

@@ -2,7 +2,7 @@
   "name": "@fangzsx/component-library",
   "author": "Jay Gilbert Garzon",
   "private": false,
-  "version": "0.0.26",
+  "version": "0.0.27",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",