zendeskgarden / website Goto Github PK

Love the look of this and wondering how to install?

There is an error with this repository's Renovate configuration that needs to be fixed. As a precaution, Renovate will stop PRs until it is resolved.

Error type: undefined. Note: this is a nested preset so please contact the preset author if you are unable to fix it yourself.

Note: Raised an issue here hoping we can push a Note on Pagination Component If this is expected behavior

Take a look at this CodeSandbox

Expectation

Shouldn't get ellipsed Page numbers.

Reality

The 3-digit Page numbers are getting ellipsed if window-width is small and Pagination's prop pagePadding > 0

Steps to Reproduce

1. Visit here
2. Reduce the window width around 320px
3. Notice Case 2, 3

Fine Print

• URL: Pagination
• Version: ^8.x
• Browsers: all

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Awaiting Schedule

These updates are awaiting their schedule. Click on a checkbox to get an update now.

• chore(deps): update dependency @svgr/webpack to v8
• chore(deps): update dependency typescript to v5
• chore(deps): update gatsby monorepo (major) (gatsby, gatsby-plugin-google-gtag, gatsby-plugin-image, gatsby-plugin-manifest, gatsby-plugin-offline, gatsby-plugin-react-helmet, gatsby-plugin-sharp, gatsby-plugin-sitemap, gatsby-plugin-styled-components, gatsby-plugin-typescript, gatsby-remark-autolink-headers, gatsby-remark-images, gatsby-remark-smartypants, gatsby-source-filesystem, gatsby-transformer-sharp, gatsby-transformer-yaml)

Edited/Blocked

These updates have been manually edited so Renovate will no longer make changes. To discard all commits and start over, click on a checkbox.

• chore(deps): update dependency @zendeskgarden/eslint-config to v32

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

• chore(deps): update all non-major dependencies (@babel/core, @babel/eslint-parser, @types/lodash, @types/node, @types/react, @types/react-beautiful-dnd, @types/react-dom, @typescript-eslint/eslint-plugin, @typescript-eslint/parser, @zendeskgarden/container-utilities, @zendeskgarden/react-accordions, @zendeskgarden/react-avatars, @zendeskgarden/react-breadcrumbs, @zendeskgarden/react-buttons, @zendeskgarden/react-chrome, @zendeskgarden/react-colorpickers, @zendeskgarden/react-datepickers, @zendeskgarden/react-drag-drop, @zendeskgarden/react-dropdowns, @zendeskgarden/react-forms, @zendeskgarden/react-grid, @zendeskgarden/react-loaders, @zendeskgarden/react-modals, @zendeskgarden/react-notifications, @zendeskgarden/react-pagination, @zendeskgarden/react-tables, @zendeskgarden/react-tabs, @zendeskgarden/react-tags, @zendeskgarden/react-theming, @zendeskgarden/react-tooltips, @zendeskgarden/react-typography, @zendeskgarden/scripts, babel-plugin-styled-components, core-js, date-fns, eslint, eslint-config-prettier, lint-staged, markdownlint-cli, node-fetch, postcss, prettier, react-window, remark, styled-components)
• chore(deps): update dependency ora to v6
• chore(deps): update dependency stylelint to v15
• chore(deps): update dependency stylelint-order to v6
• Click on this checkbox to rebase all open PRs at once

Ignored or Blocked

These are blocked by an existing closed PR and will not be recreated unless you click a checkbox below.

• chore(deps): update dependency gatsby-plugin-mdx to v2.14.1 [security]
• chore(deps): update dependency execa to v7
• chore(deps): update dependency node-fetch to v3
• chore(deps): update dependency unist-util-visit to v4
• chore(deps): update mdx monorepo to v2 (major) (@mdx-js/mdx, @mdx-js/react)
• chore(deps): update react monorepo to v18 (major) (@types/react, @types/react-dom, react, react-dom)

Detected dependencies

• Check this box to trigger a request for Renovate to run again on this repository

Expectations

Images should be visible on Internet Explorer 11.

