revdev-components 0.5.0

package/build/interfaces/form.d.ts

@@ -0,0 +1,9 @@
+export interface FieldData {
+    touched: boolean;
+    validating: boolean;
+    errors: string[];
+    warnings: string[];
+    name: string;
+    validated: boolean;
+    value?: any;
+}

package/build/interfaces/index.d.ts

@@ -0,0 +1 @@
+export * from "./form";

package/build/interfaces/option.d.ts

@@ -0,0 +1,8 @@
+export interface ValueOption<TValue = string> {
+    value: TValue;
+    text: string;
+}
+export interface StringOption extends ValueOption<string> {
+}
+export interface NumberOption extends ValueOption<number> {
+}

package/build/styles.css

@@ -0,0 +1,115 @@
+.index-module_root__-LDR1 {
+  display: inline-block;
+  height: 1em;
+}
+.index-module_root__gtTIa {
+  display: block;
+}
+
+.index-module_action__pOSde {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+}
+.index-module_root__2S1Jp {
+  display: block;
+}
+.index-module_input__LxXnu.ant-input-number {
+  width: 100%;
+}
+.index-module_input__LxXnu.ant-input-number-group-wrapper {
+  width: 100%;
+}
+.index-module_popup__5L587.ant-picker-panel:nth-child(2) {
+  display: none;
+}
+.index-module_popup__5L587.ant-picker-panel:nth-child(1) button {
+  visibility: visible !important;
+}
+.index-module_root__f8fnA {
+  display: flex;
+  gap: 1em;
+}
+.index-module_root__f8fnA > * {
+  flex: 1;
+}
+.index-module_root__xH-TN {
+  padding-top: 16px;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  gap: 14px;
+}
+.index-module_root__Xj8zb {
+  display: block;
+  color: var(--errorColor);
+}
+.index-module_root__C7wx2.ant-modal .ant-modal-content {
+  padding: 0;
+}
+.index-module_root__C7wx2.ant-modal .ant-modal-content > button {
+  display: none;
+}
+
+.index-module_content__RsiJT {
+  position: relative;
+  padding: 25px;
+}
+
+.index-module_close__lBc6p {
+  cursor: pointer;
+  font-size: 20px;
+  position: absolute;
+  top: 10px;
+  right: 10px;
+}
+.index-module_close__lBc6p:hover {
+  opacity: 0.9;
+}
+.index-module_root__BQI-i.ant-modal .ant-modal-content {
+  padding: 0;
+}
+.index-module_root__BQI-i.ant-modal .ant-modal-content > button {
+  display: none;
+}
+
+.index-module_header__OUCQj {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 10px 15px;
+  border-bottom: 1px solid var(--borderColor);
+  font-size: 16px;
+  font-weight: 500;
+}
+
+.index-module_close__-FN6K {
+  cursor: pointer;
+  font-size: 20px;
+}
+
+.index-module_content__BpXha {
+  padding: 20px;
+}
+
+.index-module_footer__xqKte {
+  padding: 0 20px 20px 20px;
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+  gap: 1em;
+}
+.index-module_root__9mhio {
+  display: flex;
+  flex-direction: row;
+  gap: 0.4em;
+  align-items: center;
+  background-color: rgb(231, 231, 231);
+  padding: 0.3em;
+  border-radius: 0.4em;
+  cursor: pointer;
+}
+.index-module_root__9mhio:hover {
+  background-color: rgb(221, 221, 221);
+}

package/next.config.mjs

@@ -0,0 +1,17 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  reactStrictMode: true,
+  webpack(webpackConfig) {
+    webpackConfig.module.rules.push({
+      test: /\.svg$/,
+      use: ["@svgr/webpack"],
+    });
+
+    return webpackConfig;
+  },
+  eslint: {
+    ignoreDuringBuilds: true,
+  },
+};
+
+export default nextConfig;

package/package.json

@@ -0,0 +1,58 @@
+{
+  "name": "revdev-components",
+  "version": "0.5.0",
+  "main": "build/index.js",
+  "module": "build/index.esm.js",
+  "scripts": {
+    "dev": "next dev",
+    "build:next": "next build",
+    "start:next": "next start",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "lint": "eslint . && stylelint \"**/*.scss\"",
+    "lint:fix": "eslint . --fix && stylelint \"**/*.scss\" --fix",
+    "stylelint": "stylelint \"**/*.scss\"",
+    "stylelint:fix": "stylelint \"**/*.scss\" --fix",
+    "v": "npm --no-git-tag-version version minor",
+    "build": "rollup -c --bundleConfigAsCjs",
+    "build:dev": "cross-env BUILD=dev rollup -c --bundleConfigAsCjs",
+    "p": "npm run v && npm run lint:fix && git add * && git commit -m\"v\" && git push origin master"
+  },
+  "peerDependencies": {
+    "antd": ">=5",
+    "classnames": ">=2.5",
+    "lodash.debounce": ">=4",
+    "next": ">=13",
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^3.2.2",
+    "@rollup/plugin-typescript": "^12.1.1",
+    "@storybook/addon-essentials": "^8.4.5",
+    "@storybook/addon-interactions": "^8.4.5",
+    "@storybook/addon-onboarding": "^8.4.5",
+    "@storybook/blocks": "^8.4.5",
+    "@storybook/nextjs": "^8.4.5",
+    "@storybook/react": "^8.4.5",
+    "@storybook/test": "^8.4.5",
+    "@svgr/rollup": "^8.1.0",
+    "@svgr/webpack": "^8.1.0",
+    "@types/node": "^20",
+    "@types/react": "^18",
+    "@types/react-dom": "^18",
+    "antd": "^5.22.2",
+    "classnames": "^2.5.1",
+    "eslint-config-varp": "^1.10.0",
+    "next": "14.2.16",
+    "postcss": "^8",
+    "rollup": "^4.24.4",
+    "rollup-obfuscator": "^4.1.1",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-scss": "^4.0.0",
+    "sass": "^1.81.0",
+    "storybook": "^8.4.5",
+    "stylelint-config-varp": "^1.7.2",
+    "typescript": "^5"
+  }
+}

package/postcss.config.mjs

@@ -0,0 +1,6 @@
+/** @type {import('postcss-load-config').Config} */
+const config = {
+  plugins: {},
+};
+
+export default config;