zds-pickers 4.0.5 → 4.0.6

package/.editorconfig

@@ -0,0 +1,19 @@
+# EditorConfig is awesome: http://EditorConfig.org
+
+# https://github.com/jokeyrhyme/standard-editorconfig
+
+# top-most EditorConfig file
+root = true
+
+# defaults
+[*]
+charset = utf-8
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
+indent_size = 2
+indent_style = space
+
+[*.md]
+trim_trailing_whitespace = false
+max_line_length = 200

package/.github/workflows/codeql-analysis.yml

@@ -0,0 +1,67 @@
+# For most projects, this workflow file will not need changing; you simply need
+# to commit it to your repository.
+#
+# You may wish to alter this file to override the set of languages analyzed,
+# or to provide custom queries or build logic.
+#
+# ******** NOTE ********
+# We have attempted to detect the languages in your repository. Please check
+# the `language` matrix defined below to confirm you have the correct set of
+# supported CodeQL languages.
+#
+name: "CodeQL"
+
+on:
+  push:
+    branches: [ master ]
+  pull_request:
+    # The branches below must be a subset of the branches above
+    branches: [ master ]
+  schedule:
+    - cron: '34 5 * * 0'
+
+jobs:
+  analyze:
+    name: Analyze
+    runs-on: ubuntu-latest
+
+    strategy:
+      fail-fast: false
+      matrix:
+        language: [ 'javascript' ]
+        # CodeQL supports [ 'cpp', 'csharp', 'go', 'java', 'javascript', 'python' ]
+        # Learn more:
+        # https://docs.github.com/en/free-pro-team@latest/github/finding-security-vulnerabilities-and-errors-in-your-code/configuring-code-scanning#changing-the-languages-that-are-analyzed
+
+    steps:
+    - name: Checkout repository
+      uses: actions/checkout@v2
+
+    # Initializes the CodeQL tools for scanning.
+    - name: Initialize CodeQL
+      uses: github/codeql-action/init@v1
+      with:
+        languages: ${{ matrix.language }}
+        # If you wish to specify custom queries, you can do so here or in a config file.
+        # By default, queries listed here will override any specified in a config file.
+        # Prefix the list here with "+" to use these queries and those in the config file.
+        # queries: ./path/to/local/query, your-org/your-repo/queries@main
+
+    # Autobuild attempts to build any compiled languages  (C/C++, C#, or Java).
+    # If this step fails, then you should remove it and run the build manually (see below)
+    - name: Autobuild
+      uses: github/codeql-action/autobuild@v1
+
+    # ℹ️ Command-line programs to run using the OS shell.
+    # 📚 https://git.io/JvXDl
+
+    # ✏️ If the Autobuild fails above, remove it and uncomment the following three lines
+    #    and modify them (or add more) to build your code if your project
+    #    uses a compiled language
+
+    #- run: |
+    #   make bootstrap
+    #   make release
+
+    - name: Perform CodeQL Analysis
+      uses: github/codeql-action/analyze@v1

package/.nvmrc

@@ -0,0 +1 @@
+22.13.0

package/.prettierrc

@@ -0,0 +1,13 @@
+{
+  "eslintIntegration": true,
+  "singleQuote": true,
+  "trailingComma": "all",
+  "semi": false,
+  "tabWidth": 2,
+  "overrides": [
+    {
+      "files": "mdx",
+      "options": { "parser": "mdx" }
+    }
+  ]
+}

package/.storybook/main.ts

@@ -0,0 +1,42 @@
+import type { StorybookConfig } from '@storybook/react-vite'
+
+const config: StorybookConfig = {
+  stories: ['../stories/*.stories.tsx'],
+
+  addons: ['@storybook/addon-links', '@storybook/addon-essentials'],
+
+  framework: {
+    name: '@storybook/react-vite',
+    options: {},
+  },
+
+  core: {
+    disableTelemetry: true,
+    builder: '@storybook/builder-vite',
+  },
+
+  docs: {
+    autodocs: false,
+  },
+
+  typescript: {
+    // reactDocgen: 'react-docgen-typescript',
+  },
+
+  viteFinal(config) {
+    return {
+      ...config,
+      optimizeDeps: {
+        exclude: ['storybook-dark-mode'],
+      },
+      css: {
+        postcss: {},
+        modules: {
+          localsConvention: 'camelCase',
+        },
+      },
+    }
+  },
+}
+
+export default config

package/.storybook/manager.ts

@@ -0,0 +1,12 @@
+import { addons } from '@storybook/manager-api'
+
+addons.setConfig({
+  sidebar: {
+    renderLabel: (item: { name: string }) => {
+      return item.name
+        .replace(/([A-Z])/g, ' $1')
+        .trim()
+        .replaceAll('Story', '')
+    },
+  },
+})

package/.storybook/preview.tsx

