Repository: Wondermarin/react-color-palette Branch: main Commit: adfc697dba0b Files: 49 Total size: 46.3 MB Directory structure: gitextract_7m8wauft/ ├── .eslintignore ├── .eslintrc ├── .github/ │ ├── COMMIT_CONVENTION.md │ ├── CONTRIBUTING.md │ ├── ISSUE_TEMPLATE/ │ │ ├── bug-report.md │ │ └── feature-request.md │ ├── PULL_REQUEST_TEMPLATE.md │ └── workflows/ │ └── versioning.yml ├── .gitignore ├── .prettierignore ├── .prettierrc ├── .vscode/ │ └── settings.json ├── CHANGELOG.md ├── LICENSE ├── README.md ├── package.json ├── public/ │ └── demo.apng ├── src/ │ ├── components/ │ │ ├── alpha/ │ │ │ ├── alpha.component.tsx │ │ │ └── index.ts │ │ ├── color-picker/ │ │ │ ├── color-picker.component.tsx │ │ │ └── index.ts │ │ ├── fields/ │ │ │ ├── fields.component.tsx │ │ │ └── index.ts │ │ ├── hue/ │ │ │ ├── hue.component.tsx │ │ │ └── index.ts │ │ ├── interactive/ │ │ │ ├── index.ts │ │ │ └── interactive.component.tsx │ │ └── saturation/ │ │ ├── index.ts │ │ └── saturation.component.tsx │ ├── css/ │ │ └── rcp.css │ ├── hooks/ │ │ ├── use-bounding-client-rect/ │ │ │ ├── index.ts │ │ │ └── use-bounding-client-rect.hook.ts │ │ └── use-color/ │ │ ├── index.ts │ │ └── use-color.hook.ts │ ├── rcp.ts │ ├── services/ │ │ └── color/ │ │ ├── color.service.ts │ │ └── index.ts │ └── utils/ │ ├── clamp/ │ │ ├── clamp.util.ts │ │ └── index.ts │ ├── float/ │ │ ├── float.util.ts │ │ └── index.ts │ ├── format/ │ │ ├── format.util.ts │ │ └── index.ts │ ├── is-field-hide/ │ │ ├── index.ts │ │ └── is-field-hide.util.ts │ └── is-touch/ │ ├── index.ts │ └── is-touch.util.ts ├── tsconfig.json └── tsup.config.ts ================================================ FILE CONTENTS ================================================ ================================================ FILE: .eslintignore ================================================ # Dependencies /node_modules # Production /dist ================================================ FILE: .eslintrc ================================================ { "parser": "@typescript-eslint/parser", "parserOptions": { "project": ["./tsconfig.json"], "ecmaVersion": "latest", "sourceType": "module", "ecmaFeatures": { "jsx": true } }, "settings": { "react": { "version": "detect" } }, "env": { "es2022": true, "browser": true }, "plugins": [ "@typescript-eslint", "prettier", "react", "react-hooks" ], "rules": { // ESLint "array-callback-return": "error", "constructor-super": "off", "for-direction": "error", "getter-return": "off", "no-async-promise-executor": "error", "no-await-in-loop": "off", "no-class-assign": "error", "no-compare-neg-zero": "error", "no-cond-assign": ["error", "always"], "no-const-assign": "off", "no-constant-binary-expression": "error", "no-constant-condition": "error", "no-constructor-return": "error", "no-control-regex": "error", "no-debugger": "error", "no-dupe-args": "off", "no-dupe-class-members": "off", "no-dupe-else-if": "error", "no-dupe-keys": "off", "no-duplicate-case": "error", "no-duplicate-imports": "error", "no-empty-character-class": "error", "no-empty-pattern": "error", "no-ex-assign": "error", "no-fallthrough": "error", "no-func-assign": "off", "no-import-assign": "off", "no-inner-declarations": "error", "no-invalid-regexp": "error", "no-irregular-whitespace": "error", "no-loss-of-precision": "off", "no-misleading-character-class": "error", "no-new-native-nonconstructor": "error", "no-new-symbol": "off", "no-obj-calls": "off", "no-promise-executor-return": "error", "no-prototype-builtins": "error", "no-self-assign": "error", "no-self-compare": "error", "no-setter-return": "off", "no-sparse-arrays": "error", "no-template-curly-in-string": "error", "no-this-before-super": "off", "no-undef": "off", "no-unexpected-multiline": "off", "no-unmodified-loop-condition": "error", "no-unreachable": "off", "no-unreachable-loop": "error", "no-unsafe-finally": "error", "no-unsafe-negation": "off", "no-unsafe-optional-chaining": "error", "no-unused-private-class-members": "error", "no-unused-vars": "off", "no-use-before-define": "off", "no-useless-backreference": "error", "require-atomic-updates": "error", "use-isnan": "error", "valid-typeof": "off", "accessor-pairs": "off", "arrow-body-style": "off", "block-scoped-var": "error", "camelcase": "off", "capitalized-comments": "error", "class-methods-use-this": "off", "complexity": "off", "consistent-return": "off", "consistent-this": "off", "curly": "off", "default-case": "off", "default-case-last": "error", "default-param-last": "off", "dot-notation": "off", "eqeqeq": ["error", "smart"], "func-name-matching": "off", "func-names": ["error", "as-needed"], "grouped-accessor-pairs": ["error", "getBeforeSet"], "guard-for-in": "off", "id-denylist": "off", "id-length": "off", "id-match": "off", "init-declarations": "off", "logical-assignment-operators": ["error", "always"], "max-classes-per-file": "off", "max-depth": "off", "max-lines": "off", "max-lines-per-function": "off", "max-nested-callbacks": "off", "max-params": "off", "max-statements": "off", "multiline-comment-style": "error", "new-cap": ["error", { "capIsNew": false }], "no-alert": "error", "no-array-constructor": "off", "no-bitwise": "off", "no-caller": "error", "no-case-declarations": "error", "no-confusing-arrow": "off", "no-console": "off", "no-continue": "off", "no-delete-var": "error", "no-div-regex": "error", "no-else-return": "error", "no-empty": ["error", { "allowEmptyCatch": true }], "no-empty-function": "off", "no-empty-static-block": "error", "no-eq-null": "off", "no-eval": "error", "no-extend-native": "error", "no-extra-bind": "error", "no-extra-boolean-cast": "error", "no-extra-label": "error", "no-extra-semi": "off", "no-floating-decimal": "off", "no-global-assign": "error", "no-implicit-coercion": "off", "no-implicit-globals": "off", "no-implied-eval": "off", "no-inline-comments": "error", "no-invalid-this": "off", "no-iterator": "error", "no-label-var": "error", "no-labels": ["error", { "allowLoop": true }], "no-lone-blocks": "error", "no-lonely-if": "off", "no-loop-func": "off", "no-magic-numbers": "off", "no-mixed-operators": "off", "no-multi-assign": "error", "no-multi-str": "error", "no-negated-condition": "error", "no-nested-ternary": "off", "no-new": "error", "no-new-func": "error", "no-new-object": "error", "no-new-wrappers": "error", "no-nonoctal-decimal-escape": "error", "no-octal": "error", "no-octal-escape": "error", "no-param-reassign": "off", "no-plusplus": "error", "no-proto": "error", "no-redeclare": "off", "no-regex-spaces": "error", "no-restricted-exports": "off", "no-restricted-globals": "off", "no-restricted-imports": "off", "no-restricted-properties": "off", "no-restricted-syntax": "off", "no-return-assign": "error", "no-return-await": "off", "no-script-url": "error", "no-sequences": "error", "no-shadow": "off", "no-shadow-restricted-names": "error", "no-ternary": "off", "no-throw-literal": "off", "no-undef-init": "off", "no-undefined": "off", "no-underscore-dangle": "off", "no-unneeded-ternary": "error", "no-unused-expressions": "off", "no-unused-labels": "error", "no-useless-call": "error", "no-useless-catch": "off", "no-useless-computed-key": "error", "no-useless-concat": "error", "no-useless-constructor": "off", "no-useless-escape": "error", "no-useless-rename": "error", "no-useless-return": "off", "no-var": "off", "no-void": "error", "no-warning-comments": "off", "no-with": "error", "object-shorthand": "off", "one-var": "off", "one-var-declaration-per-line": "off", "operator-assignment": "error", "prefer-arrow-callback": "off", "prefer-const": "off", "prefer-destructuring": "error", "prefer-exponentiation-operator": "error", "prefer-named-capture-group": "off", "prefer-numeric-literals": "error", "prefer-object-has-own": "error", "prefer-object-spread": "error", "prefer-promise-reject-errors": "off", "prefer-regex-literals": "error", "prefer-rest-params": "off", "prefer-spread": "off", "prefer-template": "error", "quote-props": "off", "radix": "error", "require-await": "off", "require-unicode-regexp": "error", "require-yield": "error", "sort-imports": "off", "sort-keys": "off", "sort-vars": "off", "spaced-comment": "off", "strict": "off", "symbol-description": "error", "vars-on-top": "off", "yoda": "error", "array-bracket-newline": "off", "array-bracket-spacing": "off", "array-element-newline": "off", "arrow-parens": "off", "arrow-spacing": "off", "block-spacing": "off", "brace-style": "off", "comma-dangle": "off", "comma-spacing": "off", "comma-style": "off", "computed-property-spacing": "off", "dot-location": "off", "eol-last": "off", "func-call-spacing": "off", "function-call-argument-newline": "off", "function-paren-newline": "off", "generator-star-spacing": "off", "implicit-arrow-linebreak": "off", "indent": "off", "jsx-quotes": "off", "key-spacing": "off", "keyword-spacing": "off", "line-comment-position": "error", "linebreak-style": "off", "lines-around-comment": "off", "lines-between-class-members": ["error", "always", { "exceptAfterSingleLine": true }], "max-len": "off", "max-statements-per-line": "off", "multiline-ternary": "off", "new-parens": "off", "newline-per-chained-call": "off", "no-extra-parens": "off", "no-mixed-spaces-and-tabs": "off", "no-multi-spaces": "off", "no-multiple-empty-lines": "off", "no-tabs": "off", "no-trailing-spaces": "off", "no-whitespace-before-property": "off", "nonblock-statement-body-position": "off", "object-curly-newline": "off", "object-curly-spacing": "off", "object-property-newline": "off", "operator-linebreak": "off", "padded-blocks": "off", "padding-line-between-statements": [ "error", { "blankLine": "always", "prev": "*", "next": "return" }, { "blankLine": "always", "prev": "*", "next": ["const", "let"] }, { "blankLine": "always", "prev": ["const", "let"], "next": "*" }, { "blankLine": "any", "prev": ["const", "let"], "next" : ["const", "let"] }, { "blankLine": "always", "prev": "*", "next": "break" }, { "blankLine": "always", "prev": "*", "next": "for" }, { "blankLine": "always", "prev": "for", "next": "*" }, { "blankLine": "always", "prev": "*", "next": "while" }, { "blankLine": "always", "prev": "while", "next": "*" } ], "quotes": "off", "rest-spread-spacing": "off", "semi": "off", "semi-spacing": "off", "semi-style": "off", "space-before-blocks": "off", "space-before-function-paren": "off", "space-in-parens": "off", "space-infix-ops": "off", "space-unary-ops": "off", "switch-colon-spacing": "off", "template-curly-spacing": "off", "template-tag-spacing": "off", "unicode-bom": "off", "wrap-iife": "off", "wrap-regex": "off", "yield-star-spacing": "off", // TypeScript ESLint "@typescript-eslint/adjacent-overload-signatures": "error", "@typescript-eslint/array-type": ["error", { "default": "array", "readonly": "array" }], "@typescript-eslint/await-thenable": "error", "@typescript-eslint/ban-ts-comment": "error", "@typescript-eslint/ban-tslint-comment": "error", "@typescript-eslint/ban-types": "error", "@typescript-eslint/class-literal-property-style": "error", "@typescript-eslint/consistent-generic-constructors": "error", "@typescript-eslint/consistent-indexed-object-style": "error", "@typescript-eslint/consistent-type-assertions": "off", "@typescript-eslint/consistent-type-definitions": "error", "@typescript-eslint/consistent-type-exports": "off", "@typescript-eslint/consistent-type-imports": ["error", { "prefer": "type-imports", "fixStyle": "inline-type-imports" }], "@typescript-eslint/explicit-function-return-type": "off", "@typescript-eslint/explicit-member-accessibility": "off", "@typescript-eslint/explicit-module-boundary-types": "off", "@typescript-eslint/member-delimiter-style": "off", "@typescript-eslint/member-ordering": "off", "@typescript-eslint/method-signature-style": ["error", "property"], "@typescript-eslint/naming-convention": [ "error", { "selector": "interface", "format": ["StrictPascalCase"], "leadingUnderscore": "forbid", "trailingUnderscore": "forbid", "prefix": ["I"] }, { "selector": "typeAlias", "format": ["StrictPascalCase"], "leadingUnderscore": "forbid", "trailingUnderscore": "forbid", "prefix": ["T"] }, { "selector": "enum", "format": ["StrictPascalCase"], "leadingUnderscore": "forbid", "trailingUnderscore": "forbid", "prefix": ["E"] } ], "@typescript-eslint/no-base-to-string": "error", "@typescript-eslint/no-confusing-non-null-assertion": "error", "@typescript-eslint/no-confusing-void-expression": ["error", { "ignoreArrowShorthand": true }], "@typescript-eslint/no-duplicate-enum-values": "error", "@typescript-eslint/no-dynamic-delete": "error", "@typescript-eslint/no-empty-interface": "error", "@typescript-eslint/no-explicit-any": "off", "@typescript-eslint/no-extra-non-null-assertion": "error", "@typescript-eslint/no-extraneous-class": "off", "@typescript-eslint/no-floating-promises": "off", "@typescript-eslint/no-for-in-array": "error", "@typescript-eslint/no-inferrable-types": "error", "@typescript-eslint/no-invalid-void-type": "error", "@typescript-eslint/no-meaningless-void-operator": "error", "@typescript-eslint/no-misused-new": "error", "@typescript-eslint/no-misused-promises": "off", "@typescript-eslint/no-namespace": "error", "@typescript-eslint/no-non-null-asserted-nullish-coalescing": "error", "@typescript-eslint/no-non-null-asserted-optional-chain": "error", "@typescript-eslint/no-non-null-assertion": "error", "@typescript-eslint/no-redundant-type-constituents": "error", "@typescript-eslint/no-require-imports": "error", "@typescript-eslint/no-this-alias": "error", "@typescript-eslint/no-type-alias": "off", "@typescript-eslint/no-unnecessary-boolean-literal-compare": "error", "@typescript-eslint/no-unnecessary-condition": "off", "@typescript-eslint/no-unnecessary-qualifier": "error", "@typescript-eslint/no-unnecessary-type-arguments": "error", "@typescript-eslint/no-unnecessary-type-assertion": "error", "@typescript-eslint/no-unnecessary-type-constraint": "error", "@typescript-eslint/no-unsafe-argument": "off", "@typescript-eslint/no-unsafe-assignment": "off", "@typescript-eslint/no-unsafe-call": "off", "@typescript-eslint/no-unsafe-declaration-merging": "error", "@typescript-eslint/no-unsafe-member-access": "off", "@typescript-eslint/no-unsafe-return": "off", "@typescript-eslint/no-useless-empty-export": "error", "@typescript-eslint/no-var-requires": "error", "@typescript-eslint/non-nullable-type-assertion-style": "off", "@typescript-eslint/parameter-properties": "off", "@typescript-eslint/prefer-as-const": "error", "@typescript-eslint/prefer-enum-initializers": "error", "@typescript-eslint/prefer-for-of": "off", "@typescript-eslint/prefer-function-type": "error", "@typescript-eslint/prefer-includes": "error", "@typescript-eslint/prefer-literal-enum-member": ["error", { "allowBitwiseExpressions": true }], "@typescript-eslint/prefer-namespace-keyword": "error", "@typescript-eslint/prefer-nullish-coalescing": "error", "@typescript-eslint/prefer-optional-chain": "error", "@typescript-eslint/prefer-readonly": "off", "@typescript-eslint/prefer-readonly-parameter-types": "off", "@typescript-eslint/prefer-reduce-type-parameter": "error", "@typescript-eslint/prefer-regexp-exec": "off", "@typescript-eslint/prefer-return-this-type": "error", "@typescript-eslint/prefer-string-starts-ends-with": "error", "@typescript-eslint/prefer-ts-expect-error": "error", "@typescript-eslint/promise-function-async": "error", "@typescript-eslint/require-array-sort-compare": "off", "@typescript-eslint/restrict-plus-operands": "error", "@typescript-eslint/restrict-template-expressions": "off", "@typescript-eslint/sort-type-constituents": "off", "@typescript-eslint/strict-boolean-expressions": "off", "@typescript-eslint/switch-exhaustiveness-check": "off", "@typescript-eslint/triple-slash-reference": "error", "@typescript-eslint/typedef": "off", "@typescript-eslint/unbound-method": "off", "@typescript-eslint/unified-signatures": "error", "@typescript-eslint/default-param-last": "error", "@typescript-eslint/dot-notation": "error", "@typescript-eslint/init-declarations": "off", "@typescript-eslint/no-array-constructor": "error", "@typescript-eslint/no-dupe-class-members": "error", "@typescript-eslint/no-empty-function": "error", "@typescript-eslint/no-extra-semi": "off", "@typescript-eslint/no-implied-eval": "error", "@typescript-eslint/no-invalid-this": "error", "@typescript-eslint/no-loop-func": "error", "@typescript-eslint/no-loss-of-precision": "error", "@typescript-eslint/no-magic-numbers": "off", "@typescript-eslint/no-redeclare": "error", "@typescript-eslint/no-restricted-imports": "off", "@typescript-eslint/no-shadow": "off", "@typescript-eslint/no-throw-literal": "off", "@typescript-eslint/no-unused-expressions": "error", "@typescript-eslint/no-unused-vars": "error", "@typescript-eslint/no-use-before-define": "error", "@typescript-eslint/no-useless-constructor": "error", "@typescript-eslint/require-await": "off", "@typescript-eslint/return-await": "error", "@typescript-eslint/brace-style": "off", "@typescript-eslint/comma-dangle": "off", "@typescript-eslint/comma-spacing": "off", "@typescript-eslint/func-call-spacing": "off", "@typescript-eslint/indent": "off", "@typescript-eslint/keyword-spacing": "off", "@typescript-eslint/lines-between-class-members": "off", "@typescript-eslint/no-extra-parens": "off", "@typescript-eslint/object-curly-spacing": "off", "@typescript-eslint/padding-line-between-statements": "off", "@typescript-eslint/quotes": "off", "@typescript-eslint/semi": "off", "@typescript-eslint/space-before-blocks": "off", "@typescript-eslint/space-before-function-paren": "off", "@typescript-eslint/space-infix-ops": "off", "@typescript-eslint/type-annotation-spacing": "off", // Prettier "prettier/prettier": "error", // React "react/boolean-prop-naming": "off", "react/button-has-type": "error", "react/default-props-match-prop-types": "off", "react/destructuring-assignment": ["error", "always"], "react/display-name": "off", "react/forbid-component-props": "off", "react/forbid-dom-props": "off", "react/forbid-elements": "off", "react/forbid-foreign-prop-types": "off", "react/forbid-prop-types": "off", "react/function-component-definition": ["error", { "namedComponents": "function-declaration", "unnamedComponents": "arrow-function" }], "react/hook-use-state": "error", "react/iframe-missing-sandbox": "off", "react/jsx-boolean-value": ["error", "never"], "react/jsx-child-element-spacing": "off", "react/jsx-closing-bracket-location": "off", "react/jsx-closing-tag-location": "off", "react/jsx-curly-brace-presence": "off", "react/jsx-curly-newline": "off", "react/jsx-curly-spacing": "off", "react/jsx-equals-spacing": "off", "react/jsx-filename-extension": "off", "react/jsx-first-prop-new-line": "off", "react/jsx-fragments": ["error", "element"], "react/jsx-handler-names": "error", "react/jsx-indent": "off", "react/jsx-indent-props": "off", "react/jsx-key": "error", "react/jsx-max-depth": "off", "react/jsx-max-props-per-line": "off", "react/jsx-newline": "off", "react/jsx-no-bind": "off", "react/jsx-no-comment-textnodes": "error", "react/jsx-no-constructed-context-values": "error", "react/jsx-no-duplicate-props": "error", "react/jsx-no-leaked-render": "error", "react/jsx-no-literals": "off", "react/jsx-no-script-url": "error", "react/jsx-no-target-blank": ["error", { "allowReferrer": true, "enforceDynamicLinks": "always", "links": false }], "react/jsx-no-undef": "error", "react/jsx-no-useless-fragment": "off", "react/jsx-one-expression-per-line": "off", "react/jsx-pascal-case": "error", "react/jsx-props-no-multi-spaces": "off", "react/jsx-props-no-spreading": "off", "react/jsx-sort-props": "off", "react/jsx-tag-spacing": "off", "react/jsx-uses-react": "off", "react/jsx-uses-vars": "error", "react/jsx-wrap-multilines": "off", "react/no-access-state-in-setstate": "error", "react/no-adjacent-inline-elements": "off", "react/no-array-index-key": "error", "react/no-arrow-function-lifecycle": "error", "react/no-children-prop": "error", "react/no-danger": "off", "react/no-danger-with-children": "error", "react/no-deprecated": "error", "react/no-did-mount-set-state": "error", "react/no-did-update-set-state": "error", "react/no-direct-mutation-state": "error", "react/no-find-dom-node": "error", "react/no-invalid-html-attribute": "error", "react/no-is-mounted": "error", "react/no-multi-comp": "error", "react/no-namespace": "error", "react/no-object-type-as-default-prop": "off", "react/no-redundant-should-component-update": "error", "react/no-render-return-value": "error", "react/no-set-state": "off", "react/no-string-refs": "error", "react/no-this-in-sfc": "error", "react/no-typos": "error", "react/no-unescaped-entities": "error", "react/no-unknown-property": "error", "react/no-unsafe": "off", "react/no-unstable-nested-components": "error", "react/no-unused-class-component-methods": "off", "react/no-unused-prop-types": "off", "react/no-unused-state": "off", "react/no-will-update-set-state": "error", "react/prefer-es6-class": "error", "react/prefer-exact-props": "off", "react/prefer-read-only-props": "off", "react/prefer-stateless-function": "off", "react/prop-types": "off", "react/react-in-jsx-scope": "off", "react/require-default-props": "off", "react/require-optimization": "off", "react/require-render-return": "error", "react/self-closing-comp": "error", "react/sort-comp": "off", "react/sort-default-props": "off", "react/sort-prop-types": "off", "react/state-in-constructor": "error", "react/static-property-placement": "off", "react/style-prop-object": "error", "react/void-dom-elements-no-children": "error", // React Hooks "react-hooks/rules-of-hooks": "error", "react-hooks/exhaustive-deps": "warn" } } ================================================ FILE: .github/COMMIT_CONVENTION.md ================================================ ## Git Commit Message Convention > This is adapted from [Angular's commit convention](https://github.com/conventional-changelog/conventional-changelog/tree/master/packages/conventional-changelog-angular). #### TL;DR: Messages must be matched by the following regex: ```js /^(feat|fix|chore|docs|style|refactor|perf|test|ci)(\(.+\))?: .{1,72}/; ``` ### Full Message Format A commit message consists of a **header**, **body** and **footer**. The header has a **type** and **subject**: ``` :