@doist/reactist 17.5.0 → 17.7.0

package/README.md

@@ -140,16 +140,60 @@ MacOS users might need to upgrade watchman with `brew install watchman` when exp
 
 A new version of reactist is published both on npm and GitHub Package Registry whenever a new release on GitHub is created.
 
-To begin the process, update CHANGELOG.md with the new version and its changes
+## Before merging your changes
 
-To update the version in both `package.json` and `package-lock.json`:
+In the GitHub PR that contains your new changes, make sure that you also include the following:
+
+1. Add tests for bugs and new feature
+
+2. Update relevant docs (storybooks, readme)
+
+3. Execute:
+
+```sh
+npm run validate
+```
+
+and make sure no errors nor warnings are shown
+
+4. Describe your changes in [`CHANGELOG.md`](CHANGELOG.md)
+
+5. Bump the version in [`package.json`](package.json) and [`package-lock.json`](package-lock.json) by running:
 
 ```sh
 npm --no-git-tag-version version <major|minor|patch>
 ```
 
-Once these changes have been pushed and merged, create a release.
+[ref](https://docs.npmjs.com/cli/v6/commands/npm-version)
+
+6. Update all static build artifacts:
+
+```sh
+npm run build-all
+```
+
+Note that the steps above are also documented in the [PR template](.github/PULL_REQUEST_TEMPLATE.md) that you will be prompted with whenever you open a new reactist GitHub PR.
+
+## After merging your changes
+
+Once your changes have been merged to `main`, create a new GitHub release:
+
+1. Visit https://github.com/Doist/reactist/releases/new
+
+2. In the "Choose a tag" dropdown, type the new release version (i.e. vX.Y.Z) and select "Create new tag: vX.Y.Z on publish"
+
+3. In the "Release title" field, type the new release version (i.e. vX.Y.Z)
+
+4. In the "Describe the release" box, paste the same content you added to the [`CHANGELOG.md`](CHANGELOG.md), but without the title header
+
+5. Make sure the "Set as the latest release" checkbox is checked
+
+6. Click "Publish release"
+
+7. Visit https://github.com/Doist/reactist/actions
+
+8. Make sure that a new GitHub action is now running (this will automatically perform all the necessary steps to publish the package)
 
-A GitHub Action will automatically perform all the necessary steps and will release the version number that's specified inside the `package.json`'s `version` field so make sure that the release tag reflects the version you want to publish.
+9. Once the action is complete, check https://npmjs.com/package/@doist/reactist and verify that there's a new public release
 
-Finally, once the release has been created be sure to update both [todoist-web](https://github.com/Doist/todoist-web) and [twist-web](https://github.com/Doist/twist-web) to use the new version.
+Finally, be sure to update both [todoist-web](https://github.com/Doist/todoist-web) and [twist-web](https://github.com/Doist/twist-web) to use the new reactist version you just published.

package/dist/reactist.cjs.development.js

@@ -11,6 +11,7 @@ var flattenChildren = _interopDefault(require('react-keyed-flatten-children'));
 var tooltip = require('ariakit/tooltip');
 var portal = require('ariakit/portal');
 var ariakitUtils = require('ariakit-utils');
+var useCallbackRef = require('use-callback-ref');
 var FocusLock = _interopDefault(require('react-focus-lock'));
 var ariaHidden = require('aria-hidden');
 var dialog = require('ariakit/dialog');
@@ -1713,7 +1714,7 @@ function PasswordHiddenIcon(props) {
 
 var modules_3f03ead6 = {"inputWrapper":"_66b448b3"};
 
-var modules_aaf25250 = {"inputWrapper":"_9d172ece","bordered":"c59d0239","error":"_7e63ee20"};
+var modules_aaf25250 = {"inputWrapper":"fb09cd05","bordered":"f65f40dd","error":"_29118bf0","startIcon":"a40eb111"};
 
 const _excluded$j = ["variant", "label", "secondaryLabel", "auxiliaryLabel", "hint", "message", "tone", "maxWidth", "togglePasswordLabel", "hidden", "aria-describedby"];
 const PasswordField = /*#__PURE__*/React.forwardRef(function PasswordField(_ref, ref) {
@@ -1946,7 +1947,7 @@ function TextArea(_ref) {
   }, /*#__PURE__*/React.createElement("textarea", _objectSpread2(_objectSpread2({}, props), extraProps))));
 }
 
-const _excluded$n = ["variant", "id", "label", "secondaryLabel", "auxiliaryLabel", "hint", "message", "tone", "type", "maxWidth", "hidden", "aria-describedby"];
+const _excluded$n = ["variant", "id", "label", "secondaryLabel", "auxiliaryLabel", "hint", "message", "tone", "type", "maxWidth", "hidden", "aria-describedby", "startIcon"];
 const TextField = /*#__PURE__*/React.forwardRef(function TextField(_ref, ref) {
   let {
     variant = 'default',
@@ -1960,10 +1961,20 @@ const TextField = /*#__PURE__*/React.forwardRef(function TextField(_ref, ref) {
     type = 'text',
     maxWidth,
     hidden,
-    'aria-describedby': ariaDescribedBy
+    'aria-describedby': ariaDescribedBy,
+    startIcon
   } = _ref,
       props = _objectWithoutProperties(_ref, _excluded$n);
 
+  const internalRef = React.useRef(null);
+  const combinedRef = useCallbackRef.useMergeRefs([ref, internalRef]);
+
+  function focusOnIconClick() {
+    var _internalRef$current;
+
+    (_internalRef$current = internalRef.current) == null ? void 0 : _internalRef$current.focus();
+  }
+
   return /*#__PURE__*/React.createElement(BaseField, {
     variant: variant,
     id: id,
@@ -1977,10 +1988,19 @@ const TextField = /*#__PURE__*/React.forwardRef(function TextField(_ref, ref) {
     hidden: hidden,
     "aria-describedby": ariaDescribedBy
   }, extraProps => /*#__PURE__*/React.createElement(Box, {
+    display: "flex",
+    alignItems: "center",
     className: [modules_aaf25250.inputWrapper, tone === 'error' ? modules_aaf25250.error : null, variant === 'bordered' ? modules_aaf25250.bordered : null]
-  }, /*#__PURE__*/React.createElement("input", _objectSpread2(_objectSpread2(_objectSpread2({}, props), extraProps), {}, {
+  }, startIcon ? /*#__PURE__*/React.createElement(Box, {
+    display: "flex",
+    className: modules_aaf25250.startIcon,
+    onClick: focusOnIconClick,
+    marginRight: "-xsmall",
+    marginLeft: "small",
+    "aria-hidden": true
+  }, startIcon) : null, /*#__PURE__*/React.createElement("input", _objectSpread2(_objectSpread2(_objectSpread2({}, props), extraProps), {}, {
     type: type,
-    ref: ref
+    ref: combinedRef
   }))));
 });