@tapcart/mobile-components 0.11.0 → 0.11.1

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.
Files changed (8) hide show
  1. package/dist/components/ui/loading-spinner.d.ts +12 -0
  2. package/dist/components/ui/loading-spinner.d.ts.map +1 -0
  3. package/dist/components/ui/loading-spinner.js +25 -0
  4. package/dist/index.d.ts +1 -0
  5. package/dist/index.d.ts.map +1 -1
  6. package/dist/index.js +1 -0
  7. package/dist/styles.css +4 -15
  8. package/package.json +1 -1
package/dist/components/ui/loading-spinner.d.ts ADDED
@@ -0,0 +1,12 @@
1
+ import React from "react";
2
+ export interface LoadingSpinnerProps {
3
+ iconColor?: string;
4
+ size?: number;
5
+ opacity?: number;
6
+ show?: boolean;
7
+ showBackground?: boolean;
8
+ className?: string;
9
+ style?: React.CSSProperties;
10
+ }
11
+ export declare const LoadingSpinner: ({ iconColor, size, opacity, show, showBackground, className, style, }: LoadingSpinnerProps) => import("react/jsx-runtime").JSX.Element | null;
12
+ //# sourceMappingURL=loading-spinner.d.ts.map
package/dist/components/ui/loading-spinner.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"loading-spinner.d.ts","sourceRoot":"","sources":["../../../components/ui/loading-spinner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B;AAED,eAAO,MAAM,cAAc,0EAQxB,mBAAmB,mDAkDrB,CAAA"}
package/dist/components/ui/loading-spinner.js ADDED
@@ -0,0 +1,25 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { cn } from "../../lib/utils";
3
+ import React from "react";
4
+ export const LoadingSpinner = ({ iconColor = "#000000", size = 16, opacity = 0.7, show = false, showBackground = false, className, style, }) => {
5
+ const [showLoadingSpinner, setShowLoadingSpinner] = React.useState(show);
6
+ const [isAnimatingOut, setIsAnimatingOut] = React.useState(false);
7
+ React.useEffect(() => {
8
+ if (!show) {
9
+ setIsAnimatingOut(true);
10
+ setTimeout(() => {
11
+ setShowLoadingSpinner(false);
12
+ setIsAnimatingOut(false);
13
+ }, 300); // Match animation duration
14
+ }
15
+ else {
16
+ setShowLoadingSpinner(true);
17
+ setIsAnimatingOut(false);
18
+ }
19
+ }, [show]);
20
+ if (!showLoadingSpinner)
21
+ return null;
22
+ return (_jsx("div", Object.assign({ className: cn("absolute inset-0 flex items-center justify-center z-20", isAnimatingOut ? "animate-fadeOut" : "animate-fadeIn", {
23
+ "bg-white bg-opacity-70 rounded-full": showBackground,
24
+ }, className), style: style }, { children: _jsx("svg", Object.assign({ width: `${size}pt`, height: `${size}pt`, viewBox: "0 0 100 100", xmlns: "http://www.w3.org/2000/svg", className: "animate-spin m-2", style: { opacity } }, { children: _jsxs("g", Object.assign({ fill: iconColor }, { children: [_jsx("path", { d: "m49.105 0c-2.8555 0-5.1719 2.3164-5.1719 5.1719v17.242c0 2.8555 2.3164 5.1719 5.1719 5.1719s5.1758-2.3164 5.1758-5.1719v-17.242c0-2.8555-2.3203-5.1719-5.1758-5.1719z" }), _jsx("path", { d: "m49.105 72.414c-2.8555 0-5.1719 2.3164-5.1719 5.1719v17.242c0 2.8555 2.3164 5.1719 5.1719 5.1719s5.1719-2.3164 5.1719-5.1719v-17.242c0.003906-2.8555-2.3164-5.1719-5.1719-5.1719z" }), _jsx("path", { d: "m28.691 31.727l-14.93-8.6211c-2.4766-1.4258-5.6367-0.57812-7.0664 1.8945-1.4258 2.4766-0.58203 5.6406 1.8945 7.0703l14.93 8.6211c2.4727 1.4258 5.6367 0.57812 7.0664-1.8984 1.4297-2.4727 0.57812-5.6367-1.8945-7.0664z" }), _jsx("path", { d: "m91.402 67.934l-14.93-8.6211c-2.4727-1.4258-5.6367-0.57812-7.0664 1.8945-1.4258 2.4766-0.57812 5.6406 1.8945 7.0703l14.93 8.6211c2.4766 1.4258 5.6406 0.57812 7.0703-1.8984 1.4219-2.4727 0.57422-5.6367-1.8984-7.0664z" }), _jsx("path", { d: "m23.52 59.312l-14.93 8.6211c-2.4727 1.4258-3.3203 4.5938-1.8945 7.0664 1.4258 2.4727 4.5938 3.3281 7.0664 1.8945l14.93-8.6172c2.4727-1.4258 3.3203-4.5938 1.8945-7.0703-1.4258-2.4727-4.5938-3.3203-7.0664-1.8945z" }), _jsx("path", { d: "m76.477 40.691l14.93-8.6211c2.4766-1.4297 3.3242-4.5977 1.8945-7.0742-1.4258-2.4727-4.5938-3.3203-7.0703-1.8906l-14.93 8.6211c-2.4727 1.4258-3.3203 4.5898-1.8945 7.0664 1.4297 2.4805 4.5977 3.3281 7.0703 1.8984z" })] })) })) })));
25
+ };
package/dist/index.d.ts CHANGED
@@ -43,6 +43,7 @@ export * from "./components/ui/Input/input";
43
43
  export * from "./components/ui/label";
