@skedulo/sked-ui 0.0.1 → 0.0.2-react-18-preview

package/dist/utils/Option.d.ts

@@ -0,0 +1,58 @@
+/**
+ * API wise this is a near 1 to 1 implementation of Option from `https://github.com/gcanti/fp-ts`
+ * Options are a way to represent nullable data with an consistent API to manipulate the data within.
+ *
+ * Example
+ *
+ * Without Option:
+ * const someArray: { id: number, message: string }[] = [...]
+ * const data = someArray.find(d => d.id == 3) // Returns the object or undefined
+ * console.log(data.message) // This will likely blow up at some point if you forget to handle it or you didn't think it could happen
+ *
+ * With Option:
+ * const someArray: { id: number, message: string }[] = [...]
+ * const optData = Option.of(someArray.find(d => d.id == 3)) // In some languages like Scala, the .find operation will by default return an Option
+ * const message = optData
+ *  .map(data => data.message) // If the Option was a Some, this will run and you get the message
+ *  .getOrElse('No message found!') // If the Option was a None, this will return the fallback value
+ * console.log(message) // You can be sure something will render without error at this point
+ *
+ * Or you could transform the data:
+ * const optIsHelloWorld = optData.map(data => data.message === 'Hello World') // `Option<{ id: number, message: string }>` changes to `Option<boolean>`
+ * console.log(optIsHelloWorld.getOrElse(false))
+ *
+ */
+export declare abstract class Option<T> {
+    static of<V>(v: V | null | undefined): Option<V>;
+    abstract next<K extends keyof T>(key: K): Option<T[K]>;
+    abstract nextAll<K extends keyof T>(...keys: K[]): Option<Pick<T, K>>;
+    abstract map<R>(fn: (v: T) => R): Option<R>;
+    abstract flatMap<R>(fn: (v: T) => Option<R>): Option<R>;
+    abstract getOrElse(fallback: T): T;
+    abstract getOrElseL(fn: () => T): T;
+    abstract or(fallback: T | null | undefined): Option<T>;
+    abstract match<R>(none: () => R, some: (v: T) => R): R;
+    abstract filter(fn: (v: T) => boolean): Option<T>;
+    abstract get orNull(): T | null;
+    abstract get toArray(): T[];
+    abstract get isDefined(): boolean;
+}
+export declare class Some<T> extends Option<T> {
+    readonly value: T;
+    static some<T>(v: T): Option<T>;
+    constructor(value: T);
+    next<K extends keyof T>(key: K): Option<T[K]>;
+    nextAll<K extends keyof T>(...keys: K[]): Option<Pick<T, K>>;
+    map<R>(fn: (v: T) => R): Option<R>;
+    flatMap<R>(fn: (v: T) => Option<R>): Option<R>;
+    getOrElse(fallback: T): T;
+    getOrElseL(fn: () => T): T;
+    or(fallback: T | null | undefined): Option<T>;
+    match<R>(none: () => R, some: (v: T) => R): R;
+    filter(fn: (v: T) => boolean): Option<T>;
+    get orNull(): T | null;
+    get toArray(): T[];
+    get isDefined(): boolean;
+}
+export declare const none: Option<never>;
+export declare const some: typeof Some.some;

package/dist/utils/Option.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/utils/Route.d.ts

@@ -0,0 +1,4 @@
+/**
+ * removes the '/' from the start of the pathname if present
+ */
+export declare const normalizeRoute: (route: string) => string;

package/dist/utils/Strings.d.ts

@@ -0,0 +1 @@
+export declare function createTestLabel(key: string): string;

package/dist/utils/Types.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Since we are using strict types within the project, using Object.keys can
+ * cause a complaint about no index signatures. This is a typed function
+ * to help TypeScript along.
+ */
+export declare function keys<O extends object>(obj: O): (keyof O)[];

package/dist/utils/__tests__/Route.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/utils/testing-utils.d.ts

@@ -0,0 +1,7 @@
+export declare function waitUntil<T>(t: T, iterations?: number): Promise<T>;
+interface WaitForOptions {
+    error?: Error;
+    iterations: number;
+}
+export declare function waitFor<T, R>(t: T | Promise<T>, callBack: (t: T) => R | Promise<R>, { iterations, error }?: WaitForOptions): Promise<R>;
+export {};

package/package.json

