@spaced-out/ui-design-system 0.0.52 → 0.0.54

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 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.
 
+### [0.0.54](https://github.com/spaced-out/ui-design-system/compare/v0.0.53...v0.0.54) (2023-03-21)
+
+
+### Features
+
+* added support for hover events in a chip ([242d98d](https://github.com/spaced-out/ui-design-system/commit/242d98ddb62d02b6b8fd9e9a470d9fe1957d7bfc))
+
+### [0.0.53](https://github.com/spaced-out/ui-design-system/compare/v0.0.52...v0.0.53) (2023-03-21)
+
+
+### Features
+
+* typeahead on clear support ([6348d18](https://github.com/spaced-out/ui-design-system/commit/6348d187f6b75c1ce16e38b47d0106c4200a6867))
+
 ### [0.0.52](https://github.com/spaced-out/ui-design-system/compare/v0.0.51...v0.0.52) (2023-03-20)
 
 

package/lib/components/Chip/Chip.js

@@ -12,7 +12,7 @@ var _ChipModule = _interopRequireDefault(require("./Chip.module.css"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
 const CHIP_SEMANTIC = Object.freeze({
   primary: 'primary',
   information: 'information',
@@ -33,10 +33,12 @@ const Chip = _ref => {
     dismissable = false,
     onDismiss = () => null,
     onClick,
-    disabled
+    disabled,
+    ...rest
   } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
-    "data-testid": "Chip",
+  return /*#__PURE__*/React.createElement("div", _extends({
+    "data-testid": "Chip"
+  }, rest, {
     className: (0, _classify.classify)(_ChipModule.default.chipWrapper, {
       [_ChipModule.default.primary]: semantic === CHIP_SEMANTIC.primary,
       [_ChipModule.default.information]: semantic === CHIP_SEMANTIC.information,
@@ -51,7 +53,7 @@ const Chip = _ref => {
       [_ChipModule.default.disabled]: disabled
     }, classNames?.wrapper),
     onClick: onClick
-  }, iconName && size !== 'small' && /*#__PURE__*/React.createElement(_Icon.Icon, {
+  }), iconName && size !== 'small' && /*#__PURE__*/React.createElement(_Icon.Icon, {
     className: _ChipModule.default.chipIcon,
     name: iconName,
     type: iconType,

package/lib/components/Chip/Chip.js.flow

@@ -29,6 +29,8 @@ export type BaseChipProps = {
   children: React.Node,
   disabled?: boolean,
   onClick?: ?(SyntheticEvent<HTMLElement>) => mixed,
+  onMouseEnter?: ?(SyntheticEvent<HTMLElement>) => mixed,
+  onMouseLeave?: ?(SyntheticEvent<HTMLElement>) => mixed,
 };
 
 export type MediumChipProps = {
@@ -57,9 +59,11 @@ export const Chip = ({
   onDismiss = () => null,
   onClick,
   disabled,
+  ...rest
 }: ChipProps): React.Node => (
   <div
     data-testid="Chip"
+    {...rest}
     className={classify(
       css.chipWrapper,
       {

package/lib/components/Typeahead/Typeahead.js

@@ -28,6 +28,7 @@ const Typeahead = _ref => {
     onSearch,
     selectedOption,
     menuSize,
+    onClear,
     ...inputProps
   } = _ref;
   const typeaheadRef = React.useRef();
@@ -95,6 +96,10 @@ const Typeahead = _ref => {
         } else {
           clickAway();
         }
+      },
+      onClear: _e => {
+        setInputValue('');
+        onClear?.();
       }
     })), isOpen && filteredOptions && !!filteredOptions.length && /*#__PURE__*/React.createElement("div", {
       onClickCapture: cancelNext,

package/lib/components/Typeahead/Typeahead.js.flow

@@ -45,6 +45,7 @@ export type TypeaheadProps = {
   options?: Array<MenuOption>,
   selectedOption?: MenuOption,
   menuSize?: 'medium' | 'small',
+  onClear?: () => void,
 };
 
 export const Typeahead = ({
@@ -56,6 +57,7 @@ export const Typeahead = ({
   onSearch,
   selectedOption,
   menuSize,
+  onClear,
   ...inputProps
 }: TypeaheadProps): React.Node => {
   const typeaheadRef = React.useRef();
@@ -123,6 +125,10 @@ export const Typeahead = ({
                 clickAway();
               }
             }}
+            onClear={(_e) => {
+              setInputValue('');
+              onClear?.();
+            }}
           />
 
           {isOpen && filteredOptions && !!filteredOptions.length && (

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spaced-out/ui-design-system",
-  "version": "0.0.52",
+  "version": "0.0.54",
   "main": "index.js",
   "description": "Sense UI components library",
   "author": {