44
44
  export * from "./components/ui/line-item-text-icons";
45
45
  export * from "./components/ui/loading-dots";
46
+ export * from "./components/ui/loading-spinner";
46
47
  export * from "./components/ui/money";
47
48
  export * from "./components/ui/portal";
48
49
  export * from "./components/ui/price";
package/dist/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,EAAE,EACF,GAAG,EACH,QAAQ,EACR,4BAA4B,EAC5B,cAAc,EACd,mBAAmB,EACnB,YAAY,EACZ,yBAAyB,EACzB,4BAA4B,EAC5B,YAAY,EACZ,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,cAAc,EACd,oBAAoB,EACpB,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,qBAAqB,EACrB,qBAAqB,EACrB,qBAAqB,EACrB,qBAAqB,EACrB,wBAAwB,EACxB,4BAA4B,EAC5B,6BAA6B,EAC7B,yBAAyB,EACzB,4BAA4B,EAC5B,qBAAqB,EACrB,eAAe,EACf,cAAc,EACd,SAAS,EACT,4BAA4B,EAC5B,gBAAgB,EAChB,iBAAiB,EACjB,uBAAuB,GACxB,MAAM,aAAa,CAAA;AACpB,YAAY,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AACrD,cAAc,iBAAiB,CAAA;AAC/B,cAAc,0BAA0B,CAAA;AACxC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,2CAA2C,CAAA;AACzD,cAAc,mCAAmC,CAAA;AACjD,cAAc,wCAAwC,CAAA;AACtD,cAAc,0CAA0C,CAAA;AACxD,cAAc,wCAAwC,CAAA;AACtD,cAAc,iCAAiC,CAAA;AAC/C,cAAc,sCAAsC,CAAA;AACpD,cAAc,yCAAyC,CAAA;AACvD,cAAc,oCAAoC,CAAA;AAClD,cAAc,wCAAwC,CAAA;AACtD,cAAc,6BAA6B,CAAA;AAC3C,cAAc,sCAAsC,CAAA;AACpD,cAAc,oDAAoD,CAAA;AAClE,cAAc,kCAAkC,CAAA;AAChD,cAAc,2BAA2B,CAAA;AACzC,cAAc,mCAAmC,CAAA;AACjD,cAAc,gCAAgC,CAAA;AAC9C,cAAc,kCAAkC,CAAA;AAChD,cAAc,8BAA8B,CAAA;AAC5C,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA;AACxC,cAAc,sBAAsB,CAAA;AACpC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,2BAA2B,CAAA;AACzC,cAAc,wBAAwB,CAAA;AACtC,cAAc,0BAA0B,CAAA;AACxC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,uCAAuC,CAAA;AACrD,cAAc,0BAA0B,CAAA;AACxC,cAAc,uCAAuC,CAAA;AACrD,cAAc,sBAAsB,CAAA;AACpC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,sBAAsB,CAAA;AACpC,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,uBAAuB,CAAA;AACrC,cAAc,sCAAsC,CAAA;AACpD,cAAc,8BAA8B,CAAA;AAC5C,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,iCAAiC,CAAA;AAE/C,cAAc,oCAAoC,CAAA;AAClD,cAAc,8BAA8B,CAAA;AAC5C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,0BAA0B,CAAA;AACxC,cAAc,wBAAwB,CAAA;AACtC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,wBAAwB,CAAA;AACtC,cAAc,sBAAsB,CAAA;AACpC,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA;AACxC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,wBAAwB,CAAA;AACtC,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,0BAA0B,CAAA;AACxC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,sBAAsB,CAAA;AACpC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,kDAAkD,CAAA;AAChE,cAAc,gCAAgC,CAAA;AAC9C,cAAc,qCAAqC,CAAA;AACnD,cAAc,oCAAoC,CAAA;AAClD,cAAc,mCAAmC,CAAA;AACjD,cAAc,aAAa,CAAA;AAC3B,cAAc,6CAA6C,CAAA;AAC3D,cAAc,kDAAkD,CAAA;AAChE,cAAc,qBAAqB,CAAA;AACnC,cAAc,mCAAmC,CAAA;AACjD,cAAc,qCAAqC,CAAA;AACnD,cAAc,wBAAwB,CAAA;AACtC,cAAc,2BAA2B,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"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"}
package/dist/index.js CHANGED
@@ -43,6 +43,7 @@ export * from "./components/ui/Input/input";
43
43
  export * from "./components/ui/label";
