@ukic/canary-react 2.0.0-canary.0 → 2.0.0-canary.2

package/dist/react-component-lib/utils/case.js

@@ -1,6 +1,6 @@
-export const dashToPascalCase = (str) => str
-    .toLowerCase()
-    .split('-')
-    .map((segment) => segment.charAt(0).toUpperCase() + segment.slice(1))
-    .join('');
-export const camelToDashCase = (str) => str.replace(/([A-Z])/g, (m) => `-${m[0].toLowerCase()}`);
+export const dashToPascalCase = (str) => str
+    .toLowerCase()
+    .split('-')
+    .map((segment) => segment.charAt(0).toUpperCase() + segment.slice(1))
+    .join('');
+export const camelToDashCase = (str) => str.replace(/([A-Z])/g, (m) => `-${m[0].toLowerCase()}`);

package/dist/react-component-lib/utils/dev.d.ts

@@ -1,2 +1,2 @@
-export declare const isDevMode: () => boolean;
-export declare const deprecationWarning: (key: string, message: string) => void;
+export declare const isDevMode: () => boolean;
+export declare const deprecationWarning: (key: string, message: string) => void;

package/dist/react-component-lib/utils/dev.js

@@ -1,12 +1,12 @@
-export const isDevMode = () => {
-    return process && process.env && process.env.NODE_ENV === 'development';
-};
-const warnings = {};
-export const deprecationWarning = (key, message) => {
-    if (isDevMode()) {
-        if (!warnings[key]) {
-            console.warn(message);
-            warnings[key] = true;
-        }
-    }
-};
+export const isDevMode = () => {
+    return process && process.env && process.env.NODE_ENV === 'development';
+};
+const warnings = {};
+export const deprecationWarning = (key, message) => {
+    if (isDevMode()) {
+        if (!warnings[key]) {
+            console.warn(message);
+            warnings[key] = true;
+        }
+    }
+};

package/dist/react-component-lib/utils/index.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
-import type { StyleReactProps } from '../interfaces';
-export type StencilReactExternalProps<PropType, ElementType> = PropType & Omit<React.HTMLAttributes<ElementType>, 'style'> & StyleReactProps;
-export type StencilReactForwardedRef<T> = ((instance: T | null) => void) | React.MutableRefObject<T | null> | null;
-export declare const setRef: (ref: StencilReactForwardedRef<any> | React.Ref<any> | undefined, value: any) => void;
-export declare const mergeRefs: (...refs: (StencilReactForwardedRef<any> | React.Ref<any> | undefined)[]) => React.RefCallback<any>;
-export declare const createForwardRef: <PropType, ElementType>(ReactComponent: any, displayName: string) => React.ForwardRefExoticComponent<React.PropsWithoutRef<PropType & Omit<React.HTMLAttributes<ElementType>, "style"> & StyleReactProps> & React.RefAttributes<ElementType>>;
-export declare const defineCustomElement: (tagName: string, customElement: any) => void;
-export * from './attachProps';
-export * from './case';
+import React from 'react';
+import type { StyleReactProps } from '../interfaces';
+export type StencilReactExternalProps<PropType, ElementType> = PropType & Omit<React.HTMLAttributes<ElementType>, 'style'> & StyleReactProps;
+export type StencilReactForwardedRef<T> = ((instance: T | null) => void) | React.MutableRefObject<T | null> | null;
+export declare const setRef: (ref: StencilReactForwardedRef<any> | React.Ref<any> | undefined, value: any) => void;
+export declare const mergeRefs: (...refs: (StencilReactForwardedRef<any> | React.Ref<any> | undefined)[]) => React.RefCallback<any>;
+export declare const createForwardRef: <PropType, ElementType>(ReactComponent: any, displayName: string) => React.ForwardRefExoticComponent<React.PropsWithoutRef<PropType & Omit<React.HTMLAttributes<ElementType>, "style"> & StyleReactProps> & React.RefAttributes<ElementType>>;
+export declare const defineCustomElement: (tagName: string, customElement: any) => void;
+export * from './attachProps';
+export * from './case';

package/dist/react-component-lib/utils/index.js

