@rei/cedar 14.0.0-alpha.0 → 14.0.0-beta.0

package/dist/utils/buildClass.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Returns a modified base class
+ */
+declare const modifyClassName: (base: string, modifier: string) => string;
+/**
+ *
+ * @param {String} prop -- the prop to build classes from
+ */
+/**
+ * supports pattern to have props that are boolean or breakpoint strings
+ *
+ * @param {String} base
+ * @param {String} modifier
+ * @param {String|Boolean} propVal
+ *
+ * given these conditions:
+ * base is 'cdr-table'
+ * modifier is 'full-width'
+ * prop would be full-width="@sm @lg"
+ *
+ * This takes that and returns classes of "cdr-table--full-width@sm cdr-table--full-width@lg"
+ */
+declare const responsiveModifyClass: (base: string, modifier: string, prop: string | boolean) => string;
+declare const buildBooleanClass: (baseClass: string, prop: string | boolean, name: string) => string;
+export { modifyClassName, responsiveModifyClass, buildBooleanClass, };

package/dist/utils/debounce.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Simple debounce function
+ * @param callback callback function
+ * @param ms delay before executing function
+ */
+export declare const debounce: (callback: () => void, ms?: number) => (this: any, ...args: any) => void;

package/dist/utils/kebabCase.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Converts a string to kebab case.
+ * @param string str
+ */
+export default function kebabCase(str: string): string;

package/dist/utils/mapClasses.d.ts

@@ -0,0 +1 @@
+export default function mapClasses(style: object, ...classes: string[]): string;

package/dist/utils/propValidator.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Validates space separated string against an array of accepted values.
+ * @param {String} propValue -- Space separated string (provided by the user)
+ * @param {Array} validArr -- Array of values that are considered "valid"
+ * @param {Boolean} responsive -- Enables validation of validArr values with '@sm', '@md', '@lg' added to them
+ */
+declare function validateProp(propValue: string, validArr: string[], responsive?: boolean): boolean;
+export default validateProp;

package/dist/utils/uid.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Quickly generates a unique id string.
+ */
+export default function generateUid(): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rei/cedar",
-  "version": "14.0.0-alpha.0",
+  "version": "14.0.0-beta.0",
   "description": "REI Cedar Component Library",
   "homepage": "https://rei.github.io/rei-cedar/",
   "license": "MIT",
@@ -13,10 +13,12 @@
   },
   "author": "REI Software Engineering",
   "main": "./dist/cedar.umd.js",
-  "module": "./dist/cedar.mjs",
+  "module": "./dist/src/lib.mjs",
+  "types": "./dist/lib.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/cedar.mjs",
+      "types": "./dist/lib.d.ts",
+      "import": "./dist/src/lib.mjs",
       "require": "./dist/cedar.umd.js"
     },
     "./dist/": "./dist/"