44
44
  export * from "./components/ui/line-item-text-icons";
45
45
  export * from "./components/ui/loading-dots";
46
+ export * from "./components/ui/loading-spinner";
46
47
  export * from "./components/ui/money";
47
48
  export * from "./components/ui/portal";
48
49
  export * from "./components/ui/price";
package/dist/styles.css CHANGED
@@ -778,9 +778,6 @@ video {
778
778
  .top-\[50\%\] {
779
779
  top: 50%;
780
780
  }
781
- .z-0 {
782
- z-index: 0;
783
- }
784
781
  .z-10 {
785
782
  z-index: 10;
786
783
  }
@@ -889,9 +886,6 @@ video {
889
886
  .ml-2 {
890
887
  margin-left: 0.5rem;
891
888
  }
892
- .ml-4 {
893
- margin-left: 1rem;
894
- }
895
889
  .ml-auto {
896
890
  margin-left: auto;
897
891
  }
@@ -973,9 +967,6 @@ video {
973
967
  .hidden {
974
968
  display: none;
975
969
  }
976
- .aspect-\[2\/3\] {
977
- aspect-ratio: 2/3;
978
- }
979
970
  .aspect-productImages {
980
971
  aspect-ratio: var(--productImage-aspectRatio);
981
972
  }
@@ -1115,9 +1106,6 @@ video {
1115
1106
  .w-1\/2 {
1116
1107
  width: 50%;
1117
1108
  }
1118
- .w-1\/3 {
1119
- width: 33.333333%;
1120
- }
1121
1109
  .w-1\/4 {
1122
1110
  width: 25%;
1123
1111
  }
@@ -1142,9 +1130,6 @@ video {
1142
1130
  .w-2\/3 {
1143
1131
  width: 66.666667%;
1144
1132
  }
1145
- .w-2\/5 {
1146
- width: 40%;
1147
- }
1148
1133
  .w-20 {
1149
1134
  width: 5rem;
1150
1135
  }
@@ -2376,6 +2361,10 @@ video {
2376
2361
  --tw-drop-shadow: drop-shadow(0 3px 1px 0 rgba(0,0,0,1));
2377
2362
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
2378
2363
  }
2364
+ .grayscale {
2365
+ --tw-grayscale: grayscale(100%);
2366
+ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
2367
+ }
2379
2368
  .filter {
2380
2369
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
2381
2370
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tapcart/mobile-components",
3
- "version": "0.11.0",
3
+ "version": "0.11.1",
4
4
  "main": "dist/index.js",
5
5
  "types": "dist/index.d.ts",
6
6
  "style": "dist/styles.css",