@codecademy/codebytes 40.4.2-alpha.4923e8.0

package/.storybook/main.js

@@ -0,0 +1,11 @@
+module.exports = {
+  "stories": [
+    "../src/**/*.stories.mdx",
+    "../src/**/*.stories.@(js|jsx|ts|tsx)"
+  ],
+  "addons": [
+    "@storybook/addon-links",
+    "@storybook/addon-essentials"
+  ],
+  "framework": "@storybook/react"
+}

package/.storybook/preview.js

@@ -0,0 +1,9 @@
+export const parameters = {
+  actions: { argTypesRegex: "^on[A-Z].*" },
+  controls: {
+    matchers: {
+      color: /(background|color)$/i,
+      date: /Date$/,
+    },
+  },
+}

package/CHANGELOG.md

@@ -0,0 +1,8 @@
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+### 40.4.2-alpha.4923e8.0 (2021-12-07)
+
+**Note:** Version bump only for package @codecademy/codebytes

package/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2016 Ryzac, Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/babel.config.js

@@ -0,0 +1,15 @@
+module.exports = {
+    presets: ['codecademy', '@babel/preset-typescript'],
+    plugins: [
+      [
+        '@emotion',
+        {
+          sourceMap: true,
+          autoLabel: 'always',
+          labelFormat: '[local]',
+        },
+      ],
+    ],
+    include: ['./src/**/*'],
+    ignore: ['__tests__', './**/*.d.ts'],
+  };

package/dist/editor.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare type EditorProps = {
+    text: string;
+    onChange: (text: string) => void;
+};
+export declare const Editor: React.FC<EditorProps>;
+export {};

package/dist/editor.js

@@ -0,0 +1,11 @@
+import React from 'react';
+export var Editor = function Editor(_ref) {
+  var text = _ref.text,
+      _onChange = _ref.onChange;
+  return /*#__PURE__*/React.createElement("textarea", {
+    value: text,
+    onChange: function onChange(e) {
+      return _onChange(e.target.value);
+    }
+  });
+};

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface CodeByteEditorProps {
+    text: string;
+}
+export declare const CodeByteEditor: React.FC<CodeByteEditorProps>;
+export default CodeByteEditor;

package/dist/index.js

@@ -0,0 +1,30 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr && (typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]); if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+import React, { useState } from 'react';
+import { Editor } from './editor';
+export var CodeByteEditor = function CodeByteEditor(_ref) {
+  var initialText = _ref.text;
+
+  var _useState = useState(initialText),
+      _useState2 = _slicedToArray(_useState, 2),
+      text = _useState2[0],
+      setText = _useState2[1];
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Editor, {
+    text: text,
+    onChange: function onChange(newText) {
+      setText(newText);
+    }
+  }));
+};
+export default CodeByteEditor;

package/dist/stories/Codebytes.stories.d.ts

@@ -0,0 +1,5 @@
+import { ComponentMeta, ComponentStory } from '@storybook/react';
+import React from 'react';
+declare const _default: ComponentMeta<React.FC<import("../index").CodeByteEditorProps>>;
+export default _default;
+export declare const Default: ComponentStory<React.FC<import("../index").CodeByteEditorProps>>;

package/dist/stories/Codebytes.stories.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { CodeByteEditor } from '../index';
+export default {
+  title: 'Example/Codebytes',
+  component: CodeByteEditor
+};
+
+var Template = function Template(args) {
+  return /*#__PURE__*/React.createElement(CodeByteEditor, args);
+};
+
+export var Default = Template.bind({});
+Default.args = {
+  text: 'hi'
+};

package/package.json

@@ -0,0 +1,59 @@
+{
+  "name": "@codecademy/codebytes",
+  "description": "",
+  "version": "40.4.2-alpha.4923e8.0",
+  "author": "Codecademy Engineering <dev@codecademy.com>",
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss",
+    "dist/**/[A-Z]**/[A-Z]*.js",
+    "dist/**/[A-Z]**/index.js"
+  ],
+  "module": "./dist/index.js",
+  "main": "./dist/index.js",
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:Codecademy/gamut.git"
+  },
+  "peerDependencies": {
+    "@emotion/react": "^11.4.0",
+    "@emotion/styled": "^11.3.0",
+    "react": ">=16.8.1",
+    "react-dom": ">=16.8.1"
+  },
+  "dependencies": {
+    "@codecademy/gamut": "^6.0.1",
+    "@codecademy/gamut-styles": "^12.1.0"
+  },
+  "scripts": {
+    "verify": "tsc --noEmit",
+    "build:compile": "babel ./src --out-dir ./dist --copy-files --extensions \".ts,.tsx\"",
+    "build:clean": "rm -rf dist",
+    "build:types": "tsc --emitDeclarationOnly",
+    "build": "yarn build:clean && yarn build:compile && yarn build:types",
+    "build:watch": "yarn build && onchange ./src -- yarn build:compile && yarn build:types",
+    "lernaBuildTask": "yarn build",
+    "storybook": "start-storybook -p 6006",
+    "build-storybook": "build-storybook"
+  },
+  "license": "MIT",
+  "devDependencies": {
+    "@babel/core": "^7.16.0",
+    "@codecademy/gamut-tests": "^3.0.1",
+    "@emotion/jest": "^11.3.0",
+    "@storybook/addon-actions": "^6.4.4",
+    "@storybook/addon-essentials": "^6.4.4",
+    "@storybook/addon-links": "^6.4.4",
+    "@storybook/react": "^6.4.4",
+    "@testing-library/dom": "^7.31.2",
+    "@testing-library/react": "^11.0.4",
+    "@types/enzyme": "3.10.7",
+    "babel-loader": "^8.2.3",
+    "enzyme": "3.11.0",
+    "onchange": "^7.0.2"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "gitHead": "426c73091883fba76cc1272ea420c6b0a66305bc"
+}

package/src/editor.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+
+type EditorProps = {
+  text: string;
+  onChange: (text: string) => void;
+};
+
+export const Editor: React.FC<EditorProps> = ({ text, onChange }) => {
+  return <textarea value={text} onChange={(e) => onChange(e.target.value)} />;
+};

package/src/index.tsx

@@ -0,0 +1,25 @@
+import React, { useState } from 'react';
+
+import { Editor } from './editor';
+
+export interface CodeByteEditorProps {
+  text: string;
+}
+
+export const CodeByteEditor: React.FC<CodeByteEditorProps> = ({
+  text: initialText,
+}) => {
+  const [text, setText] = useState<string>(initialText);
+  return (
+    <>
+      <Editor
+        text={text}
+        onChange={(newText: string) => {
+          setText(newText);
+        }}
+      />
+    </>
+  );
+};
+
+export default CodeByteEditor;

package/src/stories/Codebytes.stories.tsx

@@ -0,0 +1,16 @@
+import { ComponentMeta, ComponentStory } from '@storybook/react';
+import React from 'react';
+
+import { CodeByteEditor } from '../index';
+
+export default {
+  title: 'Example/Codebytes',
+  component: CodeByteEditor,
+} as ComponentMeta<typeof CodeByteEditor>;
+
+const Template: ComponentStory<typeof CodeByteEditor> = (args) => (
+  <CodeByteEditor {...args} />
+);
+
+export const Default = Template.bind({});
+Default.args = { text: 'hi' };

package/tsconfig.json

@@ -0,0 +1,11 @@
+{
+  "extends": "../../tsconfig.json",
+  "include": [
+    "../../typings/*.d.ts",
+    "./src/**/*.ts",
+    "./src/**/*.tsx",
+  ],
+  "compilerOptions": {
+    "outDir": "./dist"
+  }
+}