@@ -1,31 +1,31 @@
-import React from 'react';
-export const setRef = (ref, value) => {
-    if (typeof ref === 'function') {
-        ref(value);
-    }
-    else if (ref != null) {
-        // Cast as a MutableRef so we can assign current
-        ref.current = value;
-    }
-};
-export const mergeRefs = (...refs) => {
-    return (value) => {
-        refs.forEach((ref) => {
-            setRef(ref, value);
-        });
-    };
-};
-export const createForwardRef = (ReactComponent, displayName) => {
-    const forwardRef = (props, ref) => {
-        return React.createElement(ReactComponent, Object.assign({}, props, { forwardedRef: ref }));
-    };
-    forwardRef.displayName = displayName;
-    return React.forwardRef(forwardRef);
-};
-export const defineCustomElement = (tagName, customElement) => {
-    if (customElement !== undefined && typeof customElements !== 'undefined' && !customElements.get(tagName)) {
-        customElements.define(tagName, customElement);
-    }
-};
-export * from './attachProps';
-export * from './case';
+import React from 'react';
+export const setRef = (ref, value) => {
+    if (typeof ref === 'function') {
+        ref(value);
+    }
+    else if (ref != null) {
+        // Cast as a MutableRef so we can assign current
+        ref.current = value;
+    }
+};
+export const mergeRefs = (...refs) => {
+    return (value) => {
+        refs.forEach((ref) => {
+            setRef(ref, value);
+        });
+    };
+};
+export const createForwardRef = (ReactComponent, displayName) => {
+    const forwardRef = (props, ref) => {
+        return React.createElement(ReactComponent, Object.assign({}, props, { forwardedRef: ref }));
+    };
+    forwardRef.displayName = displayName;
+    return React.forwardRef(forwardRef);
+};
+export const defineCustomElement = (tagName, customElement) => {
+    if (customElement !== undefined && typeof customElements !== 'undefined' && !customElements.get(tagName)) {
+        customElements.define(tagName, customElement);
+    }
+};
+export * from './attachProps';
+export * from './case';

package/package.json

@@ -1,7 +1,9 @@
 {
   "name": "@ukic/canary-react",
-  "sideEffects": false,
-  "version": "2.0.0-canary.0",
+  "sideEffects": [
+    "*.css"
+  ],
+  "version": "2.0.0-canary.2",
   "description": "React-wrapped web components compiled using StencilJS",
   "scripts": {
     "build": "npm run clean && npm run compile && npm run copy:core-css && npm run copy:normalize-css",
@@ -15,9 +17,6 @@
     "copy:core-css": "echo 'Copy core.css from: @ukic/canary-web-components' && mkdirp -p ./dist/core && ncp ../web-components/dist/core/core.css ./dist/core/core.css",
     "copy:normalize-css": "echo 'Copy normalize.css from: @ukic/canary-web-components' && ncp ../web-components/dist/core/normalize.css ./dist/core/normalize.css"
   },
-  "publishConfig": {
-    "access": "public"
-  },
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -25,12 +24,13 @@
     "dist/"
   ],
   "dependencies": {
-    "@ukic/canary-web-components": "^2.0.0-canary.0",
-    "@ukic/fonts": "^2.2.0"
+    "@ukic/canary-web-components": "^2.0.0-canary.2",
+    "@ukic/fonts": "^2.3.0"
   },
   "devDependencies": {
     "@babel/core": "^7.16.0",
-    "@stencil/react-output-target": "^0.4.0",
+    "@mdi/js": "^7.2.96",
+    "@stencil/react-output-target": "^0.5.3",
     "@storybook/addon-a11y": "^6.4.8",
     "@storybook/addon-actions": "^6.4.8",
     "@storybook/addon-docs": "^6.4.8",
@@ -39,12 +39,13 @@
     "@storybook/addon-postcss": "^2.0.0",
     "@storybook/builder-webpack5": "^6.5.14",
     "@storybook/manager-webpack5": "^6.5.14",
-    "@storybook/react": "6.5.15",
+    "@storybook/react": "^6.5.15",
     "@types/jest": "27.0.3",
     "@types/node": "^16.11.11",
     "@types/react": "^17.0.37",
     "@types/react-dom": "^17.0.11",
     "babel-loader": "^8.2.3",
+    "github-markdown-css": "^5.2.0",
     "jest": "^27.4.1",
     "jest-dom": "^4.0.0",
     "mkdirp": "^1.0.4",
@@ -52,13 +53,12 @@
     "react": "^16.7.0",
     "react-dom": "^16.7.0",
     "react-hook-form": "^7.38.0",
+    "react-markdown": "^8.0.7",
     "react-router-dom": "^6.3.0",
+    "remark-gfm": "^3.0.1",
     "typescript": "^4.5.2",
     "webpack": "^5.76.0"
   },
-  "overrides": {
-    "webpack": "^5.76.0"
-  },
   "peerDependencies": {
     "react": "^16.7.0 || ^17.0.2 || ^18.2.0",
     "react-dom": "^16.7.0 || ^17.0.2 || ^18.2.0"
@@ -71,6 +71,5 @@
       "dist"
     ]
   },
-  "license": "MIT",
-  "gitHead": "7c98878b286939f371e498b79cfac7c8617b4a70"
+  "license": "MIT"
 }