@sb1/ffe-collapse-react 100.12.3 → 101.0.0

package/css/collapse.css

@@ -1,17 +1,13 @@
 .ffe-collapse {
-  display: -ms-grid;
   display: grid;
-  -ms-grid-rows: 0fr;
-      grid-template-rows: 0fr;
+  grid-template-rows: 0fr;
   transition: grid-template-rows var(--ffe-transition-duration) var(--ffe-ease);
-  transition: grid-template-rows var(--ffe-transition-duration) var(--ffe-ease), -ms-grid-rows var(--ffe-transition-duration) var(--ffe-ease);
 }
 .ffe-collapse--hidden {
   visibility: hidden;
 }
 .ffe-collapse--open {
-  -ms-grid-rows: 1fr;
-      grid-template-rows: 1fr;
+  grid-template-rows: 1fr;
 }
 .ffe-collapse__inner {
   overflow: hidden;

package/es/Collapse.js

@@ -1,46 +1,23 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-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)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import React, { useRef, useEffect, useState, } from 'react';
 import classNames from 'classnames';
 import { mergeRefs } from './mergeRefs';
 import { usePreviousIsOpen } from './usePreviousIsOpen';
-export var Collapse = React.forwardRef(function (_a, ref) {
-    var className = _a.className, isOpen = _a.isOpen, onRest = _a.onRest, children = _a.children, rest = __rest(_a, ["className", "isOpen", "onRest", "children"]);
-    var internalRef = useRef(null);
-    var _b = useState(!isOpen), isHidden = _b[0], setIsHidden = _b[1];
-    var _c = useState(isOpen), overflowVisible = _c[0], setOverflowVisible = _c[1];
-    var previousIsOpen = usePreviousIsOpen(isOpen);
-    useEffect(function () {
+export const Collapse = React.forwardRef(({ className, isOpen, onRest, children, ...rest }, ref) => {
+    const internalRef = useRef(null);
+    const [isHidden, setIsHidden] = useState(!isOpen);
+    const [overflowVisible, setOverflowVisible] = useState(isOpen);
+    const previousIsOpen = usePreviousIsOpen(isOpen);
+    useEffect(() => {
         if (typeof previousIsOpen === 'boolean' &&
             isOpen !== previousIsOpen) {
             setIsHidden(!isOpen);
             setOverflowVisible(false);
         }
     }, [previousIsOpen, isOpen]);
-    return (React.createElement("div", __assign({}, rest, { ref: mergeRefs([internalRef, ref]), className: classNames('ffe-collapse', className, {
+    return (React.createElement("div", { ...rest, ref: mergeRefs([internalRef, ref]), className: classNames('ffe-collapse', className, {
             'ffe-collapse--open': isOpen,
             'ffe-collapse--hidden': isHidden,
-        }), onTransitionEnd: function (e) {
+        }), onTransitionEnd: e => {
             if (e.target === internalRef.current &&
                 e.propertyName === 'grid-template-rows') {
                 setIsHidden(!isOpen);
@@ -49,7 +26,7 @@ export var Collapse = React.forwardRef(function (_a, ref) {
                 }
                 onRest === null || onRest === void 0 ? void 0 : onRest();
             }
-        } }),
+        } },
         React.createElement("div", { className: classNames('ffe-collapse__inner', {
                 'ffe-collapse__inner--visible': overflowVisible,
             }) }, children)));

package/es/mergeRefs.js

@@ -1,6 +1,6 @@
 export function mergeRefs(refs) {
-    return function (value) {
-        refs.forEach(function (ref) {
+    return value => {
+        refs.forEach(ref => {
             if (typeof ref === 'function') {
                 ref(value);
             }

package/es/usePreviousIsOpen.js

@@ -1,7 +1,7 @@
 import { useEffect, useRef } from 'react';
-export var usePreviousIsOpen = function (isOpen) {
-    var ref = useRef();
-    useEffect(function () {
+export const usePreviousIsOpen = (isOpen) => {
+    const ref = useRef();
+    useEffect(() => {
         ref.current = isOpen;
     });
     return ref.current;

package/lib/Collapse.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -43,43 +32,31 @@ var __importStar = (this && this.__importStar) || (function () {
         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)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Collapse = void 0;
-var react_1 = __importStar(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var mergeRefs_1 = require("./mergeRefs");
-var usePreviousIsOpen_1 = require("./usePreviousIsOpen");
-exports.Collapse = react_1.default.forwardRef(function (_a, ref) {
-    var className = _a.className, isOpen = _a.isOpen, onRest = _a.onRest, children = _a.children, rest = __rest(_a, ["className", "isOpen", "onRest", "children"]);
-    var internalRef = (0, react_1.useRef)(null);
-    var _b = (0, react_1.useState)(!isOpen), isHidden = _b[0], setIsHidden = _b[1];
-    var _c = (0, react_1.useState)(isOpen), overflowVisible = _c[0], setOverflowVisible = _c[1];
-    var previousIsOpen = (0, usePreviousIsOpen_1.usePreviousIsOpen)(isOpen);
-    (0, react_1.useEffect)(function () {
+const react_1 = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const mergeRefs_1 = require("./mergeRefs");
+const usePreviousIsOpen_1 = require("./usePreviousIsOpen");
+exports.Collapse = react_1.default.forwardRef(({ className, isOpen, onRest, children, ...rest }, ref) => {
+    const internalRef = (0, react_1.useRef)(null);
+    const [isHidden, setIsHidden] = (0, react_1.useState)(!isOpen);
+    const [overflowVisible, setOverflowVisible] = (0, react_1.useState)(isOpen);
+    const previousIsOpen = (0, usePreviousIsOpen_1.usePreviousIsOpen)(isOpen);
+    (0, react_1.useEffect)(() => {
         if (typeof previousIsOpen === 'boolean' &&
             isOpen !== previousIsOpen) {
             setIsHidden(!isOpen);
             setOverflowVisible(false);
         }
     }, [previousIsOpen, isOpen]);
-    return (react_1.default.createElement("div", __assign({}, rest, { ref: (0, mergeRefs_1.mergeRefs)([internalRef, ref]), className: (0, classnames_1.default)('ffe-collapse', className, {
+    return (react_1.default.createElement("div", { ...rest, ref: (0, mergeRefs_1.mergeRefs)([internalRef, ref]), className: (0, classnames_1.default)('ffe-collapse', className, {
             'ffe-collapse--open': isOpen,
             'ffe-collapse--hidden': isHidden,
-        }), onTransitionEnd: function (e) {
+        }), onTransitionEnd: e => {
             if (e.target === internalRef.current &&
                 e.propertyName === 'grid-template-rows') {
                 setIsHidden(!isOpen);
@@ -88,7 +65,7 @@ exports.Collapse = react_1.default.forwardRef(function (_a, ref) {
                 }
                 onRest === null || onRest === void 0 ? void 0 : onRest();
             }
-        } }),
+        } },
         react_1.default.createElement("div", { className: (0, classnames_1.default)('ffe-collapse__inner', {
                 'ffe-collapse__inner--visible': overflowVisible,
             }) }, children)));

package/lib/mergeRefs.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.mergeRefs = mergeRefs;
 function mergeRefs(refs) {
-    return function (value) {
-        refs.forEach(function (ref) {
+    return value => {
+        refs.forEach(ref => {
             if (typeof ref === 'function') {
                 ref(value);
             }

package/lib/usePreviousIsOpen.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.usePreviousIsOpen = void 0;
-var react_1 = require("react");
-var usePreviousIsOpen = function (isOpen) {
-    var ref = (0, react_1.useRef)();
-    (0, react_1.useEffect)(function () {
+const react_1 = require("react");
+const usePreviousIsOpen = (isOpen) => {
+    const ref = (0, react_1.useRef)();
+    (0, react_1.useEffect)(() => {
         ref.current = isOpen;
     });
     return ref.current;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@sb1/ffe-collapse-react",
-    "version": "100.12.3",
+    "version": "101.0.0",
     "description": "React component for expand/collapse",
     "keywords": [
         "ffe"
@@ -30,12 +30,12 @@
         "test:watch": "ffe-buildtool jest --watch"
     },
     "dependencies": {
-        "@sb1/ffe-core": "^100.12.3",
-        "classnames": "^2.3.1"
+        "@sb1/ffe-core": "^101.0.0",
+        "classnames": "^2.5.1"
     },
     "devDependencies": {
-        "@sb1/ffe-buildtool": "^100.12.3",
-        "eslint": "^9.22.0",
+        "@sb1/ffe-buildtool": "^101.0.0",
+        "eslint": "^10.2.0",
         "react": "^18.2.0",
         "react-dom": "^18.2.0"
     },
@@ -45,5 +45,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "c250edc3d20e5ed115c5c5951495d700e96a3be3"
+    "gitHead": "7714019dbb9001551cb5d1c262c58afd609d4fb0"
 }