@sps-woodland/rich-text-editor 7.0.0

package/lib/manifest.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentManifest } from "@sps-woodland/core";
+export declare const MANIFEST: ComponentManifest;

package/lib/style.css

@@ -0,0 +1 @@
+.ks637j0{border-radius:.25rem;border-style:solid;border-width:.0625rem;padding:.25rem .5rem}.ks637j0:hover{background-color:#d2d4d4;border-color:#d2d4d4}.ks637j1{background-color:#e6f2f8;border-color:#007db8}.ks637j2{background-color:#fff;border-color:#fff}.ks637j3{background-position:center;background-repeat:no-repeat;display:block;height:1.125rem;width:.875rem}._7hct4e0{background-color:#fff;border-radius:.25rem;border-style:solid;border-width:.0625rem;font-size:.875rem;line-height:1.25rem}._7hct4e1{border-color:#d2d4d4}._7hct4e2{border-color:#717779}._7hct4e3{padding:.25rem .5rem;min-height:8rem}._7hct4e4{color:#717779}._7hct4e5{box-shadow:inset 0 .25rem #e9e9ea}._7hct4e6{align-items:center;border-color:#717779;border-style:solid;border-bottom-width:.0625rem;display:flex;padding:.25rem}._7hct4e7{background-color:#d2d4d4;margin-left:.25rem;margin-right:.25rem;height:1.75rem;width:.0625rem}

package/lib/toolbar-button/RTEToolbarButton.css.d.ts

@@ -0,0 +1,15 @@
+export declare const button: import("@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
+    active: {
+        true: {
+            backgroundColor: string;
+            borderColor: string;
+        };
+        false: {
+            backgroundColor: string;
+            borderColor: string;
+        };
+    };
+}>;
+export declare const className: {
+    icon: string;
+};

package/lib/toolbar-button/RTEToolbarButton.d.ts

@@ -0,0 +1,10 @@
+import type { ComponentProps } from "@sps-woodland/core";
+import * as React from "react";
+import type { ElementTest, SelectionDOMContextFind } from "../hooks/useRTESelectionListener";
+export declare function RTEToolbarButton({ icon, onClick, selectionDOMContextFind, activeTest, isSimpleToggle, ...rest }: ComponentProps<{
+    icon: string;
+    onClick: (isActive: boolean) => void;
+    selectionDOMContextFind: SelectionDOMContextFind;
+    activeTest?: ElementTest;
+    isSimpleToggle?: boolean;
+}, HTMLButtonElement>): React.ReactElement;

package/lib/utils/utils.d.ts

@@ -0,0 +1,2 @@
+export declare const getParentElement: (node: Node, tagOptions: string[]) => HTMLElement | null;
+export declare const getSiblingElementsAfter: (element: HTMLElement) => Element[];

package/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "@sps-woodland/rich-text-editor",
+  "description": "SPS Design System rich text editor component",
+  "version": "7.0.0",
+  "author": "SPS Commerce",
+  "license": "UNLICENSED",
+  "repository": "https://github.com/SPSCommerce/woodland/tree/main/packages/@sps-woodland/rich-text-editor",
+  "homepage": "https://github.com/SPSCommerce/woodland/tree/master/packages/@sps-woodland/rich-text-editor#readme",
+  "main": "./lib/index.es.js",
+  "module": "./lib/index.es.js",
+  "types": "./lib/index.d.ts",
+  "publishConfig": {
+    "access": "public"
+  },
+  "peerDependencies": {
+    "@spscommerce/ds-react": "7.0.0",
+    "@sps-woodland/core": "7.0.0",
+    "@sps-woodland/tokens": "7.0.0",
+    "@spscommerce/utils": "^6.12.1",
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0"
+  },
+  "devDependencies": {
+    "@spscommerce/ds-react": "7.0.0",
+    "@vanilla-extract/css": "^1.9.1",
+    "@vanilla-extract/recipes": "^0.2.5",
+    "@sps-woodland/core": "7.0.0",
+    "@sps-woodland/tokens": "7.0.0",
+    "@spscommerce/utils": "^6.12.1",
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0"
+  },
+  "dependencies": {
+    "rehype-parse": "^8.0.4",
+    "rehype-remark": "^9.1.2",
+    "rehype-sanitize": "^5.0.1",
+    "rehype-stringify": "^9.0.3",
+    "remark-parse": "^10.0.1",
+    "remark-rehype": "^10.1.0",
+    "remark-stringify": "^10.0.2",
+    "unified": "^10.1.2",
+    "unist-util-visit": "^4.1.1"
+  },
+  "scripts": {
+    "build": "pnpm run build:js && pnpm run build:types",
+    "build:js": "vite build",
+    "build:types": "tsc --emitDeclarationOnly --declaration --declarationDir lib",
+    "watch": "vite build --watch",
+    "clean": "git clean -fdX",
+    "pub": "node ../../../scripts/publish-package.js"
+  }
+}

package/vite.config.js

@@ -0,0 +1,21 @@
+import path from "path";
+import { vanillaExtractPlugin } from "@vanilla-extract/vite-plugin";
+import { defineConfig } from "vite";
+
+import pkg from "./package.json";
+
+export default defineConfig({
+  plugins: [vanillaExtractPlugin()],
+  build: {
+    lib: {
+      entry: path.resolve(__dirname, "src/index.ts"),
+      formats: ["es", "cjs"],
+      fileName: (format) => `index.${format}.js`,
+    },
+    outDir: path.resolve(__dirname, "./lib"),
+    emptyOutDir: false,
+    rollupOptions: {
+      external: pkg.peerDependencies ? Object.keys(pkg.peerDependencies) : [],
+    },
+  },
+});