@@ -1,38 +1,180 @@
 {
   "name": "@skedulo/sked-ui",
-  "version": "0.0.1",
+  "version": "v0.0.2-react-18-preview",
   "license": "UNLICENSED",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "scripts": {
-    "build": "rollup --config rollup.config.js",
-    "export": "yarn build && cp -a ./dist/* ../../frontend/public/node_modules/@skedulo/sked-ui && cp -a ./dist/* ../demo/node_modules/@skedulo/sked-ui"
+    "bootstrap": "rm -rf node_modules && yarn install --pure-lockfile --peer",
+    "clean": "rm -rf dist && rm -rf storybook-static",
+    "build": "yarn build:test && yarn build:storybook && yarn build:package",
+    "build:declarations": "tsc --emitDeclarationOnly --skipLibCheck",
+    "build:declarations:watch": "yarn build:declarations --watch",
+    "build:webpack": "export NODE_ENV='production' && webpack",
+    "build:test": "yarn test --runInBand",
+    "build:storybook": "export NODE_ENV='production' && build-storybook",
+    "build:package": "yarn build:webpack && yarn build:declarations",
+    "test": "jest",
+    "test:watch": "jest --watch",
+    "test:coverage": "jest --coverage",
+    "package:watch": "yarn build:webpack --watch",
+    "storybook": "start-storybook -p 6006",
+    "release": "npx semantic-release",
+    "lint": "eslint './src/**/*.{ts,tsx}'",
+    "check:types": "tsc --noEmit --pretty",
+    "lint:fix": "./node_modules/.bin/prettier --check --require-pragma false --write 'src/**/*.{ts,tsx}'",
+    "prepare": "husky install"
   },
   "files": [
     "dist/",
     "package.json",
-    "yarn.lock",
-    "tsconfig.json"
+    "yarn.lock"
   ],
+  "release": {
+    "repositoryUrl": "git@github.com:Skedulo/sked-ui-react.git",
+    "plugins": [
+      "@semantic-release/commit-analyzer",
+      "@semantic-release/release-notes-generator",
+      "@semantic-release/npm",
+      [
+        "@semantic-release/git",
+        {
+          "assets": "package.json",
+          "message": "chore(release): ${nextRelease.version} [skip ci]\n\n${nextRelease.notes}"
+        }
+      ]
+    ]
+  },
+  "jest": {
+    "testMatch": [
+      "<rootDir>/src/**/*.spec.(ts|tsx)",
+      "<rootDir>/src/**/*.test.(ts|tsx)"
+    ],
+    "moduleFileExtensions": [
+      "js",
+      "ts",
+      "tsx"
+    ],
+    "moduleNameMapper": {
+      "\\.(css|scss)$": "<rootDir>/.tests/style-mock.js"
+    },
+    "setupFiles": [
+      "<rootDir>/.tests/jest-setup.js"
+    ],
+    "setupFilesAfterEnv": [
+      "<rootDir>/.tests/jest-dom-setup.ts"
+    ],
+    "snapshotSerializers": [
+      "<rootDir>/node_modules/enzyme-to-json/serializer"
+    ],
+    "coverageReporters": [
+      "lcov"
+    ],
+    "coverageDirectory": "<rootDir>/.tests/coverage"
+  },
   "devDependencies": {
-    "@types/classnames": "^2.2.6",
-    "@types/lodash": "^4.14.110",
-    "@types/react": "16.0.0",
-    "@types/react-dom": "16.0.6",
-    "rollup": "^0.60.7",
-    "rollup-plugin-commonjs": "^9.1.3",
-    "rollup-plugin-node-globals": "^1.2.1",
-    "rollup-plugin-node-resolve": "^3.3.0",
-    "rollup-plugin-sass": "^0.8.0",
-    "rollup-plugin-typescript2": "^0.15.0",
-    "rollup-plugin-uglify": "^4.0.0",
-    "typescript": "^2.9.2",
-    "uglify-es": "^3.3.9"
+    "@babel/core": "^7.4.3",
+    "@babel/plugin-proposal-class-properties": "^7.4.0",
+    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.8.3",
+    "@babel/plugin-proposal-optional-chaining": "^7.8.3",
+    "@babel/plugin-transform-runtime": "^7.5.5",
+    "@babel/preset-env": "^7.4.3",
+    "@babel/preset-react": "^7.0.0",
+    "@babel/preset-typescript": "^7.3.3",
+    "@semantic-release/exec": "^4.0.0",
+    "@semantic-release/git": "^8.0.0",
+    "@storybook/addon-actions": "^6.5.12",
+    "@storybook/addon-essentials": "^6.5.12",
+    "@storybook/addon-info": "^5.3.21",
+    "@storybook/addon-knobs": "^5.0.1",
+    "@storybook/addon-links": "^6.5.12",
+    "@storybook/addons": "^6.5.12",
+    "@storybook/react": "^6.5.12",
+    "@storybook/theming": "^6.5.12",
+    "@testing-library/dom": "8.20.1",
+    "@testing-library/jest-dom": "^6.4.8",
+    "@testing-library/react": "13.4.0",
+    "@types/classnames": "^2.3.1",
+    "@types/enzyme": "^3.9.1",
+    "@types/jest": "24.0.11",
+    "@types/lodash": "^4.14.178",
+    "@types/react": "18.3.7",
+    "@types/react-datepicker": "4.1.7",
+    "@types/react-dom": "18.3.0",
+    "@types/storybook__addon-actions": "^3.4.3",
+    "@types/storybook__addon-info": "^5.2.5",
+    "@types/storybook__addon-knobs": "^5.0.4",
+    "@types/storybook__react": "^4.0.2",
+    "@typescript-eslint/eslint-plugin": "^1.12.0",
+    "@typescript-eslint/parser": "^1.12.0",
+    "@wojtekmaj/enzyme-adapter-react-17": "^0.6.1",
+    "babel-loader": "^8.0.5",
+    "babel-plugin-inline-react-svg": "^1.0.1",
+    "calidation": "1.17.0",
+    "classnames": "^2.3.1",
+    "css-loader": "^5.2.7",
+    "enzyme": "3.11",
+    "enzyme-to-json": "^3.3.5",
+    "eslint": "5.3.0",
+    "eslint-config-airbnb": "17.1.1",
+    "eslint-config-prettier": "^6.0.0",
+    "eslint-plugin-import": "^2.18.0",
+    "eslint-plugin-jsx-a11y": "^6.2.3",
+    "eslint-plugin-prettier": "^3.1.0",
+    "eslint-plugin-react": "^7.14.2",
+    "eslint-plugin-storybook": "^0.6.4",
+    "file-loader": "^6.2.0",
+    "husky": "^8.0.1",
+    "jest": "^26.6.3",
+    "lint-staged": "^13.0.3",
+    "lodash": "^4.17.21",
+    "postcss-import": "^12.0.1",
+    "postcss-inline-svg": "^4.1.0",
+    "postcss-loader": "^4.2.0",
+    "prettier": "1.19.1",
+    "react": "^18.3.1",
+    "react-docgen-typescript-loader": "^3.7.2",
+    "react-dom": "18.3.1",
+    "sass": "^1.54.8",
+    "sass-loader": "^10.2.0",
+    "semantic-release": "^16.0.4",
+    "style-loader": "^2.0.0",
+    "svg-inline-loader": "^0.8.2",
+    "tailwindcss": "^1.4.6",
+    "typescript": "^4.9.5",
+    "webpack": "^4.46.0",
+    "webpack-cli": "^4.10.0"
   },
   "peerDependencies": {
-    "lodash": "4",
-    "classnames": "^2.2.6",
-    "react": "16.2.0",
-    "react-dom": "16.2.0"
+    "@types/classnames": ">=2.2.6",
+    "@types/lodash": ">=4.14.178",
+    "@types/react": ">=16.4.11",
+    "@types/react-dom": ">=16.0.7",
+    "classnames": ">=2.2.6",
+    "lodash": ">=4",
+    "react": ">=18.3.0",
+    "react-dom": ">=18.3.0"
+  },
+  "dependencies": {
+    "@popperjs/core": "^2.5.4",
+    "@types/calidation": "^1.16.2",
+    "@types/react-table": "^7.0.19",
+    "@types/react-textarea-autosize": "^4.3.5",
+    "date-fns": "2.14.0",
+    "downshift": "5.4.7",
+    "react-datepicker": "4.3.0",
+    "react-fast-compare": "^2.0.4",
+    "react-popper": "2.2.5",
+    "react-resize-detector": "6.7.0",
+    "react-table": "7.7.0",
+    "react-textarea-autosize": "8.3.2"
+  },
+  "resolutions": {
+    "@types/react": "18.3.0"
+  },
+  "lint-staged": {
+    "*.{ts,tsx}": [
+      "eslint --fix"
+    ]
   }
 }