Reality

Images are not visible on Internet Explorer 11.

Steps to Reproduce

1. Open Internet Explorer 11
2. Navigate to https://garden.zendesk.com/
3. Notice the images do not show up

Fine Print

• URL: https://garden.zendesk.com/
• Version: N/A
• Browsers: IE11

Expectations

I visit any Component page of the Zendesk Garden, and am shown examples of the Component in use.

Reality

I visit a Component page (such as https://garden.zendesk.com/components/anchor) and I am not shown examples.

Steps to Reproduce

1. Open page such as https://garden.zendesk.com/components/table
2. Note that the examples show empty boxes
3. Check the console and note that errors occur:

Uncaught Error: An error occurred. See https://github.com/styled-components/styled-components/blob/master/packages/styled-components/src/utils/errors.md#4 for more information.
    at new t (/app-e166eb3ec3a4aceaa93b.js:2)
    at t.getContext (/app-e166eb3ec3a4aceaa93b.js:2)
    at t.getContext (/app-e166eb3ec3a4aceaa93b.js:2)
    at t.render (/app-e166eb3ec3a4aceaa93b.js:2)
    at Wa (/framework-c6ebaed61e1244e1022d.js:2)
    at Va (/framework-c6ebaed61e1244e1022d.js:2)
    at xo (/framework-c6ebaed61e1244e1022d.js:2)
    at gu (/framework-c6ebaed61e1244e1022d.js:2)
    at hu (/framework-c6ebaed61e1244e1022d.js:2)
    at ou (/framework-c6ebaed61e1244e1022d.js:2)

Fine Print

• URL: Any component, such as https://garden.zendesk.com/components/anchor or https://garden.zendesk.com/components/table
• Version: Was working yesterday, suspect latest change
• Browsers: both Chrome and FF

Expectations

As a developer external to Zendesk, to be able to clone the repo, follow the setup described in .github/CONTRIBUTING.md, and run a local version of website.

Reality

Upon creating an Abstract API token, exporting it as ABSTRACT_TOKEN, and running yarn the abstract-sdk is throwing a ForbiddenError

...
info Retrieving files from Abstract...
error "gatsby-source-abstract" threw an error while running the sourceNodes lifecycle:

Forbidden.


  ForbiddenError: Forbidden.
  
  - errors.js:417 _callee$
    [website]/[abstract-sdk]/dist/errors.js:417:19
  
  - errors.js:46 asyncGeneratorStep
    [website]/[abstract-sdk]/dist/errors.js:46:103
  
  - errors.js:48 _next
    [website]/[abstract-sdk]/dist/errors.js:48:194
  
  - errors.js:48 
    [website]/[abstract-sdk]/dist/errors.js:48:364
...

So it appears as if I do not have access to the versioned content and images required by the website, i.e. those of the project with projectId 27ff5784-e1c4-4f8c-a914-c03c380c8ea9.

Steps to Reproduce

1. Clone the website repo

kdavis@Kellys-MacBook-Pro zendeskgarden % git clone --recurse-submodules https://github.com/zendeskgarden/website.git 
Cloning into 'website'...
remote: Enumerating objects: 289, done.
remote: Counting objects: 100% (289/289), done.
remote: Compressing objects: 100% (241/241), done.
remote: Total 3097 (delta 113), reused 117 (delta 44), pack-reused 2808
Receiving objects: 100% (3097/3097), 4.18 MiB | 848.00 KiB/s, done.
Resolving deltas: 100% (1876/1876), done.
Submodule 'react-components' ([email protected]:zendeskgarden/react-components.git) registered for path 'react-components'
Cloning into '/Users/kdavis/Code/zendeskgarden/website/react-components'...
remote: Enumerating objects: 2572, done.        
remote: Counting objects: 100% (2572/2572), done.        
remote: Compressing objects: 100% (1035/1035), done.        
remote: Total 535002 (delta 1926), reused 2053 (delta 1474), pack-reused 532430        
Receiving objects: 100% (535002/535002), 647.63 MiB | 650.00 KiB/s, done.
Resolving deltas: 100% (385493/385493), done.
Submodule path 'react-components': checked out '470644c70ede47e69b82b91a2ed4a9838289e73f'

2. Move into the cloned directory

kdavis@Kellys-MacBook-Pro zendeskgarden % cd website
kdavis@Kellys-MacBook-Pro website %

3. Set the environment variable ABSTRACT_TOKEN

kdavis@Kellys-MacBook-Pro website % source ~/.zshrc 
kdavis@Kellys-MacBook-Pro website % printenv ABSTRACT_TOKEN
<Token generated by following the instructions on Abstract's 'Generating an access token' page> 

4. Run yarn as indicated by .github/CONTRIBUTING.md

kdavis@Kellys-MacBook-Pro website % yarn
yarn install v1.22.10
[1/5] 🔍  Resolving packages...
warning Resolution field "[email protected]" is incompatible with requested version "gatsby-react-router-scroll@^3.2.0"
[2/5] 🚚  Fetching packages...
warning [email protected]: Invalid bin field for "url-loader".
[3/5] 🔗  Linking dependencies...
warning " > [email protected]" has unmet peer dependency "@reach/router@^1.0.0".
warning "gatsby-plugin-netlify > [email protected]" has unmet peer dependency "webpack@>=4.4.0".
[4/5] 🔨  Building fresh packages...
[5/5] ♻️  Cleaning modules...
$ git submodule update --depth 1 --init && yarn build
yarn run v1.22.10
$ gatsby build
success open and validate gatsby-configs - 0.103s
success load plugins - 2.504s
success onPreInit - 0.043s
success delete html and css files from previous builds - 0.002s
success initialize cache - 0.005s
success copy gatsby files - 0.035s
success onPreBootstrap - 0.019s
success createSchemaCustomization - 0.010s
info Reading news.yml...
info Sourcing Garden react-component packages...
info Retrieving files from Abstract...
error "gatsby-source-abstract" threw an error while running the sourceNodes lifecycle:

Forbidden.


  ForbiddenError: Forbidden.
  
  - errors.js:417 _callee$
    [website]/[abstract-sdk]/dist/errors.js:417:19
  
  - errors.js:46 asyncGeneratorStep
    [website]/[abstract-sdk]/dist/errors.js:46:103
  
  - errors.js:48 _next
    [website]/[abstract-sdk]/dist/errors.js:48:194
  
  - errors.js:48 
    [website]/[abstract-sdk]/dist/errors.js:48:364
  
  - new Promise
  
  - errors.js:48 
    [website]/[abstract-sdk]/dist/errors.js:48:97
  
  - errors.js:444 _throwAPIError
    [website]/[abstract-sdk]/dist/errors.js:444:25
  
  - errors.js:382 throwAPIError
    [website]/[abstract-sdk]/dist/errors.js:382:25
  
  - Endpoint.js:375 Commits._callee2$
    [website]/[abstract-sdk]/dist/endpoints/Endpoint.js:375:50
  
  - Endpoint.js:84 asyncGeneratorStep
    [website]/[abstract-sdk]/dist/endpoints/Endpoint.js:84:103
  

not finished source and transform nodes - 7.848s
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/install for documentation about this command.

Fine Print

I am a developer external to Zendesk and I assume this is the origin of this problem. But is it possible to obtain read-only access to the versioned content and images required by the website?

Expectations

Successful installation of dependencies.

Reality

Get the following error message:
Please make sure you have the correct access rights and the repository exists. fatal: clone of '[email protected]:zendeskgarden/react-components.git' into submodule path '/Users/code/Temp/website/react-components' failed Failed to clone 'react-components' a second time, aborting error Command failed with exit code 1. info Visit https://yarnpkg.com/en/docs/cli/install for documentation about this command.

Steps to Reproduce

1. Download repository and cd into website
2. Run yarn install

Fine Print

• URL:
• Version:
• Browsers: all