@@ -0,0 +1,26 @@
+import type { Preview, StoryContext, StoryFn } from '@storybook/react'
+// biome-ignore lint/correctness/noUnusedImports: <explanation>
+import React from 'react'
+import { useState } from 'react'
+import '../stories/assets/sampleStyles.css'
+
+const preview: Preview = {
+  decorators: [
+    (Story: StoryFn, context: StoryContext) => {
+      const [value, setValue] = useState(context.args.value || 0)
+      return (
+        <div>
+          <Story
+            args={{
+              ...context.args,
+              value,
+              onChange: setValue,
+            }}
+          />
+        </div>
+      )
+    },
+  ],
+}
+
+export default preview

package/.vscode/extensions.json

@@ -0,0 +1,32 @@
+{
+  // See http://go.microsoft.com/fwlink/?LinkId=827846 to learn about workspace recommendations.
+  // Extension identifier format: ${publisher}.${name}. Example: vscode.csharp
+
+  // List of extensions which should be recommended for users of this workspace.
+  "recommendations": [
+    "christian-kohler.npm-intellisense",
+    "christian-kohler.path-intellisense",
+    "dbaeumer.vscode-eslint",
+    "dsznajder.es7-react-js-snippets",
+    "editorconfig.editorconfig",
+    "esbenp.prettier-vscode",
+    "formulahendry.auto-close-tag",
+    "formulahendry.auto-rename-tag",
+    "jzarzoso.break-from-comma",
+    "lihui.vs-color-picker",
+    "meganrogge.template-string-converter",
+    "mrmlnc.vscode-json5",
+    "msjsdiag.debugger-for-chrome",
+    "naumovs.color-highlight",
+    "paulmolluzzo.convert-css-in-js",
+    "pflannery.vscode-versionlens",
+    "quicktype.quicktype",
+    "richie5um2.vscode-sort-json",
+    "streetsidesoftware.code-spell-checker",
+    "unifiedjs.vscode-mdx",
+    "wayou.vscode-todo-highlight",
+    "zignd.html-css-class-completion"
+  ],
+  // List of extensions recommended by VS Code that should not be recommended for users of this workspace.
+  "unwantedRecommendations": ["silvenon.mdx"]
+}

package/.vscode/javascript.code-snippets

