Socket
Socket
Sign inDemoInstall

@material/react-fab

Package Overview
Dependencies
Maintainers
13
Versions
22
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@material/react-fab - npm Package Compare versions

Comparing version 0.12.1 to 0.13.0

2

dist/index.d.ts

@@ -13,3 +13,3 @@ import React from 'react';

export declare const Fab: React.FunctionComponent<FabProps & React.HTMLProps<HTMLButtonElement>>;
declare const _default: React.ComponentType<Pick<FabProps, "children" | "autoFocus" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "placeholder" | "type" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "tabIndex" | "title" | "inputMode" | "is" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "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" | "onFocusCapture" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "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" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "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" | "icon" | "textLabel" | "exited" | "mini"> & import("../ripple").RippledComponentProps<HTMLButtonElement>>;
declare const _default: React.ComponentType<Pick<FabProps, "name" | "type" | "accessKey" | "dir" | "draggable" | "hidden" | "lang" | "title" | "id" | "prefix" | "slot" | "children" | "contentEditable" | "inputMode" | "tabIndex" | "form" | "formAction" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "icon" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "placeholder" | "spellCheck" | "is" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "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" | "onFocusCapture" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "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" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "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" | "autoFocus" | "formEncType" | "textLabel" | "exited" | "mini"> & import("../ripple").RippledComponentProps<HTMLButtonElement>>;
export default _default;

@@ -73,3 +73,3 @@ (function webpackUniversalModuleDefinition(root, factory) {

/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = 102);
/******/ return __webpack_require__(__webpack_require__.s = 106);
/******/ })

@@ -93,3 +93,3 @@ /************************************************************************/

