@fixefy/fixefy-ui-components 0.0.34 → 0.0.36

package/package.json

@@ -1,70 +1,73 @@
 {
-	"author": "Fixefy Inc Team",
-	"browser": {
-		"fs": false
-	},
-	"dependencies": {
-		"@fixefy/fixefy-ui-utils": "^0.0.2",
-		"@mui/material": "^5.14.11",
-		"@mui/styled-engine": "^5.14.11",
-		"@mui/styles": "^5.14.11",
-		"browserlist": "^1.0.1",
-		"react": "^18.2.0",
-		"react-dom": "^18.2.0",
-		"swc-loader": "^0.2.3"
-	},
-	"devDependencies": {
-		"@svgr/webpack": "^8.1.0",
-		"@swc/cli": "^0.1.63",
-		"@swc/core": "^1.3.101",
-		"@types/node": "^20.7.1",
-		"@types/react": "^18.2.23",
-		"@typescript-eslint/eslint-plugin": "^6.7.3",
-		"@typescript-eslint/parser": "^6.7.3",
-		"eslint": "^8.50.0"
-	},
-	"license": "MIT",
-	"name": "@fixefy/fixefy-ui-components",
-	"repository": {
-		"type": "git",
-		"url": "https://github.com/Fixefy/fixefy-ui-components.git"
-	},
-	"scripts": {
-		"build:cjs": "swc src -d dist-cjs --config-file .swcrc.cjs.json",
-		"build:es": "swc src -d dist-es --config-file .swcrc.es.json",
-		"build:types": "tsc -p tsconfig.types.json",
-		"build": "yarn build:cjs && yarn build:es && yarn build:types && yarn build:copy",
-		"build:copy": "node ../../scripts/copy-files-ex.js",
-		"pre_release": "yarn clean && yarn && yarn build",
-		"pre_release_base": "yarn clean:base && yarn && yarn build",
-		"r": "yarn release",
-		"release": "yarn pre_release && npm pack && npm publish",
-		"release:config": "yarn pre_release && npm publish --userconfig ./.npmrc",
-		"clean:base": "rm ../../yarn.lock && yarn clean",
-		"clean": "rm -rf build && rm -rf dist-* && yarn clean:node",
-		"clean:node": "rm -rf node_modules",
-		"release_patch": "yarn patch && yarn release",
-		"release_minor": "yarn minor && yarn release",
-		"release_major": "yarn major && yarn release",
-		"patch": "yarn version --patch && git push --follow-tags",
-		"minor": "yarn version --minor && git push --follow-tags",
-		"major": "yarn version --major && git push --follow-tags"
-	},
-	"engines": {
-		"node": "18.17.1"
-	},
-	"files": [
-		"dist-*/**/*"
-	],
-	"private": false,
-	"main": "./dist-cjs/index.js",
-	"module": "./dist-es/index.js",
-	"exports": {
-		".": {
-			"import": "./dist-es/index.js",
-			"require": "./dist-cjs/index.js"
-		}
-	},
-	"types": "./dist-types/index.d.ts",
-	"version": "0.0.34"
+  "author": "Fixefy Inc Team",
+  "browser": {
+    "fs": false
+  },
+  "dependencies": {
+    "@apollo/client": "^3.8.4",
+    "@fixefy/fixefy-ui-utils": "^0.0.14",
+    "@mui/icons-material": "^5.14.11",
+    "@mui/material": "^5.14.11",
+    "@mui/styled-engine": "^5.14.11",
+    "@mui/styles": "^5.14.11",
+    "@react-spring/web": "^9.7.3",
+    "graphql-tag": "^2.12.6",
+    "next": "^13.5.3",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "swc-loader": "^0.2.3"
+  },
+  "devDependencies": {
+    "@svgr/webpack": "^8.1.0",
+    "@swc/cli": "^0.1.63",
+    "@swc/core": "^1.3.102",
+    "@types/convert-excel-to-json": "^1.7.2",
+    "@types/node": "^20.7.1",
+    "@types/nookies": "^2.0.3",
+    "@types/react": "^18.2.24",
+    "@typescript-eslint/eslint-plugin": "^6.7.3",
+    "@typescript-eslint/parser": "^6.7.3",
+    "eslint": "^8.50.0",
+    "eslint-config-prettier": "^9.0.0",
+    "eslint-plugin-prettier": "^5.0.0",
+    "eslint-plugin-react": "^7.33.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "prettier": "^3.0.3",
+    "typescript": "^5.2.2"
+  },
+  "license": "MIT",
+  "name": "@fixefy/fixefy-ui-components",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Fixefy/fixefy-ui-components.git"
+  },
+  "scripts": {
+	"build": "swc src/FxTag -d build",
+    "build:copy": "node ../../scripts/copy-files-ex.js",
+    "pre_release": "yarn clean && yarn && yarn build",
+    "r": "yarn release",
+    "release": "yarn pre_release && npm pack && npm publish",
+    "release:config": "yarn pre_release && npm publish --userconfig ./.npmrc",
+    "clean": "rm -rf build && rm -rf dist-* && yarn clean:node",
+    "clean:node": "rm -rf node_modules",
+    "lint": "eslint \"{**/*,*}.{js,ts,jsx,tsx}\"",
+    "prettier": "prettier --write \"{src,tests,example/src}/**/*.{js,ts,jsx,tsx}\""
+  },
+  "engines": {
+    "node": "18.17.1"
+  },
+  "files": [
+    "dist-*/**/*"
+  ],
+  "private": false,
+  "main": "./dist-cjs/index.js",
+  "module": "./dist-es/index.js",
+  "exports": {
+    ".": {
+      "import": "./dist-es/index.js",
+      "require": "./dist-cjs/index.js"
+    }
+  },
+  "types": "./dist-types/index.d.ts",
+  "version": "0.0.36"
 }

