@cars4ever/public-ui 0.0.80

package/eslint.config.js

@@ -0,0 +1,392 @@
+import js from '@eslint/js';
+import stylistic from '@stylistic/eslint-plugin';
+import tsPlugin from '@typescript-eslint/eslint-plugin';
+import tsParser from '@typescript-eslint/parser';
+import importPlugin from 'eslint-plugin-import';
+import jsxA11y from 'eslint-plugin-jsx-a11y';
+import react from 'eslint-plugin-react';
+import reactHooks from 'eslint-plugin-react-hooks';
+import globals from 'globals';
+
+const isProduction = process.env.NODE_ENV === 'production';
+
+export default [
+  // Global ignores
+  {
+    ignores: ['**/*.js', '**/*.scss', 'dist/**'],
+  },
+
+  // TypeScript / TSX sources
+  {
+    files: ['src/**/*.{ts,tsx}'],
+
+    languageOptions: {
+      ecmaVersion: 2018,
+      sourceType: 'module',
+      parser: tsParser,
+      parserOptions: {
+        project: './tsconfig.json',
+      },
+      globals: {
+        ...globals.browser,
+        ...globals.commonjs,
+        ...globals.es2015,
+        ...globals.jest,
+        ...globals.node,
+      },
+    },
+
+    settings: {
+      react: { version: 'detect' },
+      'import/resolver': {
+        typescript: { alwaysTryTypes: false },
+      },
+    },
+
+    plugins: {
+      '@stylistic': stylistic,
+      '@typescript-eslint': tsPlugin,
+      import: importPlugin,
+      'jsx-a11y': jsxA11y,
+      react,
+      'react-hooks': reactHooks,
+    },
+
+    rules: {
+      // ── ESLint recommended ─────────────────────────────────────────────
+      ...js.configs.recommended.rules,
+
+      // ── @typescript-eslint/eslint-recommended (turn off conflicting) ───
+      ...tsPlugin.configs['eslint-recommended'].overrides[0].rules,
+
+      // ── @typescript-eslint/recommended ────────────────────────────────
+      ...tsPlugin.configs.recommended.rules,
+
+      // ── eslint-plugin-import (errors + warnings + typescript) ─────────
+      ...importPlugin.configs.errors.rules,
+      ...importPlugin.configs.warnings.rules,
+      ...importPlugin.configs.typescript.rules,
+
+      // ── Formatting & style (@stylistic) ───────────────────────────────
+      '@stylistic/eol-last': ['error', 'always'],
+      '@stylistic/quotes': ['error', 'single'],
+      '@stylistic/indent': ['error', 2, { SwitchCase: 1 }],
+      '@stylistic/operator-linebreak': ['error', 'before'],
+      '@stylistic/comma-dangle': ['error', 'always-multiline'],
+      '@stylistic/multiline-ternary': ['error', 'always-multiline'],
+      '@stylistic/newline-per-chained-call': 'error',
+      '@stylistic/brace-style': 'error',
+      '@stylistic/object-property-newline': 'error',
+      '@stylistic/no-multiple-empty-lines': ['error', { max: 1, maxBOF: 0 }],
+      '@stylistic/padded-blocks': ['error', 'never'],
+      '@stylistic/semi': 'error',
+      '@stylistic/no-extra-semi': 'error',
+      '@stylistic/max-len': [
+        'error',
+        {
+          code: 120,
+          ignorePattern: '((const \\w+ = (<.+>)?\\((\\{)?.+(\\})?: .+\\):)|(texts\\..+))',
+          ignoreStrings: true,
+          ignoreComments: true,
+          ignoreTemplateLiterals: true,
+          ignoreRegExpLiterals: true,
+        },
+      ],
+      '@stylistic/key-spacing': 'error',
+      '@stylistic/comma-spacing': 'error',
+      '@stylistic/keyword-spacing': 'error',
+      '@stylistic/object-curly-spacing': ['error', 'always'],
+      '@stylistic/object-curly-newline': ['error', { ObjectExpression: { minProperties: 1 } }],
+      '@stylistic/function-call-argument-newline': ['error', 'consistent'],
+      '@stylistic/function-paren-newline': ['error', 'multiline'],
+      '@stylistic/function-call-spacing': ['error', 'never'],
+      '@stylistic/no-multi-spaces': 'error',
+      '@stylistic/no-trailing-spaces': 'error',
+      '@stylistic/padding-line-between-statements': [
+        'error',
+        { blankLine: 'always', prev: 'block-like', next: '*' },
+        { blankLine: 'always', prev: 'const', next: 'block-like' },
+      ],
+      '@stylistic/space-in-parens': ['error', 'never'],
+      '@stylistic/array-bracket-newline': ['error', { multiline: true }],
+      '@stylistic/array-element-newline': ['error', 'consistent'],
+      '@stylistic/dot-location': ['warn', 'property'],
+      '@stylistic/new-parens': 'warn',
+      '@stylistic/no-extra-semi': 'error',
+      '@stylistic/no-mixed-operators': [
+        'warn',
+        {
+          groups: [
+            ['&', '|', '^', '~', '<<', '>>', '>>>'],
+            ['==', '!=', '===', '!==', '>', '>=', '<', '<='],
+            ['&&', '||'],
+            ['in', 'instanceof'],
+          ],
+          allowSamePrecedence: false,
+        },
+      ],
+      '@stylistic/no-whitespace-before-property': 'warn',
+      '@stylistic/rest-spread-spacing': ['warn', 'never'],
+
+      // ── Non-formatting rules ──────────────────────────────────────────
+      'no-param-reassign': 'error',
+      'no-nested-ternary': 'error',
+      'no-unneeded-ternary': 'error',
+      curly: 'error',
+      'arrow-body-style': ['error', 'as-needed'],
+      yoda: 'error',
+      'no-object-constructor': 'warn',
+
+      // ── Import rules ──────────────────────────────────────────────────
+      'import/default': 'off',
+      'import/newline-after-import': 'warn',
+      'import/no-cycle': isProduction ? 'error' : 'off',
+      'import/order': [
+        'warn',
+        {
+          'newlines-between': 'always',
+          groups: ['external', 'builtin', 'internal', 'parent', 'sibling', 'index'],
+          pathGroups: [
+            { pattern: '^*', group: 'internal' },
+            { pattern: '^*/**/*', group: 'internal' },
+          ],
+        },
+      ],
+      'import/no-unresolved': ['error', { ignore: ['.scss'] }],
+      'import/first': 'error',
+      'import/no-amd': 'error',
+      'import/no-webpack-loader-syntax': 'error',
+
+      // ── @typescript-eslint rules ──────────────────────────────────────
+      '@typescript-eslint/no-explicit-any': 'off',
+      '@typescript-eslint/no-unnecessary-boolean-literal-compare': 'error',
+      '@typescript-eslint/explicit-function-return-type': [
+        'error',
+        { allowTypedFunctionExpressions: false },
+      ],
+      '@typescript-eslint/parameter-properties': 'off',
+      '@typescript-eslint/no-inferrable-types': 'off',
+      '@typescript-eslint/no-dynamic-delete': 'error',
+      '@typescript-eslint/no-floating-promises': ['error', { ignoreVoid: true }],
+      // typedef is deprecated with no replacement; enforces explicit type annotations
+      '@typescript-eslint/typedef': [
+        'error',
+        {
+          arrowParameter: true,
+          parameter: true,
+          propertyDeclaration: true,
+          memberVariableDeclaration: false,
+        },
+      ],
+      '@typescript-eslint/naming-convention': [
+        'error',
+        {
+          selector: 'interface',
+          format: ['PascalCase'],
+          custom: { regex: '^I[A-Z]', match: true },
+        },
+      ],
+      '@typescript-eslint/explicit-member-accessibility': 'error',
+      '@typescript-eslint/consistent-type-assertions': 'warn',
+      '@typescript-eslint/no-array-constructor': 'warn',
+      '@typescript-eslint/no-namespace': 'error',
+      '@typescript-eslint/no-use-before-define': [
+        'warn',
+        { functions: false, classes: false, variables: false, typedefs: false },
+      ],
+      '@typescript-eslint/no-unused-vars': ['warn', { args: 'none', ignoreRestSiblings: true }],
+      '@typescript-eslint/no-useless-constructor': 'warn',
+      '@typescript-eslint/no-empty-object-type': 'off',
+
+      // ── React rules ───────────────────────────────────────────────────
+      'react/boolean-prop-naming': [
+        'error',
+        { rule: '^(is|are|has|have|with|no|hide|show|shrink)[A-Z]([A-Za-z0-9]?)+' },
+      ],
+      'react/jsx-closing-bracket-location': 'error',
+      'react/jsx-first-prop-new-line': ['error', 'multiline'],
+      'react/jsx-max-props-per-line': ['error', { maximum: 1 }],
+      'react/jsx-curly-spacing': ['error', { when: 'never' }],
+      'react/jsx-equals-spacing': ['error', 'never'],
+      'react/jsx-filename-extension': ['error', { extensions: ['.tsx'] }],
+      'react/jsx-fragments': ['error', 'syntax'],
+      'react/jsx-key': 'error',
+      'react/jsx-newline': 'error',
+      'react/jsx-no-literals': 'error',
+      'react/jsx-no-useless-fragment': 'error',
+      'react/jsx-one-expression-per-line': 'error',
+      'react/jsx-props-no-multi-spaces': 'error',
+      'react/jsx-tag-spacing': ['error', { beforeClosing: 'never' }],
+      'react/jsx-wrap-multilines': [
+        'error',
+        {
+          declaration: 'parens-new-line',
+          assignment: 'parens-new-line',
+          return: 'parens-new-line',
+          arrow: 'parens-new-line',
+          condition: 'parens-new-line',
+          logical: 'parens-new-line',
+          prop: 'parens-new-line',
+        },
+      ],
+      'react/destructuring-assignment': ['error', 'always'],
+      'react/no-multi-comp': ['error'],
+      'react/self-closing-comp': ['error'],
+      'react/jsx-boolean-value': 'error',
+      'react/jsx-closing-tag-location': 'error',
+      'react/jsx-curly-brace-presence': 'error',
+      'react/jsx-curly-newline': ['error', 'consistent'],
+      'react/jsx-uses-react': 'off',
+      'react/jsx-uses-vars': 'warn',
+      'react/no-danger-with-children': 'warn',
+      'react/no-direct-mutation-state': 'warn',
+      'react/no-is-mounted': 'warn',
+      'react/no-typos': 'error',
+      'react/react-in-jsx-scope': 'off',
+      'react/require-render-return': 'error',
+      'react/style-prop-object': 'warn',
+      'react/forbid-foreign-prop-types': ['warn', { allowInPropTypes: true }],
+      'react/jsx-no-comment-textnodes': 'warn',
+      'react/jsx-no-duplicate-props': 'warn',
+      'react/jsx-no-target-blank': 'warn',
+      'react/jsx-no-undef': 'error',
+      'react/jsx-pascal-case': ['warn', { allowAllCaps: true, ignore: [] }],
+
+      // ── React Hooks ───────────────────────────────────────────────────
+      'react-hooks/rules-of-hooks': 'error',
+      'react-hooks/exhaustive-deps': 'warn',
+
+      // ── jsx-a11y rules ────────────────────────────────────────────────
+      'jsx-a11y/alt-text': 'warn',
+      'jsx-a11y/anchor-is-valid': ['warn', { aspects: ['noHref', 'invalidHref'] }],
+      'jsx-a11y/aria-activedescendant-has-tabindex': 'warn',
+      'jsx-a11y/aria-props': 'warn',
+      'jsx-a11y/aria-proptypes': 'warn',
+      'jsx-a11y/aria-role': 'warn',
+      'jsx-a11y/aria-unsupported-elements': 'warn',
+      'jsx-a11y/heading-has-content': 'warn',
+      'jsx-a11y/iframe-has-title': 'warn',
+      'jsx-a11y/img-redundant-alt': 'warn',
+      'jsx-a11y/no-access-key': 'warn',
+      'jsx-a11y/no-distracting-elements': 'warn',
+      'jsx-a11y/no-redundant-roles': 'warn',
+      'jsx-a11y/role-has-required-aria-props': 'warn',
+      'jsx-a11y/role-supports-aria-props': 'warn',
+      'jsx-a11y/scope': 'warn',
+
+      // ── Miscellaneous ─────────────────────────────────────────────────
+      'no-console': ['warn', { allow: ['warn', 'info', 'error'] }],
+      eqeqeq: 'error',
+      'new-parens': 'warn',
+      'no-caller': 'warn',
+      'no-cond-assign': ['warn', 'except-parens'],
+      'no-const-assign': 'warn',
+      'no-control-regex': 'warn',
+      'no-delete-var': 'warn',
+      'no-dupe-args': 'warn',
+      'no-dupe-keys': 'warn',
+      'no-duplicate-case': 'warn',
+      'no-empty-character-class': 'warn',
+      'no-empty-pattern': 'warn',
+      'no-eval': 'warn',
+      'no-ex-assign': 'warn',
+      'no-extend-native': 'warn',
+      'no-extra-bind': 'warn',
+      'no-extra-label': 'warn',
+      'no-fallthrough': 'warn',
+      'no-func-assign': 'warn',
+      'no-implied-eval': 'warn',
+      'no-invalid-regexp': 'warn',
+      'no-iterator': 'warn',
+      'no-label-var': 'warn',
+      'no-labels': ['warn', { allowLoop: true, allowSwitch: false }],
+      'no-lone-blocks': 'warn',
+      'no-loop-func': 'warn',
+      'no-multi-str': 'warn',
+      'no-global-assign': 'warn',
+      'no-unsafe-negation': 'warn',
+      'no-new-func': 'warn',
+      'no-new-wrappers': 'warn',
+      'no-obj-calls': 'warn',
+      'no-octal': 'warn',
+      'no-octal-escape': 'warn',
+      'no-redeclare': 'warn',
+      'no-regex-spaces': 'warn',
+      'no-restricted-syntax': ['warn', 'WithStatement'],
+      'no-script-url': 'warn',
+      'no-self-assign': 'warn',
+      'no-self-compare': 'warn',
+      'no-sequences': 'warn',
+      'no-shadow-restricted-names': 'warn',
+      'no-sparse-arrays': 'warn',
+      'no-template-curly-in-string': 'warn',
+      'no-this-before-super': 'warn',
+      'no-throw-literal': 'warn',
+      'no-restricted-globals': [
+        'error',
+        'addEventListener', 'blur', 'close', 'closed', 'confirm', 'defaultStatus',
+        'defaultstatus', 'event', 'external', 'find', 'focus', 'frameElement',
+        'frames', 'history', 'innerHeight', 'innerWidth', 'length', 'location',
+        'locationbar', 'menubar', 'moveBy', 'moveTo', 'name', 'onblur', 'onerror',
+        'onfocus', 'onload', 'onresize', 'onunload', 'open', 'opener', 'opera',
+        'outerHeight', 'outerWidth', 'pageXOffset', 'pageYOffset', 'parent',
+        'print', 'removeEventListener', 'resizeBy', 'resizeTo', 'screen',
+        'screenLeft', 'screenTop', 'screenX', 'screenY', 'scroll', 'scrollbars',
+        'scrollBy', 'scrollTo', 'scrollX', 'scrollY', 'self', 'status',
+        'statusbar', 'stop', 'toolbar', 'top',
+      ],
+      'no-unexpected-multiline': 'warn',
+      'no-unreachable': 'warn',
+      'no-unused-expressions': [
+        'error',
+        { allowShortCircuit: true, allowTernary: true, allowTaggedTemplates: true },
+      ],
+      'no-unused-labels': 'warn',
+      'no-useless-computed-key': 'warn',
+      'no-useless-concat': 'warn',
+      'no-useless-escape': 'warn',
+      'no-useless-rename': [
+        'warn',
+        { ignoreDestructuring: false, ignoreImport: false, ignoreExport: false },
+      ],
+      'no-with': 'warn',
+      'require-yield': 'warn',
+      strict: ['warn', 'never'],
+      'unicode-bom': ['warn', 'never'],
+      'use-isnan': 'warn',
+      'valid-typeof': 'warn',
+      'no-restricted-properties': [
+        'error',
+        { object: 'require', property: 'ensure', message: 'Please use import() instead.' },
+        { object: 'System', property: 'import', message: 'Please use import() instead.' },
+      ],
+      'getter-return': 'warn',
+
+      // ── Disabled rules (superseded by TS equivalents) ─────────────────
+      'default-case': 'off',
+      'no-dupe-class-members': 'off',
+      'no-undef': 'off',
+      'no-array-constructor': 'off',
+      'no-use-before-define': 'off',
+      'no-unused-vars': 'off',
+      'no-useless-constructor': 'off',
+    },
+  },
+
+  // Override: src/types/*.ts — disable semi (interface closing brace false-positive)
+  {
+    files: ['src/types/*.ts'],
+    rules: {
+      '@stylistic/semi': 'off',
+    },
+  },
+
+  // Override: sagas.ts
+  {
+    files: ['sagas.ts'],
+    rules: {
+      '@typescript-eslint/explicit-function-return-type': 'off',
+      '@typescript-eslint/explicit-module-boundary-types': 'off',
+    },
+  },
+];

