@zydon/common 1.0.12 → 1.0.14

package/dist/utils/cropImage.d.ts

@@ -0,0 +1,22 @@
+export declare const createImage: (url: string) => Promise<unknown>;
+export declare function getRadianAngle(degreeValue: number): number;
+/**
+ * Returns the new bounding area of a rotated rectangle.
+ */
+export declare function rotateSize(width: number, height: number, rotation: number): {
+    width: number;
+    height: number;
+};
+/**
+ * This function was adapted from the one in the ReadMe of https://github.com/DominicTobias/react-image-crop
+ */
+export default function getCroppedImg(imageSrc: string, pixelCrop: {
+    width: any;
+    height: any;
+    x: any;
+    y: any;
+}, rotation?: number, flip?: {
+    horizontal: boolean;
+    vertical: boolean;
+}): Promise<unknown>;
+//# sourceMappingURL=cropImage.d.ts.map

package/dist/utils/cropImage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cropImage.d.ts","sourceRoot":"","sources":["../../src/utils/cropImage.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,QAAS,MAAM,qBAOnC,CAAC;AAEL,wBAAgB,cAAc,CAAC,WAAW,EAAE,MAAM,UAEjD;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;;;EASzE;AAED;;GAEG;AACH,wBAA8B,aAAa,CACzC,QAAQ,EAAE,MAAM,EAChB,SAAS,EAAE;IAAE,KAAK,EAAE,GAAG,CAAC;IAAC,MAAM,EAAE,GAAG,CAAC;IAAC,CAAC,EAAE,GAAG,CAAC;IAAC,CAAC,EAAE,GAAG,CAAA;CAAE,EACtD,QAAQ,SAAI,EACZ,IAAI;;;CAAyC,oBAyD9C"}

package/dist/utils/cssStyles.d.ts

@@ -0,0 +1,78 @@
+type BgBlurProps = {
+    blur?: number;
+    opacity?: number;
+    color?: string;
+    imgUrl?: string;
+};
+export declare function bgBlur(props?: BgBlurProps): {
+    readonly position: "relative";
+    readonly backgroundImage: `url(${string})`;
+    readonly '&:before': {
+        readonly position: "absolute";
+        readonly top: 0;
+        readonly left: 0;
+        readonly zIndex: 9;
+        readonly content: "\"\"";
+        readonly width: "100%";
+        readonly height: "100%";
+        readonly backdropFilter: `blur(${number}px)`;
+        readonly WebkitBackdropFilter: `blur(${number}px)`;
+        readonly backgroundColor: string;
+    };
+    backdropFilter?: undefined;
+    WebkitBackdropFilter?: undefined;
+    backgroundColor?: undefined;
+} | {
+    backdropFilter: string;
+    WebkitBackdropFilter: string;
+    backgroundColor: string;
+    readonly position?: undefined;
+    readonly backgroundImage?: undefined;
+    readonly '&:before'?: undefined;
+};
+type BgGradientProps = {
+    direction?: string;
+    color?: string;
+    startColor?: string;
+    endColor?: string;
+    imgUrl?: string;
+};
+export declare function bgGradient(props?: BgGradientProps): {
+    background: string;
+    backgroundSize: string;
+    backgroundRepeat: string;
+    backgroundPosition: string;
+} | {
+    background: string;
+    backgroundSize?: undefined;
+    backgroundRepeat?: undefined;
+    backgroundPosition?: undefined;
+};
+export declare function textGradient(value: string): {
+    background: string;
+    WebkitBackgroundClip: string;
+    WebkitTextFillColor: string;
+};
+export declare function filterStyles(value: string): {
+    filter: string;
+    WebkitFilter: string;
+    MozFilter: string;
+};
+export declare const hideScrollbarY: {
+    readonly msOverflowStyle: "none";
+    readonly scrollbarWidth: "none";
+    readonly overflowY: "scroll";
+    readonly '&::-webkit-scrollbar': {
+        readonly display: "none";
+    };
+};
+export declare const hideScrollbarX: {
+    readonly msOverflowStyle: "none";
+    readonly scrollbarWidth: "none";
+    readonly overflowX: "scroll";
+    readonly '&::-webkit-scrollbar': {
+        readonly display: "none";
+    };
+};
+export {};
+//# sourceMappingURL=cssStyles.d.ts.map

package/dist/utils/cssStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cssStyles.d.ts","sourceRoot":"","sources":["../../src/utils/cssStyles.ts"],"names":[],"mappings":"AAEA,KAAK,WAAW,GAAG;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,wBAAgB,MAAM,CAAC,KAAK,CAAC,EAAE,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;EA8BzC;AAID,KAAK,eAAe,GAAG;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,wBAAgB,UAAU,CAAC,KAAK,CAAC,EAAE,eAAe;;;;;;;;;;EAqBjD;AAID,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM;;;;EAMzC;AAID,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM;;;;EAMzC;AAID,eAAO,MAAM,cAAc;;;;;;;CAOjB,CAAC;AAIX,eAAO,MAAM,cAAc;;;;;;;CAOjB,CAAC"}

package/dist/utils/index.d.ts

@@ -1,4 +1,5 @@
 export * as file from './file';
 export * as formatTime from './formatTime';
+export * as cssStyles from './cssStyles';
 export { default as loadable } from './loadable';
 //# sourceMappingURL=index.d.ts.map

package/dist/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAC;AAC/B,OAAO,KAAK,UAAU,MAAM,cAAc,CAAC;AAE3C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAC;AAC/B,OAAO,KAAK,UAAU,MAAM,cAAc,CAAC;AAC3C,OAAO,KAAK,SAAS,MAAM,aAAa,CAAC;AAEzC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@zydon/common",
   "private": false,
-  "version": "1.0.12",
+  "version": "1.0.14",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -35,6 +35,7 @@
     "@types/lodash": "^4.14.197",
     "@types/node": "^20.5.3",
     "@types/react": "^18.2.15",
+    "@types/react-color": "^3.0.6",
     "@types/react-dom": "^18.2.7",
     "@types/react-lazy-load-image-component": "^1.5.3",
     "@typescript-eslint/eslint-plugin": "^6.4.1",
@@ -50,6 +51,7 @@
     "react": ">=18.x",
     "react-dom": ">=18.x",
     "react-hook-form": "^7.45.4",
+    "react-router-dom": "^6.15.0",
     "typescript": "^5.0.2",
     "vite": "^4.4.5",
     "vite-plugin-dts": "^3.5.2",
@@ -64,12 +66,15 @@
     "@mui/x-date-pickers-pro": ">=6.x",
     "react": ">=18.x",
     "react-dom": ">=18.x",
-    "react-hook-form": ">=7.x"
+    "react-hook-form": ">=7.x",
+    "react-router-dom": ">=6.x"
   },
   "dependencies": {
     "@iconify/react": "^4.1.1",
     "color": "^4.2.3",
     "date-fns": "^2.30.0",
+    "react-color": "^2.19.3",
+    "react-easy-crop": "^5.0.0",
     "react-lazy-load-image-component": "^1.6.0",
     "simplebar-react": "^3.2.4"
   },