@@ -31,7 +33,8 @@
   "scripts": {
     "prepublishOnly": "npm-run-all lint build",
     "dev": "vite",
-    "build": "vite build && npm run build:extractcss && npm run build:icons",
+    "build": "vue-tsc && vite build && npm run build:umd && npm run build:extractcss && npm run build:icons && npm run build:docgen",
+    "build:umd": "vite build --config vite.umd.config.ts",
     "preview": "vite preview",
     "unit": "vitest run",
     "watch": "vitest",
@@ -39,41 +42,42 @@
     "e2e": "nightwatch --config test/e2e/nightwatch.conf.js",
     "test": "npm-run-all unit e2e",
     "clean": "rm -rf dist",
-    "lint": "# npm-run-all lint:js lint:styles",
-    "lint:js": "eslint --ext .js,.vue src",
+    "lint": "npm-run-all lint:js lint:styles",
+    "lint:js": "eslint src --ext .js,.vue,.ts,.mjs",
     "lint:styles": "stylelint src/**/*.scss",
     "prepush": "npm-run-all lint unit",
-    "reference": "backstop reference --configPath=backstop.js",
-    "compare": "backstop test --configPath=backstop.js",
-    "approve": "backstop approve --configPath=backstop.js",
     "create": "node generator.js",
     "prerelease": "npm-publish-prerelease",
+    "build:docgen": "node docgen.mjs",
     "build:extractcss": "node build/extract-css.js",
     "build:variables": "node build/component-variables-transfer.js",
-    "build:icons": "node src/components/icon/build/generate.js"
+    "build:icons": "ts-node src/components/icon/build/generate.ts"
   },
   "devDependencies": {
     "@babel/preset-env": "^7.18.2",
-    "@rei/cdr-tokens": "^11.0.0",
+    "@rei/cdr-tokens": "12.0.0-alpha.12",
     "@rei/cedar-icons": "^2.6.1",
-    "@rollup/plugin-babel": "^5.3.1",
-    "@vitejs/plugin-vue": "^3.0.0",
-    "@vue/test-utils": "^2.0.2",
+    "@rollup/plugin-babel": "^6.0.3",
+    "@types/tabbable": "^3.1.2",
+    "@typescript-eslint/eslint-plugin": "^5.59.9",
+    "@typescript-eslint/parser": "^5.59.9",
+    "@vitejs/plugin-vue": "^4.0.0",
+    "@vue/eslint-config-typescript": "^11.0.3",
+    "@vue/test-utils": "^2.2.6",
     "autoprefixer": "^10.2.5",
-    "backstopjs": "^5.3.0",
     "c8": "^7.11.0",
     "chalk": "^4.1.0",
-    "chromedriver": "^105.0.0",
+    "chromedriver": "^115.0.0",
     "concat": "^1.0.3",
     "cross-env": "^7.0.3",
     "cz-conventional-changelog": "^3.3.0",
-    "eslint": "^7.24.0",
-    "eslint-config-airbnb-base": "^14.2.1",
-    "eslint-friendly-formatter": "^4.0.1",
+    "eslint": "^8.42.0",
+    "eslint-config-prettier": "^8.8.0",
     "eslint-import-resolver-alias": "^1.1.2",
     "eslint-plugin-import": "^2.22.1",
+    "eslint-plugin-prettier": "^4.2.1",
     "eslint-plugin-tree-shaking": "^1.8.0",
-    "eslint-plugin-vue": "^7.9.0",
+    "eslint-plugin-vue": "^9.14.1",
     "fs-extra": "^10.0.0",
     "glob": "^7.1.6",
     "husky": "^4.3.8",
@@ -81,8 +85,8 @@
     "jsdom": "^16.5.3",
     "jsdom-global": "^3.0.2",
     "klaw-sync": "^6.0.0",
-    "nightwatch": "^2.2.1",
-    "nightwatch-axe": "^0.1.5",
+    "lodash-es": "^4.17.21",
+    "nightwatch": "^2.6.20",
     "node-sass": "^7.0.1",
     "node-sass-package-importer": "^5.3.2",
     "npm-publish-prerelease": "^1.0.2",
@@ -100,9 +104,16 @@
     "stylelint": "^13.13.1",
     "stylelint-config-recommended-scss": "^4.2.0",
     "stylelint-scss": "^3.19.0",
-    "vite": "^3.0.0",
+    "ts-node": "^10.9.1",
+    "typescript": "^5.1.6",
+    "vite": "^4.0.1",
+    "vite-plugin-dts": "^3.3.1",
     "vitest": "^0.18.0",
-    "vue-router": "^4.0.10"
+    "vue-docgen": "^0.0.3",
+    "vue-docgen-cli": "^4.56.1",
+    "vue-eslint-parser": "^9.3.0",
+    "vue-router": "^4.0.10",
+    "vue-tsc": "^1.6.5"
   },
   "engines": {
     "node": ">= 16.0.0",
@@ -119,15 +130,10 @@
     }
   },
   "dependencies": {
-    "core-js": "^3.22.7",
-    "lodash-es": "^4.17.21",
-    "tabbable": "^4.0.0",
-    "vue": "^3.2.23"
+    "tabbable": "^4.0.0"
   },
   "peerDependencies": {
     "core-js": "^3.22.7",
-    "lodash-es": "^4.17.21",
-    "tabbable": "^4.0.0",
-    "vue": "^3.2.23"
+    "vue": "^3.3.4"
   }
 }