package/package.json

@@ -0,0 +1,96 @@
+{
+    "name": "@cars4ever/public-ui",
+    "version": "0.0.80",
+    "description": "Wismo public ui components",
+    "type": "module",
+    "main": "./dist/index.js",
+    "module": "./dist/index.js",
+    "types": "./dist/index.d.ts",
+    "sideEffects": [
+        "*.*(s)css"
+    ],
+    "publishConfig": {
+        "access": "public"
+    },
+    "repository": {
+        "type": "git",
+        "url": "https://bitbucket.org/interdan/public-ui/"
+    },
+    "scripts": {
+        "build": "yarn clean && NODE_ENV=production tsup",
+        "postbuild": "cp -r src/assets dist/",
+        "clean": "rimraf dist",
+        "prepare": "husky || true",
+        "postinstall": "ts-patch install -s",
+        "release:patch": "yarn build && yarn publish --new-version patch",
+        "release:minor": "yarn build && yarn publish --new-version minor",
+        "release:major": "yarn build && yarn publish --new-version major",
+        "lint:styles": "stylelint src --max-warnings=0",
+        "lint:code": "eslint \"src/**/*.{ts,tsx}\" --max-warnings=0",
+        "lint": "run-p lint:code lint:styles",
+        "storybook": "storybook dev -p 6006",
+        "build-storybook": "storybook build"
+    },
+    "author": "interdan",
+    "license": "MIT",
+    "devDependencies": {
+        "@storybook/addon-docs": "^10.3.6",
+        "@storybook/react-vite": "^10.3.6",
+        "@stylistic/eslint-plugin": "^5.10.0",
+        "@types/lodash": "^4",
+        "@types/lodash-es": "^4.17.12",
+        "@types/react": "^19.1.0",
+        "@types/react-dom": "^19.1.0",
+        "@typescript-eslint/eslint-plugin": "^8.59.2",
+        "@typescript-eslint/parser": "^8.59.2",
+        "@vitejs/plugin-react": "^6.0.1",
+        "date-fns": "^4.1.0",
+        "esbuild": "^0.28.0",
+        "esbuild-sass-plugin": "^3.7.0",
+        "eslint": "^9.39.4",
+        "eslint-import-resolver-typescript": "^4.4.4",
+        "eslint-plugin-import": "^2.32.0",
+        "eslint-plugin-jsx-a11y": "^6.10.2",
+        "eslint-plugin-react": "^7.37.5",
+        "eslint-plugin-react-hooks": "^7.1.1",
+        "husky": "^9.1.7",
+        "lodash": "^4.18.1",
+        "npm-run-all2": "^8.0.4",
+        "postcss": "^8.5.14",
+        "react": "^19.1.0",
+        "react-content-loader": "^7.1.2",
+        "react-dom": "^19.1.0",
+        "react-hook-form": "^7.75.0",
+        "rimraf": "^6.1.3",
+        "sass": "^1.99.0",
+        "storybook": "^10.3.6",
+        "stylelint": "^17.11.0",
+        "stylelint-config-sass-guidelines": "^13.0.0",
+        "stylelint-order": "^8.1.1",
+        "ts-patch": "^4.0.1",
+        "tsup": "^8.5.1",
+        "typescript": "^5.8.3",
+        "typescript-transform-paths": "^3.5.6",
+        "vite": "^8.0.11"
+    },
+    "peerDependencies": {
+        "date-fns": "^4.1.0",
+        "react": "^19.0.0",
+        "react-content-loader": "^7.1.2",
+        "react-dom": "^19.0.0",
+        "react-hook-form": "^7.0.0"
+    },
+    "dependencies": {
+        "@cars4ever/media-utils": "^0.0.19",
+        "classnames": "^2.5.1",
+        "imask": "^7.6.1",
+        "lodash-es": "^4.17.21",
+        "rc-slider": "^11.1.9",
+        "react-imask": "^7.6.1",
+        "react-loader-spinner": "^8.0.2",
+        "react-select": "^5.10.2",
+        "react-textarea-autosize": "^8.5.9",
+        "ssr-window": "^5.0.1"
+    },
+    "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
+}

