argous 1.2.246 → 1.3.2

package/dist/components/Collapse/Collapse.d.ts

@@ -1,60 +1,59 @@
-import { StandardProps } from '@material-ui/core';
-import { TransitionProps } from '@material-ui/core/transitions/transition';
-import * as React from 'react';
-
-export interface CollapseProps extends StandardProps<TransitionProps, CollapseClassKey, 'timeout'> {
-  /**
-   * The content node to be collapsed.
-   */
-  children?: React.ReactNode;
-  /**
-   * The height of the container when collapsed.
-   */
-  collapsedHeight?: string | number;
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component?: React.ElementType<TransitionProps>;
-  /**
-   * Enable this prop if you encounter 'Function components cannot be given refs',
-   * use `unstable_createStrictModeTheme`,
-   * and can't forward the ref in the passed `Component`.
-   */
-  disableStrictModeCompat?: boolean;
-  /**
-   * If `true`, the component will transition in.
-   */
-  in?: boolean;
-  /**
-   * The duration for the transition, in milliseconds.
-   * You may specify a single timeout for all transitions, or individually with an object.
-   *
-   * Set to 'auto' to automatically calculate transition time based on height.
-   */
-  timeout?: TransitionProps['timeout'] | 'auto';
-  /**
-   * Orientation of the collapse
-   */
-  orientation?: 'vertical' | 'horizontal'
-}
-
-export type CollapseClassKey = 'container' | 'entered' | 'hidden' | 'wrapper' | 'wrapperInner';
-
+export function styles(theme: any): {
+    [x: string]: {
+        [x: string]: any;
+        position: string;
+        overflow: string;
+        height: number;
+        transition: any;
+        visibility?: undefined;
+        display?: undefined;
+        width?: undefined;
+    } | {
+        [x: string]: string | {
+            height: string;
+            width: string;
+        };
+        height: string;
+        overflow: string;
+        position?: undefined;
+        transition?: undefined;
+        visibility?: undefined;
+        display?: undefined;
+        width?: undefined;
+    } | {
+        visibility: string;
+        position?: undefined;
+        overflow?: undefined;
+        height?: undefined;
+        transition?: undefined;
+        display?: undefined;
+        width?: undefined;
+    } | {
+        display: string;
+        position?: undefined;
+        overflow?: undefined;
+        height?: undefined;
+        transition?: undefined;
+        visibility?: undefined;
+        width?: undefined;
+    } | {
+        [x: string]: string | {
+            height: string;
+        };
+        width: string;
+        position?: undefined;
+        overflow?: undefined;
+        height?: undefined;
+        transition?: undefined;
+        visibility?: undefined;
+        display?: undefined;
+    };
+};
+export default Collapse;
 /**
  * The Collapse transition is used by the
- * [Vertical Stepper](https://material-ui.com/components/steppers/#vertical-stepper) StepContent component.
+ * [Vertical Stepper](/components/steppers/#vertical-stepper) StepContent component.
  * It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
- * Demos:
- *
- * - [Cards](https://material-ui.com/components/cards/)
- * - [Lists](https://material-ui.com/components/lists/)
- * - [Transitions](https://material-ui.com/components/transitions/)
- *
- * API:
- *
- * - [Collapse API](https://material-ui.com/api/collapse/)
- * - inherits [Transition API](https://reactcommunity.org/react-transition-group/transition#Transition-props)
  */
-
-export default function Collapse(props: CollapseProps): JSX.Element;
+declare const Collapse: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import * as React from 'react';

package/dist/components/Collapse/Collapse.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -22,13 +26,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -45,56 +59,93 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.styles = void 0;
-var core_1 = require("@material-ui/core");
-var transitions_1 = require("@material-ui/core/styles/transitions");
-var withStyles_1 = __importDefault(require("@material-ui/core/styles/withStyles"));
-var utils_1 = require("@material-ui/core/transitions/utils");
-var clsx_1 = __importDefault(require("clsx"));
+var material_1 = require("@mui/material");
+var clsx_1 = require("clsx");
 var prop_types_1 = __importDefault(require("prop-types"));
 var React = __importStar(require("react"));
 var react_transition_group_1 = require("react-transition-group");
