Stack Overflow
Stack Overflow

Questions tagged [atlaskit]

Atlaskit is the Atlassian UI library. Use for questions about using this toolkit.

Atlassian's official UI library, built according to the Atlassian Design Guidelines.

Atlaskit Website

33 questions
7
votes
2 answers

Why is dependency repeated many times in Webpack artifact?

I have a multi-entry point webpack build and I am working on optimizing artifact size for production. webpack-bundle-analyzer produced the following picture: It's obvious that the AtlasKit dependencies make up a huge chunk of the total artifact…
Tobi
  • 1,492
  • 1
  • 13
  • 20
5
votes
4 answers

Export { default } not supported in React app

I'm facing problems after update @atalaskit/form from version 2.1.2 to the latest version (5.2.7). This new update makes use of export { default } from './File' which I think my babel and/or webpack doesn't support. So far I found out that…
LuisMendes535
  • 526
  • 7
  • 18
3
votes
1 answer

Error: Should not import the named export... at @atlaskit/editor-core

I'm trying to use @atlaskit/editor-core for the first time. I installed it with npm i @atlaskit/editor-core, my npm version is 8.3.0 and my node version is 16.13.1. However, when I try to run my app, I get many errors with the same pattern: ERROR in…
Alejandro Lorenzo
  • 41
  • 4
3
votes
1 answer

Converting atlaskit markdown notation to html elements

https://jira.atlassian.com/secure/WikiRendererHelpAction.jspa?section=all https://atlaskit.atlassian.com/packages/editor/editor-markdown-transformer I am trying to convert the below text as 'html' elements:- Regular, **Strong**, *Italic*, @Artur…
Mahi
  • 3,748
  • 4
  • 35
  • 70
3
votes
0 answers

@atlaskit/editor-core bundle size problem with Webpack 4

I'm trying to use @atlaskit/editor-core. It works good but it outputs a 15+mb vendor.js file. I have prepared a GitHub repo to demonstrate this problem. I have two questions: Are my babel.config.js and webpack.common.js files are set up correctly…
Deniz
  • 1,575
  • 1
  • 16
  • 27
3
votes
0 answers

How to use AtlasKit Editor with Next.js?

I'm trying to use AtlasKit with Next.js 8, but for some reason, there is a SyntaxError: Unexpected token export error when attempting to build. I think it's an issue with @atlaskit/editor-core not being properly preprocessed for ES6 (via webpack or…
Brandon
  • 119
  • 1
  • 8
2
votes
2 answers

How to use alternative implementation for npm packages to use Atlaskit without accepting Atlassian Design Guidelines License

Most of the Atlaskit editor is licensed with MIT or Apache 2.0 License. I'm trying to figure out how Atlaskit is supposed to be used without accepting non-free (as in freedom) Atlassian Design Guidelines License (ADG License) which is used for…
Mikko Rantalainen
  • 14,132
  • 10
  • 74
  • 112
2
votes
0 answers

Atlaskit Editor Core with custom mention provider

I’m trying to implement a custom mention provider to the Editor Core unsuccessful because I had not found any documentation and/or example how to do it. Any1 has a reference or real example about it? I want to use the mention plugin on the editor…
Carlos Sandoval
  • 21
  • 2
2
votes
0 answers

Atlaskit Modal Touch Scroll

Does anyone know how to enable touch scroll in the Atlaskit Modal, I lost 2 days seeking for answer? const NewVehicleModal = ({ isOpen, handleModal, currentStep }) => { return ( {isOpen && (
Uros Kalajdzic
  • 349
  • 1
  • 6
  • 19
2
votes
0 answers

Ejected Create-React-App unable to transpile node_modules code from Atlaskit packages

Atlaskit packages in node_modules are causing Jest to fail in ejected create-react-app. I only have the default App.test.js file so far and receive a SyntaxError: Unexpected token export from @atlaskit/dropdown-menu. Image of Error I have looked all…
SavSamoylov
  • 65
  • 1
  • 2
  • 7
2
votes
0 answers

How to configure Next.js project to use @Atlaskit open source React UI library (Compile Time Error)?

I am using Next.js version 8 with Atlaskit but getting compile time error which you see as below, I tried many bubble plugin and web-pack configs but didn't work as I am new to web-pack and bubble…
user2620132
  • 155
  • 1
  • 1
  • 10
2
votes
2 answers

What is type in React?

Well, I saw this code snippet that's down below and I'd like to know what type Props really is? Is it related to flow? Or is it related to prop-types? How do I use it in a component that's defined as a class? I saw it in the React-Router example…
Wave Metric
  • 129
  • 1
  • 3
  • 13
1
vote
1 answer

Atlaskit ReactJs Library DropdownItem list is showing under app bar

My DropdownItem lists positions are showing under my app bar, which is creating problem. How could I show the DropDownItem lists over the app bar of my component? My current code is as below: …
eboi
  • 131
  • 6
1
vote
1 answer

Atlaskit DropdownItem list is showing under app bar

My DropdownItem lists positions are showing under my app bar. How could I show the DropDownItem lists over the app bar of my component. My current code is as below: …
Shihab Abrar Hossain
  • 251
  • 2
  • 5
1
vote
1 answer

How to update the Atlaskit DropDownMenu title/trigger colour while selecting an option

Case Scenario: We are using the DropDownMenu Component of Atlaskit. And the trigger/title of the menu is 'Transaction' and by default, its color is 'Black'. And there are two options or DropDownItems named 'Count' and 'Amount'. While any of the…
Shihab Abrar Hossain
  • 251
  • 2
  • 5
1
2 3