@fixefy/fixefy-ui-components 0.0.20 → 0.0.22

package/dist-cjs/Tag/Tag.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Tag", {
+    enumerable: true,
+    get: function() {
+        return Tag;
+    }
+});
+const _ = require("@fixefy/fixefy-ui-utils/");
+const _material = require("@mui/material");
+const _tagstyles = require("./styles/tag.styles");
+const Tag = ({ name, count = 0 })=>/*#__PURE__*/ React.createElement(_material.Box, {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        sx: {
+            maxWidth: 'fit-content',
+            mb: 1
+        }
+    }, /*#__PURE__*/ React.createElement(_tagstyles.StyledTag, {
+        name: name
+    }, /*#__PURE__*/ React.createElement(_tagstyles.StyledLabel, null, (0, _.titleCase)(name))), /*#__PURE__*/ React.createElement(_tagstyles.StyledCount, {
+        name: name
+    }, count));

package/dist-cjs/Tag/index.js

@@ -1,5 +1,11 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tag = void 0;
-var Tag_1 = require("./Tag");
-Object.defineProperty(exports, "Tag", { enumerable: true, get: function () { return Tag_1.Tag; } });
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Tag", {
+    enumerable: true,
+    get: function() {
+        return _Tag.Tag;
+    }
+});
+const _Tag = require("./Tag");

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

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    StyledCount: function() {
+        return StyledCount;
+    },
+    StyledLabel: function() {
+        return StyledLabel;
+    },
+    StyledTag: function() {
+        return StyledTag;
+    }
+});
+const _object_spread = require("@swc/helpers/_/_object_spread");
+const _object_spread_props = require("@swc/helpers/_/_object_spread_props");
+const _styles = require("@mui/material/styles");
+const _material = require("@mui/material");
+const StyledTag = (0, _styles.styled)(_material.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'
+    }));
+const StyledLabel = (0, _styles.styled)(_material.Typography)(({ theme })=>_object_spread_props._(_object_spread._({}, theme.typography.body1), {
+        lineHeight: '20px',
+        color: theme.palette.common.white
+    }));
+const StyledCount = (0, _styles.styled)(_material.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.d.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

package/dist-cjs/index.js

@@ -1,5 +1,11 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tag = void 0;
-var Tag_1 = require("./Tag/");
-Object.defineProperty(exports, "Tag", { enumerable: true, get: function () { return Tag_1.Tag; } });
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Tag", {
+    enumerable: true,
+    get: function() {
+        return _.Tag;
+    }
+});
+const _ = require("./Tag/");

package/dist-es/Tag/Tag.js

@@ -0,0 +1,16 @@
+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/styles/tag.styles.js

@@ -0,0 +1,24 @@
+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.d.js

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

package/package.json

@@ -29,7 +29,10 @@
 		"url": "https://github.com/Fixefy/fixefy-ui-components.git"
 	},
 	"scripts": {
-		"build": "tsc -p ./tsconfig.cjs.json && tsc -p ./tsconfig.es.json && tsc -p ./tsconfig.types.json && yarn build:copy swc src -d dist",
+		"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 --project 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",
@@ -62,5 +65,5 @@
 		}
 	},
 	"types": "./dist-types/index.d.ts",
-	"version": "0.0.20"
+	"version": "0.0.22"
 }

package/dist-cjs/Tag/Tag.jsx

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tag = void 0;
-const fixefy_ui_utils_1 = require("@fixefy/fixefy-ui-utils/");
-const material_1 = require("@mui/material");
-const tag_styles_1 = require("./styles/tag.styles");
-const Tag = ({ name, count = 0 }) => (<material_1.Box display="flex" alignItems="center" justifyContent="center" sx={{ maxWidth: 'fit-content', mb: 1 }}>
-      <tag_styles_1.StyledTag name={name}>
-        <tag_styles_1.StyledLabel>{(0, fixefy_ui_utils_1.titleCase)(name)}</tag_styles_1.StyledLabel>
-      </tag_styles_1.StyledTag>
-      <tag_styles_1.StyledCount name={name}>{count}</tag_styles_1.StyledCount>
-    </material_1.Box>);
-exports.Tag = Tag;

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

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyledCount = exports.StyledLabel = exports.StyledTag = void 0;
-const styles_1 = require("@mui/material/styles");
-const material_1 = require("@mui/material");
-exports.StyledTag = (0, styles_1.styled)(material_1.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',
-}));
-exports.StyledLabel = (0, styles_1.styled)(material_1.Typography)(({ theme }) => (Object.assign(Object.assign({}, theme.typography.body1), { lineHeight: '20px', color: theme.palette.common.white })));
-exports.StyledCount = (0, styles_1.styled)(material_1.Typography)(({ theme, name }) => (Object.assign(Object.assign({}, 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.jsx

@@ -1,9 +0,0 @@
-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 }) => (<Box display="flex" alignItems="center" justifyContent="center" sx={{ maxWidth: 'fit-content', mb: 1 }}>
-      <StyledTag name={name}>
-        <StyledLabel>{titleCase(name)}</StyledLabel>
-      </StyledTag>
-      <StyledCount name={name}>{count}</StyledCount>
-    </Box>);

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

@@ -1,23 +0,0 @@
-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,
-}));