-var styles = function (theme) { return ({
-    /* Styles applied to the container element. */
-    container: {
-        position: 'relative',
-        overflow: 'hidden',
-        height: 0,
-        transition: theme.transitions.create('height'),
-        '&$horizontal': {
-            width: 0,
-            height: 'auto',
-            transition: theme.transitions.create('width'),
-        },
-    },
-    /* Pseudo-class applied to the root element if `orientation="horizontal"`. */
-    horizontal: {},
-    /* Styles applied to the container element when the transition has entered. */
-    entered: {
-        height: 'auto',
-        overflow: 'visible',
-        '&$horizontal': {
-            height: 'initial',
-            width: 'auto',
+var defaultTransitionDuration = {
+    standard: 300,
+};
+var getTransitionDuration = function (timeout, mode) {
+    if (timeout === null || timeout === undefined || timeout === 'auto') {
+        return undefined;
+    }
+    if (typeof timeout === 'number' || typeof timeout === 'string') {
+        return timeout;
+    }
+    return timeout[mode];
+};
+var getTransitionProps = function (_a, _b) {
+    var _c = _a.style, style = _c === void 0 ? {} : _c, timeout = _a.timeout;
+    var mode = _b.mode;
+    return ({
+        duration: style.transitionDuration || getTransitionDuration(timeout, mode),
+        easing: style.transitionTimingFunction,
+        delay: style.transitionDelay,
+    });
+};
+var collapseClasses = {
+    container: 'argous-collapse-container',
+    horizontal: 'argous-collapse-horizontal',
+    entered: 'argous-collapse-entered',
+    hidden: 'argous-collapse-hidden',
+    wrapper: 'argous-collapse-wrapper',
+    wrapperInner: 'argous-collapse-wrapper-inner',
+};
+var mergeClasses = function (defaultClasses, overrideClasses) {
+    if (overrideClasses === void 0) { overrideClasses = {}; }
+    return Object.keys(defaultClasses).reduce(function (acc, key) {
+        var _a;
+        return (__assign(__assign({}, acc), (_a = {}, _a[key] = overrideClasses[key] || defaultClasses[key], _a)));
+    }, {});
+};
+var styles = function (theme) {
+    var _a, _b, _c, _d;
+    return (_a = {},
+        /* Styles applied to the container element. */
+        _a[".".concat(collapseClasses.container)] = (_b = {
+                position: 'relative',
+                overflow: 'hidden',
+                height: 0,
+                transition: theme.transitions.create('height')
+            },
+            _b["&.".concat(collapseClasses.horizontal)] = {
+                width: 0,
+                height: 'auto',
+                transition: theme.transitions.create('width'),
+            },
+            _b),
+        /* Styles applied to the container element when the transition has entered. */
+        _a[".".concat(collapseClasses.entered)] = (_c = {
+                height: 'auto',
+                overflow: 'visible'
+            },
+            _c["&.".concat(collapseClasses.horizontal)] = {
+                height: 'initial',
+                width: 'auto',
+            },
+            _c),
+        /* Styles applied to the container element when the transition has exited and `collapsedHeight` != 0px. */
+        _a[".".concat(collapseClasses.hidden)] = {
+            visibility: 'hidden',
         },
-    },
-    /* Styles applied to the container element when the transition has exited and `collapsedHeight` != 0px. */
-    hidden: {
-        visibility: 'hidden',
-    },
-    /* Styles applied to the outer wrapper element. */
-    wrapper: {
-        // Hack to get children with a negative margin to not falsify the height computation.
-        display: 'flex',
-    },
-    /* Styles applied to the inner wrapper element. */
-    wrapperInner: {
-        width: '100%',
-        '&$horizontal': {
-            // width: 'initial',
-            height: '100%',
+        /* Styles applied to the outer wrapper element. */
+        _a[".".concat(collapseClasses.wrapper)] = {
+            // Hack to get children with a negative margin to not falsify the height computation.
+            display: 'flex',
         },
-    },
-}); };
+        /* Styles applied to the inner wrapper element. */
+        _a[".".concat(collapseClasses.wrapperInner)] = (_d = {
+                width: '100%'
+            },
+            _d["&.".concat(collapseClasses.horizontal)] = {
+                // width: 'initial',
+                height: '100%',
+            },
+            _d),
+        _a);
+};
 exports.styles = styles;
 /**
  * The Collapse transition is used by the
@@ -102,18 +153,19 @@ exports.styles = styles;
  * It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
  */
 var Collapse = React.forwardRef(function Collapse(props, ref) {
-    var children = props.children, classes = props.classes, className = props.className, _a = props.collapsedHeight, collapsedHeight = _a === void 0 ? '0px' : _a, _b = props.collapsedSize, collapsedSizeProp = _b === void 0 ? '0px' : _b, _c = props.component, Component = _c === void 0 ? 'div' : _c, inProp = props.in, onEnter = props.onEnter, onEntered = props.onEntered, onEntering = props.onEntering, onExit = props.onExit, onExiting = props.onExiting, _d = props.orientation, orientation = _d === void 0 ? 'vertical' : _d, _e = props.style, style = _e === void 0 ? {} : _e, _f = props.timeout, timeout = _f === void 0 ? transitions_1.duration.standard : _f, 
+    var children = props.children, _a = props.classes, classesProp = _a === void 0 ? {} : _a, className = props.className, _b = props.collapsedHeight, collapsedHeight = _b === void 0 ? '0px' : _b, _c = props.collapsedSize, collapsedSizeProp = _c === void 0 ? '0px' : _c, _d = props.component, Component = _d === void 0 ? 'div' : _d, inProp = props.in, onEnter = props.onEnter, onEntered = props.onEntered, onEntering = props.onEntering, onExit = props.onExit, onExiting = props.onExiting, _e = props.orientation, orientation = _e === void 0 ? 'vertical' : _e, _f = props.style, style = _f === void 0 ? {} : _f, _g = props.timeout, timeout = _g === void 0 ? defaultTransitionDuration.standard : _g, 
     // eslint-disable-next-line react/prop-types
-    _g = props.TransitionComponent, 
+    _h = props.TransitionComponent, 
     // eslint-disable-next-line react/prop-types
-    TransitionComponent = _g === void 0 ? react_transition_group_1.Transition : _g, other = __rest(props, ["children", "classes", "className", "collapsedHeight", "collapsedSize", "component", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExiting", "orientation", "style", "timeout", "TransitionComponent"]);
-    var theme = core_1.useTheme();
+    TransitionComponent = _h === void 0 ? react_transition_group_1.Transition : _h, other = __rest(props, ["children", "classes", "className", "collapsedHeight", "collapsedSize", "component", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExiting", "orientation", "style", "timeout", "TransitionComponent"]);
+    var theme = (0, material_1.useTheme)();
+    var classes = mergeClasses(collapseClasses, classesProp);
     var timer = React.useRef();
     var wrapperRef = React.useRef(null);
     var autoTransitionDuration = React.useRef();
     var collapsedSizeOrHeight = collapsedHeight === '0px' ? collapsedSizeProp : collapsedHeight;
     var collapsedSize = typeof collapsedSizeOrHeight === 'number'
-        ? collapsedSizeOrHeight + "px"
+        ? "".concat(collapsedSizeOrHeight, "px")
         : collapsedSizeOrHeight;
     var isHorizontal = orientation === 'horizontal';
     var size = isHorizontal ? 'width' : 'height';
@@ -134,19 +186,19 @@ var Collapse = React.forwardRef(function Collapse(props, ref) {
         var wrapperSize = wrapperRef.current[isHorizontal ? 'clientWidth' : 'clientHeight'];
         // After the size is read reset the position back to default
         wrapperRef.current.style.position = '';
-        var transitionDuration = utils_1.getTransitionProps({ style: style, timeout: timeout }, {
+        var transitionDuration = getTransitionProps({ style: style, timeout: timeout }, {
             mode: 'enter',
         }).duration;
         if (timeout === 'auto') {
             var duration2 = theme.transitions.getAutoHeightDuration(wrapperSize);
-            node.style.transitionDuration = duration2 + "ms";
+            node.style.transitionDuration = "".concat(duration2, "ms");
             autoTransitionDuration.current = duration2;
         }
         else {
             node.style.transitionDuration
-                = typeof transitionDuration === 'string' ? transitionDuration : transitionDuration + "ms";
+                = typeof transitionDuration === 'string' ? transitionDuration : "".concat(transitionDuration, "ms");
         }
-        node.style[size] = wrapperSize + "px";
+        node.style[size] = "".concat(wrapperSize, "px");
         if (onEntering) {
             onEntering(node, isAppearing);
         }
@@ -159,26 +211,26 @@ var Collapse = React.forwardRef(function Collapse(props, ref) {
     };
     var handleExit = function (node) {
         var wrapperSize = wrapperRef.current[isHorizontal ? 'clientWidth' : 'clientHeight'];
-        node.style[size] = wrapperSize + "px";
+        node.style[size] = "".concat(wrapperSize, "px");
         if (onExit) {
             onExit(node);
         }
     };
     var handleExiting = function (node) {
         var wrapperSize = wrapperRef.current[isHorizontal ? 'clientWidth' : 'clientHeight'];
-        var transitionDuration = utils_1.getTransitionProps({ style: style, timeout: timeout }, {
+        var transitionDuration = getTransitionProps({ style: style, timeout: timeout }, {
             mode: 'exit',
         }).duration;
         if (timeout === 'auto') {
             // TODO: rename getAutoHeightDuration to something more generic (width support)
             // Actually it just calculates animation duration based on size
             var duration2 = theme.transitions.getAutoHeightDuration(wrapperSize);
-            node.style.transitionDuration = duration2 + "ms";
+            node.style.transitionDuration = "".concat(duration2, "ms");
             autoTransitionDuration.current = duration2;
         }
         else {
             node.style.transitionDuration
-                = typeof transitionDuration === 'string' ? transitionDuration : transitionDuration + "ms";
+                = typeof transitionDuration === 'string' ? transitionDuration : "".concat(transitionDuration, "ms");
         }
         node.style[size] = collapsedSize;
         if (onExiting) {
@@ -190,18 +242,20 @@ var Collapse = React.forwardRef(function Collapse(props, ref) {
             timer.current = setTimeout(next, autoTransitionDuration.current || 0);
         }
     };
-    return (React.createElement(TransitionComponent, __assign({ in: inProp, onEnter: handleEnter, onEntered: handleEntered, onEntering: handleEntering, onExit: handleExit, onExiting: handleExiting, addEndListener: addEndListener, timeout: timeout === 'auto' ? null : timeout }, other), function (state, childProps) {
-        var _a, _b, _c;
-        return (React.createElement(Component, __assign({ className: clsx_1.default(classes.container, (_a = {},
-                _a[classes.horizontal] = isHorizontal,
-                _a[classes.entered] = state === 'entered',
-                _a[classes.hidden] = state === 'exited' && !inProp && collapsedSize === '0px',
-                _a), className), style: __assign((_b = {}, _b[isHorizontal ? 'minWidth' : 'minHeight'] = collapsedSize, _b), style), ref: ref }, childProps),
-            React.createElement("div", { className: classes.wrapper, ref: wrapperRef },
-                React.createElement("div", { className: clsx_1.default(classes.wrapperInner, (_c = {},
-                        _c[classes.horizontal] = isHorizontal,
-                        _c)) }, children))));
-    }));
+    return (React.createElement(React.Fragment, null,
+        React.createElement(material_1.GlobalStyles, { styles: exports.styles }),
+        React.createElement(TransitionComponent, __assign({ in: inProp, onEnter: handleEnter, onEntered: handleEntered, onEntering: handleEntering, onExit: handleExit, onExiting: handleExiting, addEndListener: addEndListener, timeout: timeout === 'auto' ? null : timeout }, other), function (state, childProps) {
+            var _a, _b, _c;
+            return (React.createElement(Component, __assign({ className: (0, clsx_1.clsx)(classes.container, (_a = {},
+                    _a[classes.horizontal] = isHorizontal,
+                    _a[classes.entered] = state === 'entered',
+                    _a[classes.hidden] = state === 'exited' && !inProp && collapsedSize === '0px',
+                    _a), className), style: __assign((_b = {}, _b[isHorizontal ? 'minWidth' : 'minHeight'] = collapsedSize, _b), style), ref: ref }, childProps),
+                React.createElement("div", { className: classes.wrapper, ref: wrapperRef },
+                    React.createElement("div", { className: (0, clsx_1.clsx)(classes.wrapperInner, (_c = {},
+                            _c[classes.horizontal] = isHorizontal,
+                            _c)) }, children))));
+        })));
 });
 Collapse.propTypes = {
     // ----------------------------- Warning --------------------------------
@@ -287,4 +341,4 @@ Collapse.propTypes = {
     ]),
 };
 Collapse.muiSupportAuto = true;
-exports.default = withStyles_1.default(exports.styles, { name: 'MuiCollapse' })(Collapse);
+exports.default = Collapse;

package/dist/components/Collapse/index.d.ts

@@ -1,3 +1 @@
-
-export { default } from './Collapse';
-export * from './Collapse';
+export { default } from "./Collapse";

package/dist/components/Compartilhar/Compartilhar.d.ts

@@ -1,7 +1,3 @@
-export interface CompartilharProps {
-  linkCompartilhamento?: string
-}
-
-declare function Compartilhar(props: CompartilharProps): JSX.Element
-
-export default Compartilhar;
+export default Compartilhar;
+declare const Compartilhar: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from 'react';