package/tsup.config.ts

@@ -0,0 +1,66 @@
+import { defineConfig } from 'tsup';
+import { sassPlugin } from 'esbuild-sass-plugin';
+import { resolve } from 'path';
+
+const SCSS_ALIAS_ROOT = resolve(process.cwd(), 'src/assets/scss');
+
+export default defineConfig({
+  entry: ['src/index.ts'],
+  format: ['esm'],
+  target: 'es2020',
+  dts: true,
+  clean: true,
+  minify: true,
+  splitting: true,
+  outDir: 'dist',
+  esbuildPlugins: [
+    // CSS Modules (.module.scss) — scoped class names
+    sassPlugin({
+      filter: /\.module\.scss$/,
+      type: 'local-css',
+      importMapper: (url: string) => {
+        if (url.startsWith('^styles/')) {
+          const assetPath = url.replace('^styles/', '');
+          const resolved = resolve(SCSS_ALIAS_ROOT, assetPath);
+
+          return resolved.endsWith('.scss') ? resolved : `${resolved}.scss`;
+        }
+
+        return url;
+      },
+    }),
+    // Global SCSS — e.g. ThemeProvider's `import '^styles/globals'`
+    // (resolved by tsconfig paths to src/assets/scss/globals.scss)
+    sassPlugin({
+      filter: /\.scss$/,
+      type: 'css',
+      importMapper: (url: string) => {
+        if (url.startsWith('^styles/')) {
+          const assetPath = url.replace('^styles/', '');
+          const resolved = resolve(SCSS_ALIAS_ROOT, assetPath);
+
+          return resolved.endsWith('.scss') ? resolved : `${resolved}.scss`;
+        }
+
+        return url;
+      },
+    }),
+  ],
+  esbuildOptions(options) {
+    options.alias = {
+      '^enums': resolve('src/enums'),
+      '^types': resolve('src/types'),
+      '^utils': resolve('src/utils'),
+      '^icons': resolve('src/icons'),
+      '^configs': resolve('src/configs'),
+      '^hooks': resolve('src/hooks'),
+      '^inputs': resolve('src/inputs'),
+      '^controls': resolve('src/controls'),
+      '^forms': resolve('src/forms'),
+      '^feedback': resolve('src/feedback'),
+      '^data-display': resolve('src/data-display'),
+      '^layout': resolve('src/layout'),
+      '^common': resolve('src/common'),
+    };
+  },
+});