@storybook/preact 7.3.2 → 7.4.0-alpha.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preact",
-  "version": "7.3.2",
+  "version": "7.4.0-alpha.1",
   "description": "Storybook Preact renderer",
   "keywords": [
     "storybook"
@@ -38,20 +38,21 @@
   "types": "dist/index.d.ts",
   "files": [
     "dist/**/*",
-    "template/**/*",
+    "template/cli/**/*",
     "README.md",
     "*.js",
-    "*.d.ts"
+    "*.d.ts",
+    "!src/**/*"
   ],
   "scripts": {
     "check": "../../../scripts/prepare/check.ts",
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/core-client": "7.3.2",
+    "@storybook/core-client": "7.4.0-alpha.1",
     "@storybook/global": "^5.0.0",
-    "@storybook/preview-api": "7.3.2",
-    "@storybook/types": "7.3.2",
+    "@storybook/preview-api": "7.4.0-alpha.1",
+    "@storybook/types": "7.4.0-alpha.1",
     "ts-dedent": "^2.0.0"
   },
   "devDependencies": {

package/src/typings.d.ts

@@ -1 +0,0 @@
-declare var STORYBOOK_ENV: 'preact';

package/template/components/Button.jsx

@@ -1,14 +0,0 @@
-/* eslint-disable react/react-in-jsx-scope */
-// eslint-disable-next-line import/no-extraneous-dependencies
-import PropTypes from 'prop-types';
-
-export const Button = ({ onClick, label }) => (
-  <button type="button" onClick={onClick}>
-    {label}
-  </button>
-);
-
-Button.propTypes = {
-  onClick: PropTypes.func.isRequired,
-  label: PropTypes.node.isRequired,
-};

package/template/components/Form.jsx

@@ -1,38 +0,0 @@
-/* eslint-disable react/react-in-jsx-scope */
-// eslint-disable-next-line import/no-extraneous-dependencies
-import PropTypes from 'prop-types';
-import { useState } from 'preact/hooks';
-
-export const Form = ({ onSuccess }) => {
-  const [value, setValue] = useState('');
-  const [complete, setComplete] = useState(false);
-
-  function onSubmit(event) {
-    event.preventDefault();
-    onSuccess(value);
-
-    setTimeout(() => setComplete(true), 500);
-    setTimeout(() => setComplete(false), 1500);
-  }
-
-  return (
-    <form id="interaction-test-form" onSubmit={onSubmit}>
-      <label>
-        Enter Value
-        <input
-          type="text"
-          data-testid="value"
-          value={value}
-          required
-          onInput={(event) => setValue(event.target.value)}
-        />
-      </label>
-      <button type="submit">Submit</button>
-      {complete && <p>Completed!!</p>}
-    </form>
-  );
-};
-
-Form.propTypes = {
-  onSuccess: PropTypes.func.isRequired,
-};

package/template/components/Html.jsx

@@ -1,10 +0,0 @@
-/* eslint-disable react/react-in-jsx-scope */
-// eslint-disable-next-line import/no-extraneous-dependencies
-import PropTypes from 'prop-types';
-
-// eslint-disable-next-line react/no-danger
-export const Html = ({ content }) => <div dangerouslySetInnerHTML={{ __html: content }} />;
-
-Html.propTypes = {
-  content: PropTypes.string.isRequired,
-};

package/template/components/Pre.jsx

@@ -1,21 +0,0 @@
-/* eslint-disable react/react-in-jsx-scope */
-// eslint-disable-next-line import/no-extraneous-dependencies
-import PropTypes from 'prop-types';
-
-export const Pre = ({ style, object, text }) => (
-  <pre style={style} data-testid="pre">
-    {object ? JSON.stringify(object, null, 2) : text}
-  </pre>
-);
-
-Pre.propTypes = {
-  style: PropTypes.shape({}),
-  object: PropTypes.shape({}),
-  text: PropTypes.string,
-};
-
-Pre.defaultProps = {
-  style: {},
-  object: null,
-  text: '',
-};