/***/ 102:
/***/ 106:
/***/ (function(module, exports, __webpack_require__) {

@@ -147,3 +147,3 @@

var react_ripple_1 = __webpack_require__(2);
var constant_1 = __webpack_require__(103);
var constant_1 = __webpack_require__(107);
var Icon = function (_a) {

@@ -168,8 +168,3 @@ var icon = _a.icon;

var _b;
var
/* eslint-disable react/prop-types */
_c = _a.exited,
/* eslint-disable react/prop-types */
exited = _c === void 0 ? false : _c, _d = _a.mini, mini = _d === void 0 ? false : _d, icon = _a.icon, _e = _a.textLabel, textLabel = _e === void 0 ? '' : _e, _f = _a.className, className = _f === void 0 ? '' : _f, _g = _a.initRipple, initRipple = _g === void 0 ? function () { } : _g, unbounded = _a.unbounded,
/* eslint-enable react/prop-types */
var _c = _a.exited, exited = _c === void 0 ? false : _c, _d = _a.mini, mini = _d === void 0 ? false : _d, icon = _a.icon, _e = _a.textLabel, textLabel = _e === void 0 ? '' : _e, _f = _a.className, className = _f === void 0 ? '' : _f, _g = _a.initRipple, initRipple = _g === void 0 ? function () { } : _g, unbounded = _a.unbounded, // eslint-disable-line @typescript-eslint/no-unused-vars
otherProps = __rest(_a, ["exited", "mini", "icon", "textLabel", "className", "initRipple", "unbounded"]);

@@ -191,3 +186,3 @@ var extended = textLabel.length > 0;

/***/ 103:
/***/ 107:
/***/ (function(module, exports, __webpack_require__) {

@@ -194,0 +189,0 @@

@@ -1,1 +0,1 @@

!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("react"),require("classnames"),require("@material/react-ripple/dist/index.js"));else if("function"==typeof define&&define.amd)define(["react","classnames","@material/react-ripple/dist/index.js"],t);else{var r="object"==typeof exports?t(require("react"),require("classnames"),require("@material/react-ripple/dist/index.js")):t(e.react,e.classnames,e["@material/react-ripple/dist/index.js"]);for(var n in r)("object"==typeof exports?exports:e)[n]=r[n]}}("undefined"!=typeof self?self:this,function(e,t,r){return function(e){function t(n){if(r[n])return r[n].exports;var i=r[n]={i:n,l:!1,exports:{}};return e[n].call(i.exports,i,i.exports,t),i.l=!0,i.exports}var r={};return t.m=e,t.c=r,t.d=function(e,r,n){t.o(e,r)||Object.defineProperty(e,r,{configurable:!1,enumerable:!0,get:n})},t.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(r,"a",r),r},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=102)}({0:function(t,r){t.exports=e},1:function(e,r){e.exports=t},102:function(e,t,r){"use strict";var n=this&&this.__assign||function(){return n=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++){t=arguments[r];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e},n.apply(this,arguments)},i=this&&this.__rest||function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var i=0,n=Object.getOwnPropertySymbols(e);i<n.length;i++)t.indexOf(n[i])<0&&(r[n[i]]=e[n[i]]);return r},a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=a(r(0)),l=a(r(1)),c=r(2),s=r(103),u=function(e){var t=e.icon;if(!t)return null;var r={className:l.default(s.CSS_CLASSES.ICON,t.props.className)};return o.default.cloneElement(t,r)},f=function(e){var t=e.textLabel;return 0===t.length?null:o.default.createElement("span",{className:s.CSS_CLASSES.LABEL},t)};t.Fab=function(e){var t,r=e.exited,a=void 0!==r&&r,c=e.mini,d=void 0!==c&&c,p=e.icon,S=e.textLabel,m=void 0===S?"":S,b=e.className,x=void 0===b?"":b,_=e.initRipple,v=void 0===_?function(){}:_,E=(e.unbounded,i(e,["exited","mini","icon","textLabel","className","initRipple","unbounded"])),O=m.length>0,y=l.default(s.CSS_CLASSES.ROOT,x,(t={},t[s.CSS_CLASSES.MINI]=d,t[s.CSS_CLASSES.EXTENDED]=O,t[s.CSS_CLASSES.EXITED]=a,t));return o.default.createElement("button",n({className:y,ref:v},E),o.default.createElement(u,{icon:p}),o.default.createElement(f,{textLabel:m}))},t.default=c.withRipple(t.Fab)},103:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n={ROOT:"mdc-fab",ICON:"mdc-fab__icon",LABEL:"mdc-fab__label",MINI:"mdc-fab--mini",EXTENDED:"mdc-fab--extended",EXITED:"mdc-fab--exited"};t.CSS_CLASSES=n},2:function(e,t){e.exports=r}})});
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("react"),require("classnames"),require("@material/react-ripple/dist/index.js"));else if("function"==typeof define&&define.amd)define(["react","classnames","@material/react-ripple/dist/index.js"],t);else{var r="object"==typeof exports?t(require("react"),require("classnames"),require("@material/react-ripple/dist/index.js")):t(e.react,e.classnames,e["@material/react-ripple/dist/index.js"]);for(var n in r)("object"==typeof exports?exports:e)[n]=r[n]}}("undefined"!=typeof self?self:this,function(e,t,r){return function(e){function t(n){if(r[n])return r[n].exports;var i=r[n]={i:n,l:!1,exports:{}};return e[n].call(i.exports,i,i.exports,t),i.l=!0,i.exports}var r={};return t.m=e,t.c=r,t.d=function(e,r,n){t.o(e,r)||Object.defineProperty(e,r,{configurable:!1,enumerable:!0,get:n})},t.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(r,"a",r),r},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=106)}({0:function(t,r){t.exports=e},1:function(e,r){e.exports=t},106:function(e,t,r){"use strict";var n=this&&this.__assign||function(){return n=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++){t=arguments[r];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e},n.apply(this,arguments)},i=this&&this.__rest||function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var i=0,n=Object.getOwnPropertySymbols(e);i<n.length;i++)t.indexOf(n[i])<0&&(r[n[i]]=e[n[i]]);return r},a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=a(r(0)),l=a(r(1)),c=r(2),s=r(107),u=function(e){var t=e.icon;if(!t)return null;var r={className:l.default(s.CSS_CLASSES.ICON,t.props.className)};return o.default.cloneElement(t,r)},f=function(e){var t=e.textLabel;return 0===t.length?null:o.default.createElement("span",{className:s.CSS_CLASSES.LABEL},t)};t.Fab=function(e){var t,r=e.exited,a=void 0!==r&&r,c=e.mini,d=void 0!==c&&c,p=e.icon,S=e.textLabel,m=void 0===S?"":S,b=e.className,x=void 0===b?"":b,_=e.initRipple,v=void 0===_?function(){}:_,E=(e.unbounded,i(e,["exited","mini","icon","textLabel","className","initRipple","unbounded"])),O=m.length>0,y=l.default(s.CSS_CLASSES.ROOT,x,(t={},t[s.CSS_CLASSES.MINI]=d,t[s.CSS_CLASSES.EXTENDED]=O,t[s.CSS_CLASSES.EXITED]=a,t));return o.default.createElement("button",n({className:y,ref:v},E),o.default.createElement(u,{icon:p}),o.default.createElement(f,{textLabel:m}))},t.default=c.withRipple(t.Fab)},107:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n={ROOT:"mdc-fab",ICON:"mdc-fab__icon",LABEL:"mdc-fab__label",MINI:"mdc-fab--mini",EXTENDED:"mdc-fab--extended",EXITED:"mdc-fab--exited"};t.CSS_CLASSES=n},2:function(e,t){e.exports=r}})});
{
"name": "@material/react-fab",
"version": "0.12.1",
"version": "0.13.0",
"description": "Material Components React Floating Action Button (FAB)",

@@ -21,3 +21,3 @@ "license": "MIT",

"@material/fab": "^1.1.0",
"@material/react-ripple": "^0.12.0",
"@material/react-ripple": "^0.13.0",
"classnames": "^2.2.6",

@@ -24,0 +24,0 @@ "react": "^16.4.2"

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc