@pfct/purple 1.3.4-npm-test.1

package/dist/utils/GenerateColorStyle/tag.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const Colors_1 = require("../../core/Colors");
+const tintTagColorStyle = (colorType) => {
+    switch (colorType) {
+        case 'gray':
+            return {
+                backgroundColor: Colors_1.basicColors.gray50,
+                textColor: Colors_1.basicColors.gray600,
+            };
+        default:
+            return {
+                backgroundColor: Colors_1.basicColors[`${colorType}50`],
+                textColor: Colors_1.basicColors[`${colorType}400`],
+            };
+    }
+};
+const fillTagColorStyle = (colorType) => {
+    switch (colorType) {
+        case 'gray':
+            return {
+                backgroundColor: Colors_1.basicColors.gray600,
+                textColor: Colors_1.basicColors.gray5,
+            };
+        default:
+            return {
+                backgroundColor: Colors_1.basicColors[`${colorType}400`],
+                textColor: Colors_1.basicColors.gray5,
+            };
+    }
+};
+const tagColorStyle = ({ type, colorType }) => {
+    switch (type) {
+        case 'tint':
+            return tintTagColorStyle(colorType);
+        case 'fill':
+            return fillTagColorStyle(colorType);
+    }
+};
+exports.default = tagColorStyle;

package/dist/utils/format.util.d.ts

@@ -0,0 +1,3 @@
+export declare const numberAccept: RegExp;
+export declare const extractNumber: (val: string) => string;
+export declare const formatKoreaCurrency: (val: string) => string;

package/dist/utils/format.util.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatKoreaCurrency = exports.extractNumber = exports.numberAccept = void 0;
+exports.numberAccept = /[\d]+/g;
+const extractNumber = (val) => (val.match(exports.numberAccept) || []).join('');
+exports.extractNumber = extractNumber;
+const formatKoreaCurrency = (val) => {
+    if (!val) {
+        return val;
+    }
+    const parsed = (0, exports.extractNumber)(val);
+    const number = Number.parseFloat(parsed);
+    return number.toLocaleString('kr-KO');
+};
+exports.formatKoreaCurrency = formatKoreaCurrency;

package/dist/utils/index.d.ts

@@ -0,0 +1,3 @@
+export * from './media.util';
+export * from './format.util';
+export * from './GenerateColorStyle';

package/dist/utils/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./media.util"), exports);
+__exportStar(require("./format.util"), exports);
+__exportStar(require("./GenerateColorStyle"), exports);

package/dist/utils/media.util.d.ts

@@ -0,0 +1,9 @@
+import { SerializedStyles } from '@emotion/react';
+export declare const MediaQuerySize: {
+    Mobile: number;
+    PC: number;
+};
+export declare const Smaller: (style: SerializedStyles) => SerializedStyles;
+export declare const Larger: (style: SerializedStyles) => SerializedStyles;
+export declare const Between: (style: SerializedStyles) => SerializedStyles;
+export declare const BetweenPcAndMobile: (PcStyle: SerializedStyles, MobileStyle: SerializedStyles) => SerializedStyles;

package/dist/utils/media.util.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BetweenPcAndMobile = exports.Between = exports.Larger = exports.Smaller = exports.MediaQuerySize = void 0;
+const react_1 = require("@emotion/react");
+exports.MediaQuerySize = {
+    Mobile: 768,
+    PC: 1024,
+};
+const Smaller = (style) => (0, react_1.css) `
+	@media (max-width: ${exports.MediaQuerySize.Mobile}px) {
+		${style}
+	}
+`;
+exports.Smaller = Smaller;
+const Larger = (style) => (0, react_1.css) `
+	@media (min-width: ${exports.MediaQuerySize.Mobile + 1}px) {
+		${style}
+	}
+`;
+exports.Larger = Larger;
+const Between = (style) => (0, react_1.css) `
+	@media (min-width: ${exports.MediaQuerySize.Mobile + 1}px) and (max-width: ${exports.MediaQuerySize.PC + 30}px) {
+		${style}
+	}
+`;
+exports.Between = Between;
+const BetweenPcAndMobile = (PcStyle, MobileStyle) => (0, react_1.css) `
+	@media (min-width: ${exports.MediaQuerySize.Mobile + 1}px) {
+		${PcStyle}
+	}
+	@media (max-width: ${exports.MediaQuerySize.Mobile}px) {
+		${MobileStyle}
+	}
+`;
+exports.BetweenPcAndMobile = BetweenPcAndMobile;

package/dist/utils/uuid.util.d.ts

@@ -0,0 +1 @@
+export declare const uuid: () => string;

package/dist/utils/uuid.util.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.uuid = void 0;
+// uuidv4
+const uuid = () => {
+    return (String([1e7]) + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, (ch) => {
+        const c = Number(ch);
+        return (c ^ (crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (c / 4)))).toString(16);
+    });
+};
+exports.uuid = uuid;

package/package.json

@@ -0,0 +1,180 @@
+{
+  "name": "@pfct/purple",
+  "version": "1.3.4-npm-test.1",
+  "description": "design system for PFCT web service",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/peoplefund-tech/PurpleUI-WEB.git"
+  },
+  "keywords": [
+    "pfct",
+    "peoplefund-tech",
+    "design-system"
+  ],
+  "contributors": [
+    "SEONMI KIM <hello.ddubbu@gmail.com>"
+  ],
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/peoplefund-tech/PurpleUI-WEB/issues"
+  },
+  "homepage": "https://github.com/peoplefund-tech/PurpleUI-WEB#readme",
+  "scripts": {
+    "build:before-release": "yarn lint && yarn lint:css && yarn tsc",
+    "release:major": "standard-version --release-as major",
+    "release:minor": "standard-version --release-as minor",
+    "release:patch": "standard-version --release-as patch",
+    "release:rc": "npx standard-version --prerelease rc --release-as",
+    "release:npm-test": "npx standard-version --prerelease npm-test --release-as",
+    "release:as": "standard-version --release-as",
+    "prepare": "husky install",
+    "tsc": "tsc",
+    "lint": "eslint 'src/**/*.{ts,tsx}'",
+    "lint:css": "stylelint 'src/**/*.{ts,tsx}'",
+    "storybook": "storybook dev -p 6006",
+    "storybook:build": "storybook build -o .build-storybook",
+    "generated-icon:tsc": "cd src/Icon && yarn tsc utils/svgr-cli.template.ts",
+    "generated-icon:svgr": "cd src/Icon && npx @svgr/cli --template utils/svgr-cli.template.js --config-file utils/.svgrrc  svgs/*.svg --out-dir generated --ext tsx",
+    "generated-icon:export": "cd src/Icon && ts-node utils/generate-exports.ts",
+    "generated-icon:main": "yarn generated-icon:svgr && yarn generated-icon:export",
+    "test": "jest --testPathIgnorePatterns '<rootDir>/e2e'"
+  },
+  "lint-staged": {
+    "src/**/*.{ts,tsx}": [
+      "prettier --ignore-path ./.prettierignore --write",
+      "tsc-files --noEmit",
+      "eslint --fix",
+      "npm run lint:css"
+    ]
+  },
+  "dependencies": {
+    "@emotion/core": "10.1.1",
+    "@emotion/css": "^11.9.0",
+    "@emotion/react": "^11.8.2",
+    "@emotion/styled": "^11.8.1",
+    "@emotion/styled-base": "^10.3.0",
+    "@tippyjs/react": "^4.2.6",
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1",
+    "react-intersection-observer": "^9.4.3",
+    "react-router-dom": "^6.11.1"
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.22.10",
+    "@babel/core": "^7.22.10",
+    "@babel/preset-env": "^7.18.6",
+    "@babel/preset-react": "^7.18.6",
+    "@babel/preset-typescript": "^7.18.6",
+    "@storybook/addon-essentials": "^7.0.6",
+    "@storybook/addon-interactions": "^7.0.6",
+    "@storybook/addon-links": "^7.0.6",
+    "@storybook/blocks": "^7.0.6",
+    "@storybook/react": "^7.0.6",
+    "@storybook/react-webpack5": "^7.0.6",
+    "@storybook/testing-library": "^0.2.0",
+    "@types/jest": "^27.1.5",
+    "@types/react": "^17.0.1",
+    "@types/react-dom": "^17.0.1",
+    "aws-sdk": "^2.1366.0",
+    "babel-loader": "^8.2.5",
+    "core-js": "^3.23.4",
+    "css-loader": "^6.7.1",
+    "css-minimizer-webpack-plugin": "^4.0.0",
+    "html-webpack-plugin": "^5.5.0",
+    "husky": "^8.0.3",
+    "lint-staged": "^13.2.1",
+    "lottie-web": "^5.10.2",
+    "mini-css-extract-plugin": "^2.7.6",
+    "rifm": "^0.12.1",
+    "standard-version": "^9.5.0",
+    "storybook": "^7.0.6",
+    "style-loader": "^3.3.1",
+    "stylelint": "^14.8.5",
+    "stylelint-config-recommended": "^9.0.0",
+    "stylelint-config-styled-components": "^0.1.1",
+    "stylelint-processor-styled-components": "^1.10.0",
+    "terser-webpack-plugin": "^5.3.3",
+    "ts-jest": "^27.1.5",
+    "ts-node": "^10.9.1",
+    "tsc-files": "^1.1.3",
+    "typescript": "^4.7.4",
+    "webpack": "^5.73.0",
+    "webpack-bundle-analyzer": "^4.9.0",
+    "webpack-cli": "^4.10.0",
+    "webpack-dev-server": "^4.9.3",
+    "webpack-merge": "^5.8.0"
+  },
+  "optionalDependencies": {
+    "@commitlint/config-conventional": "^17.7.0",
+    "@emotion/babel-preset-css-prop": "^11.11.0",
+    "@emotion/eslint-plugin": "^11.7.0",
+    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/react": "^12.1.5",
+    "@testing-library/user-event": "^14.4.3",
+    "@typescript-eslint/eslint-plugin": "^5.23.0",
+    "@typescript-eslint/parser": "^5.30.0",
+    "eslint": "^8.38.0",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-import": "^2.25.3",
+    "eslint-plugin-jest": "^26.1.4",
+    "eslint-plugin-jest-formatting": "^3.1.0",
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-react": "^7.33.1",
+    "eslint-plugin-react-hooks": "^4.5.0",
+    "eslint-plugin-testing-library": "^5.3.1",
+    "identity-obj-proxy": "^3.0.0",
+    "jest": "^27.5.1"
+  },
+  "eslintConfig": {
+    "extends": [
+      "react-app",
+      "prettier"
+    ],
+    "rules": {
+      "react/prefer-stateless-function": 0,
+      "react/jsx-filename-extension": 0,
+      "react/jsx-one-expression-per-line": 0,
+      "react/prop-types": 0
+    },
+    "env": {
+      "browser": true
+    }
+  },
+  "resolutions": {
+    "remark-mdx": "1.6.22",
+    "@mdx-js/mdx": "^1.6.16"
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "jest": {
+    "roots": [
+      "<rootDir>/src"
+    ],
+    "setupFilesAfterEnv": [
+      "<rootDir>/src/setupTests.ts"
+    ],
+    "testMatch": [
+      "<rootDir>/src/**/*.{spec,test}.{js,jsx,ts,tsx}"
+    ],
+    "transform": {
+      "^.+\\.(ts|tsx)?$": "ts-jest",
+      "^.+\\.(js|jsx)?$": "babel-jest"
+    },
+    "moduleNameMapper": {
+      "\\.(css|less|scss|sass)$": "identity-obj-proxy"
+    },
+    "testEnvironment": "jsdom"
+  }
+}