Merge pull request #3 from exoRift/dev

Prerelease 0.1.2

Author: exoRift

.storybook/main.js

@@ -4,6 +4,7 @@ module.exports = {
     '../src/**/*.stories.@(js|jsx|ts|tsx)'
   ],
   addons: [
+    '@storybook/addon-postcss',
     '@storybook/addon-links',
     '@storybook/addon-essentials',
     '@storybook/addon-console'

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "react-fluent-mobile",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "A series of React mixin modules that augment the mobile user experience",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
@@ -35,9 +35,9 @@
       "last 1 safari version"
     ]
   },
-  "engines" : {
-    "npm" : ">=7.0.0",
-    "node" : ">=16.0.0"
+  "engines": {
+    "npm": ">=7.0.0",
+    "node": ">=16.0.0"
   },
   "keywords": [
     "react",
@@ -56,24 +56,19 @@
     "react-dom": "^18.2.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.18.6",
-    "@babel/preset-react": "^7.18.6",
     "@rollup/plugin-babel": "^5.3.1",
     "@rollup/plugin-commonjs": "^22.0.1",
     "@rollup/plugin-node-resolve": "^13.3.0",
     "@storybook/addon-actions": "^6.5.9",
     "@storybook/addon-console": "^1.2.3",
     "@storybook/addon-essentials": "^6.5.9",
     "@storybook/addon-links": "^6.5.9",
-    "@storybook/builder-webpack4": "^6.5.9",
-    "@storybook/manager-webpack4": "^6.5.9",
+    "@storybook/addon-postcss": "^2.0.0",
     "@storybook/react": "^6.5.9",
-    "@storybook/testing-library": "^0.0.13",
-    "babel-loader": "^8.2.5",
+    "autoprefixer": "^10.4.8",
     "eslint": "^8.19.0",
     "eslint-config-react-app": "^7.0.1",
     "eslint-config-standard": "^17.0.0",
-    "postcss": "^8.4.14",
     "rollup": "^2.76.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2"

package.json

@@ -0,0 +1,5 @@
+module.exports = {
+  plugins: [
+    require('autoprefixer')
+  ]
+}

postcss.config.js

@@ -5,6 +5,7 @@ import {
 } from '@rollup/plugin-babel'
 import commonjs from '@rollup/plugin-commonjs'
 import postcss from 'rollup-plugin-postcss'
+import autoprefixer from 'autoprefixer'
 
 const packageJson = require('./package.json')
 
@@ -30,7 +31,10 @@ export default {
     }),
     commonjs(),
     postcss({
-      extensions: ['.css']
+      extract: true,
+      plugins: [
+        autoprefixer()
+      ]
     })
   ]
 }

rollup.config.js

@@ -206,7 +206,7 @@ class SelectionMixin extends React.Component {
     this.manipulator.current.style.pointerEvents = 'none' // Allow range passthrough of manipulation pad
     if (touches[1]) this.selectRange.setStart(...this.getCaretPosition(positions[0], positions[1] + (this.originRange.startCoords.height / 2)))
     if (touches[0]) this.selectRange.setEnd(...this.getCaretPosition(positions[2], positions[3] + (this.originRange.endCoords.height / 2)))
-    this.manipulator.current.style.pointerEvents = 'auto'
+    this.manipulator.current.style.pointerEvents = null
 
     // Safari selection behavior and Android tap selection behavior
     if (this.isIOS || selection.isCollapsed) this.reselectForIOS()

src/components/SelectionMixin.jsx

@@ -34,8 +34,8 @@ export default {
       }
     },
     theme: {
+      options: ['dark', 'light'],
       control: {
-        options: ['dark', 'light'],
         type: 'radio'
       }
     }

src/stories/Coalescence.stories.jsx

@@ -28,7 +28,7 @@
 
 .fluent#fluentselectionmanipulator.inactive {
   opacity: 0;
-  pointer-events: none !important;
+  pointer-events: none;
 }
 .fluent#fluentselectionmanipulator.active:not(.inactive) {
   opacity: 1;