@surveycake/rc 3.0.0-alpha.65 → 3.0.0-alpha.66

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+## [3.0.0-alpha.66](https://fox.25sprout.com/surveycake/sdk/rc/compare/v3.0.0-alpha.65...v3.0.0-alpha.66) (2022-12-01)
+
+
+### Features
+
+* add basic Autocomplete ([d4d3a89](https://fox.25sprout.com/surveycake/sdk/rc/commit/d4d3a8977e071f259c179779011f4fdba2f7c501))
+
 ## [3.0.0-alpha.65](https://fox.25sprout.com/surveycake/sdk/rc/compare/v3.0.0-alpha.64...v3.0.0-alpha.65) (2022-12-01)
 
 

package/dist/V2/Autocomplete/Autocomplete.stories.d.ts

@@ -0,0 +1,4 @@
+import { Story, Meta } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: Story;

package/dist/V2/Autocomplete/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { AutocompleteProps as MUIAutocompleteProps } from '@material-ui/lab/Autocomplete';
+export interface AutocompleteProps<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> extends MUIAutocompleteProps<T, Multiple, DisableClearable, FreeSolo> {
+}
+declare const Autocomplete: <T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined>(props: Pick<MUIAutocompleteProps<T, Multiple, DisableClearable, FreeSolo>, "classes" | "loading" | "defaultValue" | "onChange" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "ref" | "ChipProps" | "closeIcon" | "clearText" | "closeText" | "disabled" | "disablePortal" | "forcePopupIcon" | "fullWidth" | "getLimitTagsText" | "ListboxComponent" | "ListboxProps" | "loadingText" | "limitTags" | "noOptionsText" | "openText" | "PaperComponent" | "PopperComponent" | "popupIcon" | "renderGroup" | "renderOption" | "renderTags" | "size" | "autoComplete" | "autoHighlight" | "autoSelect" | "blurOnSelect" | "clearOnBlur" | "clearOnEscape" | "componentName" | "debug" | "disableClearable" | "disableCloseOnSelect" | "disabledItemsFocusable" | "disableListWrap" | "filterOptions" | "filterSelectedOptions" | "freeSolo" | "getOptionDisabled" | "getOptionLabel" | "getOptionSelected" | "groupBy" | "handleHomeEndKeys" | "includeInputInList" | "inputValue" | "onClose" | "onInputChange" | "onOpen" | "onHighlightChange" | "open" | "openOnFocus" | "options" | "selectOnFocus" | "multiple" | "value" | "innerRef">, ref: React.Ref<HTMLDivElement>) => React.ReactElement;
+export default Autocomplete;

package/dist/V2/Autocomplete/styles.d.ts

@@ -0,0 +1,3 @@
+import { StyleRules } from '@material-ui/core/styles';
+import { AutocompleteClassKey } from '@material-ui/lab';
+export declare const MuiAutocomplete: Partial<StyleRules<AutocompleteClassKey>>;

package/dist/V2/index.d.ts

@@ -5,6 +5,7 @@ export { default as AccordionDetails } from './AccordionDetails';
 export { default as AccordionSummary } from './AccordionSummary';
 export { default as Alert } from './Alert';
 export { default as AlertTitle } from './AlertTitle';
+export { default as Autocomplete } from './Autocomplete';
 export { default as Backdrop } from './Backdrop';
 export { default as Box } from './Box';
 export { default as Button } from './Button';

package/dist/rc.cjs.development.js

@@ -72,6 +72,8 @@ var WatchLater = _interopDefault(require('@material-ui/icons/WatchLater'));
 var WebAsset = _interopDefault(require('@material-ui/icons/WebAsset'));
 var SvgIcon = _interopDefault(require('@material-ui/core/SvgIcon'));
 var MUIAlertTitle = _interopDefault(require('@material-ui/lab/AlertTitle'));
+var MUIAutocomplete = _interopDefault(require('@material-ui/lab/Autocomplete'));
+var MUIOutlinedInput = _interopDefault(require('@material-ui/core/OutlinedInput'));
 var MUIBackdrop = _interopDefault(require('@material-ui/core/Backdrop'));
 var Box$1 = _interopDefault(require('@material-ui/core/Box'));
 var MUIButton = _interopDefault(require('@material-ui/core/Button'));
@@ -99,7 +101,6 @@ var MUIIconButton = _interopDefault(require('@material-ui/core/IconButton'));
 var MUIInputAdornment = _interopDefault(require('@material-ui/core/InputAdornment'));
 var MUILink = _interopDefault(require('@material-ui/core/Link'));
 var MuiMenuItem$1 = _interopDefault(require('@material-ui/core/MenuItem'));
-var MUIOutlinedInput = _interopDefault(require('@material-ui/core/OutlinedInput'));
 var emotion = require('emotion');
 var Typography$2 = _interopDefault(require('@material-ui/core/Typography'));
 var MuiSelect$1 = _interopDefault(require('@material-ui/core/Select'));
@@ -423,6 +424,81 @@ var MuiAlertTitle = {
   }
 };
 
+function _extends() {
+  _extends = Object.assign || function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+
+  return _extends.apply(this, arguments);
+}
+
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+
+  return target;
+}
+
+function _taggedTemplateLiteralLoose(strings, raw) {
+  if (!raw) {
+    raw = strings.slice(0);
+  }
+
+  strings.raw = raw;
+  return strings;
+}
+
+var MuiAutocomplete = {
+  root:
+  /*#__PURE__*/
+  _extends({
+    '&.Mui-focused .MuiOutlinedInput-root': {
+      borderBottomLeftRadius: 0,
+      borderBottomRightRadius: 0
+    }
+  }, core.typography.body2),
+  paper: {
+    padding: 0,
+    marginTop: -1,
+    border: 'solid',
+    borderTopLeftRadius: 0,
+    borderTopRightRadius: 0,
+    borderWidth: 1,
+    borderColor: core.palette.primary.main
+  },
+  listbox: {
+    '&::-webkit-scrollbar': {
+      width: 0
+    }
+  },
+  option:
+  /*#__PURE__*/
+  _extends({}, core.typography.body2),
+  tag: {
+    margin:
+    /*#__PURE__*/
+    core.spacing(0)
+  }
+};
+
 var MuiBackdrop = {
   root: {
     backgroundColor:
@@ -551,48 +627,6 @@ var MuiCardActionArea = {
   }
 };
 
-function _extends() {
-  _extends = Object.assign || function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-
-    return target;
-  };
-
-  return _extends.apply(this, arguments);
-}
-
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-
-  return target;
-}
-
-function _taggedTemplateLiteralLoose(strings, raw) {
-  if (!raw) {
-    raw = strings.slice(0);
-  }
-
-  strings.raw = raw;
-  return strings;
-}
-
 var MuiChip = {
   root:
   /*#__PURE__*/
@@ -1239,6 +1273,7 @@ styles$5.createTheme({
     MuiAccordionSummary: MuiAccordionSummary,
     MuiAlert: MuiAlert,
     MuiAlertTitle: MuiAlertTitle,
+    MuiAutocomplete: MuiAutocomplete,
     MuiBackdrop: MuiBackdrop,
     MuiButton: MuiButton,
     MuiCard: MuiCard,
@@ -1925,6 +1960,31 @@ var AlertTitle = function AlertTitle(props) {
 
 AlertTitle.displayName = 'AlertTitle';
 
+var OutlinedInput =
+/*#__PURE__*/
+React.forwardRef(function OutlinedInput(props, ref) {
+  return React__default.createElement(MUIOutlinedInput, Object.assign({}, props, {
+    ref: ref
+  }));
+});
+OutlinedInput.displayName = 'OutlinedInput';
+
+var Autocomplete =
+/*#__PURE__*/
+React.forwardRef(function (props, ref) {
+  return React__default.createElement(MUIAutocomplete, Object.assign({}, props, {
+    ref: ref,
+    disablePortal: true,
+    renderInput: function renderInput(params) {
+      return React__default.createElement(OutlinedInput, Object.assign({}, params, {
+        autoFocus: true,
+        ref: params.InputProps.ref,
+        inputProps: params.inputProps
+      }));
+    }
+  }));
+});
+
 var Backdrop =
 /*#__PURE__*/
 React.forwardRef(function (props, ref) {
@@ -2205,15 +2265,6 @@ React.forwardRef(function (props, ref) {
 });
 MenuItem.displayName = 'MenuItem';
 
-var OutlinedInput =
-/*#__PURE__*/
-React.forwardRef(function OutlinedInput(props, ref) {
-  return React__default.createElement(MUIOutlinedInput, Object.assign({}, props, {
-    ref: ref
-  }));
-});
-OutlinedInput.displayName = 'OutlinedInput';
-
 var Typography =
 /*#__PURE__*/
 React.forwardRef(function (props, ref) {
@@ -2834,6 +2885,7 @@ var index = {
   AccordionSummary: AccordionSummary,
   Alert: Alert,
   AlertTitle: AlertTitle,
+  Autocomplete: Autocomplete,
   Backdrop: Backdrop,
   Box: Box,
   Button: Button,