chore(many): remove jsx praga headers; use react-jsx compiler option for jsx; fix lint

Author: balzss

.gitignore

@@ -1,10 +1,8 @@
 node_modules/
 npm-debug.log
-yarn-error.log
 lerna-debug.log
 ./build-storybook.log
 coverage/
-.yarnclean
 .babel-cache
 __build__
 .vscode
@@ -16,15 +14,6 @@ __build__
 .env.test
 .tmp/
 
-# Local Netlify folder
-.netlify
-
 tsconfig.build.tsbuildinfo
 
 .pnp.*
-.yarn/*
-!.yarn/patches
-!.yarn/plugins
-!.yarn/releases
-!.yarn/sdks
-!.yarn/versions

commitlint.config.js

@@ -72,7 +72,8 @@ module.exports = {
   },
   // https://commitlint.js.org/reference/rules.html
   rules: {
-    'header-max-length': [2, 'always', 150]
+    'header-max-length': [0, 'always', 150], // 0 === rule is disabled
+    'subject-max-length': [2, 'always', 150]
   },
 
   // https://cz-git.qbb.sh/config/
@@ -83,9 +84,10 @@ module.exports = {
     defaultScope: getChangedPackages(),
     skipQuestions: ['footerPrefix', 'confirmCommit'],
     // If more than 3 packages are selected display 'many', e.g. `refactor(many): some message`
-    formatMessageCB: ({ scope, defaultMessage }) =>
-      scope.split(',').length > 3
+    formatMessageCB: ({ scope, defaultMessage }) => {
+      return scope.split(',').length > 3
         ? defaultMessage.replace(scope, 'many')
         : defaultMessage
+    }
   }
 }

cypress/component/Alerts.cy.tsx

@@ -21,8 +21,8 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-import React from 'react'
-import { Alert } from '../../packages/ui'
+
+import { Alert } from '@instructure/ui'
 
 import '../support/component'
 import 'cypress-real-events'

cypress/component/AppNav.cy.tsx

@@ -21,8 +21,8 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-import React from 'react'
-import { AppNav } from '../../packages/ui'
+
+import { AppNav } from '@instructure/ui'
 
 import '../support/component'
 import 'cypress-real-events'

cypress/component/ColorIndicator.cy.tsx

@@ -21,13 +21,13 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-import React from 'react'
-import { ColorIndicator } from '../../packages/ui'
+
+import { ColorIndicator } from '@instructure/ui'
 
 import '../support/component'
 import 'cypress-real-events'
 
-import { colorToRGB, colorToHex8 } from '../../packages/ui-color-utils'
+import { colorToRGB, colorToHex8 } from '@instructure/ui-color-utils'
 
 const colorTestCases = {
   '3 digit hex': '#069',

cypress/component/ColorMixer.cy.tsx

@@ -21,13 +21,13 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-import React from 'react'
-import { ColorMixer } from '../../packages/ui'
+
+import { ColorMixer } from '@instructure/ui'
 
 import '../support/component'
 import 'cypress-real-events'
 
-import { colorToHex8 } from '../../packages/ui-color-utils'
+import { colorToHex8 } from '@instructure/ui-color-utils'
 
 const testValue = {
   value: '#09918B'

cypress/component/ColorPicker.cy.tsx

@@ -21,19 +21,19 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-import React from 'react'
+
 import {
   ColorPicker,
   ColorMixer,
   ColorPreset,
   ColorContrast,
   Button
-} from '../../packages/ui'
+} from '@instructure/ui'
 
 import '../support/component'
 import 'cypress-real-events'
 
-import { colorToRGB, color2hex } from '../../packages/ui-color-utils'
+import { colorToRGB, color2hex } from '@instructure/ui-color-utils'
 
 const colorPreset = [
   '#ffffff',

cypress/component/ColorPreset.cy.tsx

@@ -21,13 +21,13 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-import React from 'react'
-import { ColorPreset } from '../../packages/ui'
+
+import { ColorPreset } from '@instructure/ui'
 
 import '../support/component'
 import 'cypress-real-events'
 
-import { colorToRGB } from '../../packages/ui-color-utils'
+import { colorToRGB } from '@instructure/ui-color-utils'
 
 const testValue = {
   colors: [

cypress/component/DateInput.cy.tsx

@@ -21,11 +21,11 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-import React from 'react'
+
 import 'cypress-real-events'
 
 import '../support/component'
-import { DateInput, Calendar } from '../../packages/ui'
+import { DateInput, Calendar } from '@instructure/ui'
 
 const weekdayLabels = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']