package/dist-cjs/Tag/Tag.js

@@ -1,17 +0,0 @@
-import React from "react";
-import { titleCase } from "@fixefy/fixefy-ui-utils/";
-import { Box } from "@mui/material";
-import { StyledCount, StyledLabel, StyledTag } from "./styles/tag.styles";
-export const Tag = ({ name, count = 0 })=>/*#__PURE__*/ React.createElement(Box, {
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        sx: {
-            maxWidth: "fit-content",
-            mb: 1
-        }
-    }, /*#__PURE__*/ React.createElement(StyledTag, {
-        name: name
-    }, /*#__PURE__*/ React.createElement(StyledLabel, null, titleCase(name))), /*#__PURE__*/ React.createElement(StyledCount, {
-        name: name
-    }, count));

package/dist-cjs/Tag/index.js

@@ -1 +0,0 @@
-export { Tag } from "./Tag";

package/dist-cjs/Tag/styles/tag.styles.js

@@ -1,75 +0,0 @@
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
-import React from "react";
-import { styled } from "@mui/material/styles";
-import { Box, Typography } from "@mui/material";
-//
-export const StyledTag = styled(Box)(({ theme, name })=>({
-        background: name === "in_dispute" ? "#56CCF2" : name === "" ? "#BB6BD9" : theme.palette.reconcilation[name].background,
-        borderRadius: 8,
-        padding: "2px 8px",
-        border: `1px solid ${name === "in_dispute" ? "#56CCF2" : name === "" ? "#BB6BD9" : theme.palette.reconcilation[name].border}`,
-        display: "flex",
-        alignItems: "center",
-        width: "fit-content"
-    }));
-export const StyledLabel = styled(Typography)(({ theme })=>_object_spread_props(_object_spread({}, theme.typography.body1), {
-        lineHeight: "20px",
-        color: theme.palette.common.white
-    }));
-export const StyledCount = styled(Typography)(({ theme, name })=>_object_spread_props(_object_spread({}, theme.typography.subtitle2), {
-        lineHeight: "16px",
-        fontWeight: 700,
-        color: name === "in_dispute" ? "#56CCF2" : name === "" ? "#BB6BD9" : theme.palette.reconcilation[name].background,
-        marginLeft: 8
-    }));