@@ -0,0 +1,229 @@
+{
+  "Debugger": {
+    "prefix": "db",
+    "body": ["debugger // eslint-disable-line"],
+    "description": "Break for debugger, but have eslint leave us alone."
+  },
+
+  "Print to console": {
+    "prefix": "lg",
+    "body": ["console.log($1)", "$2"],
+    "description": "Log output to console"
+  },
+
+  "Print debug to console": {
+    "prefix": "lgw",
+    "body": ["console.log(wrapper.debug())"],
+    "description": "Log output to console"
+  },
+
+  "Import act (for enzyme only)": {
+    "prefix": "ac",
+    "body": ["import { act } from 'react-dom/test-utils'"],
+    "description": "Import act() suitable for Enzyme"
+  },
+
+  "Import PropTypes": {
+    "prefix": "pt",
+    "body": ["import PropTypes from 'prop-types'"],
+    "description": "Adds import for PropTypes"
+  },
+
+  "Import classNames": {
+    "prefix": "cl",
+    "body": ["import cl from 'classnames'"],
+    "description": "Adds import for classnames"
+  },
+
+  "Import makeStyles": {
+    "prefix": "ms",
+    "body": ["import makeStyles from '@material-ui/core/styles/makeStyles'"],
+    "description": "Adds import for makeStyles"
+  },
+
+  "Import matchmedia mock": {
+    "prefix": "mm",
+    "body": [
+      "import '@mocks/matchMedia-mock'",
+    ],
+    "description": "Adds import for the matchmedia mock"
+  },
+
+  "Import styled": {
+    "prefix": "sty",
+    "body": ["import styled from '@material-ui/core/styles/styled'"],
+    "description": "Adds import for styled"
+  },
+
+  "Add a useState declaration": {
+    "prefix": "ss",
+    "body": ["const [${1/(.*)/${1}, set${1:/capitalize}/}] = useState()"],
+    "description": "Adds a state hook"
+  },
+
+  "useStyles": {
+    "prefix": "us",
+    "body": [
+      "const useStyles = makeStyles(({ mixins: { rem }, palette }) => ({",
+      "  root: {",
+      "  },",
+      "}), { name: '${1:$TM_FILENAME_BASE}' })"
+    ],
+    "description": "Adds useStyles"
+  },
+
+  "Insert styles": {
+    "prefix": "uss",
+    "body": ["const classes = useStyles()"],
+    "description": "Get classes from useStyles hook"
+  },
+
+  "use styled": {
+    "prefix": "st",
+    "body": [
+      "export default styled(${1:$TM_FILENAME_BASE})(({ theme: { mixins: {}, palette } }) => ({",
+      "}), { name: '${1:$TM_FILENAME_BASE}' })",
+    ],
+    "description": "the styled components form of makeStyles"
+  },
+
+  "React pure function": {
+    "prefix": "rcp",
+    "body": [
+      "import PropTypes from 'prop-types'",
+      "",
+      "const ${1:$TM_FILENAME_BASE} = (props) => {",
+      "  const { } = props",
+      "  return <div>${1:$TM_FILENAME_BASE}</div>",
+      "}",
+      "",
+      "${1:$TM_FILENAME_BASE}.propTypes = {}",
+      "",
+      "export default ${1:$TM_FILENAME_BASE}",
+      "",
+    ],
+    "description": "Shell for a simple react component"
+  },
+
+  "React styled component": {
+    "prefix": "rcs",
+    "body": [
+      "import styled from '@material-ui/core/styles/styled'",
+      "",
+      "const ${1:$TM_FILENAME_BASE} = ({ className }) => {",
+      "  return <div className={className}>${1:$TM_FILENAME_BASE}</div>",
+      "}",
+      "",
+      "export default styled(${1:$TM_FILENAME_BASE})(({ theme: { mixins: {}, palette } }) => ({",
+      "}), { name: '${1:$TM_FILENAME_BASE}' })",
+      "",
+    ],
+    "description": "Shell for a simple styled component"
+  },
+
+  "React pure function useStyles": {
+    "prefix": "rcps",
+    "body": [
+      "import PropTypes from 'prop-types'",
+      "import makeStyles from '@material-ui/core/styles/makeStyles'",
+      "",
+      "const useStyles = makeStyles(({ mixins: {}, palette }) => ({",
+      "  root: {},",
+      "}), { name: '${1:$TM_FILENAME_BASE}' })",
+      "",
+      "const ${1:$TM_FILENAME_BASE} = (props) => {",
+      "  const { } = props",
+      "  const classes = useStyles()",
+      "",
+      "  return <div className={classes.root}>${1:$TM_FILENAME_BASE}</div>",
+      "}",
+      "",
+      "${1:$TM_FILENAME_BASE}.propTypes = {}",
+      "",
+      "export default ${1:$TM_FILENAME_BASE}",
+      "",
+    ],
+    "description": "Shell for simple react component with useStyles"
+  },
+
+  "Empty reducer": {
+    "prefix": "red",
+    "body": [
+      "import PropTypes from 'prop-types'",
+      "import { createReducer } from '../utils'",
+      "",
+      "export const actionTypes = {}",
+      "",
+      "export const initialState = {}",
+      "",
+      "export const ${1:name}Shape = PropTypes.shape({})",
+      "",
+      "export const actions = {}",
+      "",
+      "export default createReducer(initialState, {})",
+      ""
+    ],
+    "description": ""
+  },
+
+  "Component test shell": {
+    "prefix": "rct",
+    "body": [
+      "import { compose } from 'redux'",
+      "import ${TM_FILENAME_BASE/(?:\\.spec$)/${1}/g} from './${TM_FILENAME_BASE/(?:\\.spec$)/${1}/g}'",
+      "",
+      "describe('<${TM_FILENAME_BASE/(?:\\.spec$)/${1}/g} />', () => {",
+      "  const defaultProps = {}",
+      "",
+      "  beforeEach(jest.resetAllMocks)",
+      "",
+      "  const getWrapper = compose(",
+      "    mount,",
+      "    createElement(${TM_FILENAME_BASE/(?:\\.spec$)/${1}/g}),",
+      "    withProps(defaultProps),",
+      "  )",
+      "",
+      "  it('should render', () => {",
+      "    const wrapper = getWrapper()",
+      "    console.log(wrapper.debug())",
+      "  })",
+      "})",
+      "",
+    ],
+    "description": "Shell for typical component test"
+  },
+
+  "Component test shell (RTL)": {
+    "prefix": "rctl",
+    "body": [
+      "import '@config/testingLibrary'",
+      "import { compose } from 'redux'",
+      "import { screen } from '@testing-library/dom'",
+      "import { act } from '@testing-library/react'",
+      "import userEvent from '@testing-library/user-event'",
+      "import ${TM_FILENAME_BASE/(?:\\.spec$)/${1}/g} from './${TM_FILENAME_BASE/(?:\\.spec$)/${1}/g}'",
+      "",
+      "describe('<${TM_FILENAME_BASE/(?:\\.spec$)/${1}/g} />', () => {",
+        "  const defaultProps = {}",
+        "",
+        "  beforeEach(jest.resetAllMocks)",
+        "  afterEach(cleanup)",
+        "",
+        "  const { debug, getByTestId } = screen",
+        "",
+        "  const getWrapper = compose(",
+        "    render,",
+        "    createElement(${TM_FILENAME_BASE/(?:\\.spec$)/${1}/g}),",
+        "    withProps(defaultProps),",
+        "  )",
+        "",
+        "  it('should render', () => {",
+        "    getWrapper()",
+        "    debug()",
+        "  })",
+        "})",
+        "",
+    ],
+    "description": "Shell for typical component test, using RTL"
+  },
+}