package/dist-cjs/Tag/tag_types.js

@@ -1 +0,0 @@
-export { };

package/dist-cjs/index.js

@@ -1 +0,0 @@
-export { Tag } from "./Tag/Tag";

package/dist-cjs/package.json

@@ -1,3 +0,0 @@
-{
-  "type": "commonjs"
-}

package/dist-es/Tag/Tag.js

@@ -1,17 +0,0 @@
-import React from "react";
-import { titleCase } from "@fixefy/fixefy-ui-utils/";
-import { Box } from "@mui/material";
-import { StyledCount, StyledLabel, StyledTag } from "./styles/tag.styles";
-export const Tag = ({ name, count = 0 })=>/*#__PURE__*/ React.createElement(Box, {
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        sx: {
-            maxWidth: "fit-content",
-            mb: 1
-        }
-    }, /*#__PURE__*/ React.createElement(StyledTag, {
-        name: name
-    }, /*#__PURE__*/ React.createElement(StyledLabel, null, titleCase(name))), /*#__PURE__*/ React.createElement(StyledCount, {
-        name: name
-    }, count));

package/dist-es/Tag/index.js

@@ -1 +0,0 @@
-export { Tag } from "./Tag";

package/dist-es/Tag/styles/tag.styles.js

@@ -1,25 +0,0 @@
-import React from "react";
-import { styled } from "@mui/material/styles";
-import { Box, Typography } from "@mui/material";
-//
-export const StyledTag = styled(Box)(({ theme, name })=>({
-        background: name === "in_dispute" ? "#56CCF2" : name === "" ? "#BB6BD9" : theme.palette.reconcilation[name].background,
-        borderRadius: 8,
-        padding: "2px 8px",
-        border: `1px solid ${name === "in_dispute" ? "#56CCF2" : name === "" ? "#BB6BD9" : theme.palette.reconcilation[name].border}`,
-        display: "flex",
-        alignItems: "center",
-        width: "fit-content"
-    }));
-export const StyledLabel = styled(Typography)(({ theme })=>({
-        ...theme.typography.body1,
-        lineHeight: "20px",
-        color: theme.palette.common.white
-    }));
-export const StyledCount = styled(Typography)(({ theme, name })=>({
-        ...theme.typography.subtitle2,
-        lineHeight: "16px",
-        fontWeight: 700,
-        color: name === "in_dispute" ? "#56CCF2" : name === "" ? "#BB6BD9" : theme.palette.reconcilation[name].background,
-        marginLeft: 8
-    }));

package/dist-es/Tag/tag_types.js

@@ -1 +0,0 @@
-export { };

package/dist-es/index.js

@@ -1 +0,0 @@
-export { Tag } from "./Tag/Tag";

package/dist-es/package.json

@@ -1,3 +0,0 @@
-{
-  "type": "module"
-}

package/dist-types/Tag/Tag.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-import { TagProps } from "./tag_types";
-export declare const Tag: ({ name, count }: TagProps) => React.JSX.Element;

package/dist-types/Tag/index.d.ts

@@ -1,2 +0,0 @@
-export { Tag } from "./Tag";
-export type { TagProps } from "./tag_types";

package/dist-types/Tag/styles/tag.styles.d.ts

@@ -1,3 +0,0 @@
-export declare const StyledTag: StyledComponent<ComponentProps & AdditionalProps, SpecificComponentProps, JSXProps>;
-export declare const StyledLabel: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
-export declare const StyledCount: StyledComponent<ComponentProps & AdditionalProps, SpecificComponentProps, JSXProps>;

package/dist-types/Tag/tag_types.d.ts

@@ -1,4 +0,0 @@
-export type TagProps = {
-    name: string;
-    count?: number;
-};

package/dist-types/index.d.ts

@@ -1,2 +0,0 @@
-export { Tag } from "./Tag/Tag";
-export type { TagProps } from "./Tag/tag_types";