@teselagen/ui 0.7.19 → 0.7.20

package/index.cjs.js

@@ -3115,63 +3115,86 @@ function getAugmentedNamespace(n2) {
 }
 __name(getAugmentedNamespace, "getAugmentedNamespace");
 var propTypes$1 = { exports: {} };
-var ReactPropTypesSecret$1 = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-var ReactPropTypesSecret_1 = ReactPropTypesSecret$1;
-var ReactPropTypesSecret = ReactPropTypesSecret_1;
-function emptyFunction() {
-}
-__name(emptyFunction, "emptyFunction");
-function emptyFunctionWithReset() {
-}
-__name(emptyFunctionWithReset, "emptyFunctionWithReset");
-emptyFunctionWithReset.resetWarningCache = emptyFunction;
-var factoryWithThrowingShims = /* @__PURE__ */ __name(function() {
-  function shim(props, propName, componentName, location2, propFullName, secret) {
-    if (secret === ReactPropTypesSecret) {
-      return;
+var ReactPropTypesSecret_1;
+var hasRequiredReactPropTypesSecret;
+function requireReactPropTypesSecret() {
+  if (hasRequiredReactPropTypesSecret) return ReactPropTypesSecret_1;
+  hasRequiredReactPropTypesSecret = 1;
+  var ReactPropTypesSecret = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
+  ReactPropTypesSecret_1 = ReactPropTypesSecret;
+  return ReactPropTypesSecret_1;
+}
+__name(requireReactPropTypesSecret, "requireReactPropTypesSecret");
+var factoryWithThrowingShims;
+var hasRequiredFactoryWithThrowingShims;
+function requireFactoryWithThrowingShims() {
+  if (hasRequiredFactoryWithThrowingShims) return factoryWithThrowingShims;
+  hasRequiredFactoryWithThrowingShims = 1;
+  var ReactPropTypesSecret = requireReactPropTypesSecret();
+  function emptyFunction() {
+  }
+  __name(emptyFunction, "emptyFunction");
+  function emptyFunctionWithReset() {
+  }
+  __name(emptyFunctionWithReset, "emptyFunctionWithReset");
+  emptyFunctionWithReset.resetWarningCache = emptyFunction;
+  factoryWithThrowingShims = /* @__PURE__ */ __name(function() {
+    function shim(props, propName, componentName, location2, propFullName, secret) {
+      if (secret === ReactPropTypesSecret) {
+        return;
+      }
+      var err = new Error(
+        "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
+      );
+      err.name = "Invariant Violation";
+      throw err;
     }
-    var err = new Error(
-      "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
-    );
-    err.name = "Invariant Violation";
-    throw err;
+    __name(shim, "shim");
+    shim.isRequired = shim;
+    function getShim() {
+      return shim;
+    }
+    __name(getShim, "getShim");
+    var ReactPropTypes = {
+      array: shim,
+      bigint: shim,
+      bool: shim,
+      func: shim,
+      number: shim,
+      object: shim,
+      string: shim,
+      symbol: shim,
+      any: shim,
+      arrayOf: getShim,
+      element: shim,
+      elementType: shim,
+      instanceOf: getShim,
+      node: shim,
+      objectOf: getShim,
+      oneOf: getShim,
+      oneOfType: getShim,
+      shape: getShim,
+      exact: getShim,
+      checkPropTypes: emptyFunctionWithReset,
+      resetWarningCache: emptyFunction
+    };
+    ReactPropTypes.PropTypes = ReactPropTypes;
+    return ReactPropTypes;
+  }, "factoryWithThrowingShims");
+  return factoryWithThrowingShims;
+}
+__name(requireFactoryWithThrowingShims, "requireFactoryWithThrowingShims");
+var hasRequiredPropTypes;
+function requirePropTypes() {
+  if (hasRequiredPropTypes) return propTypes$1.exports;
+  hasRequiredPropTypes = 1;
+  {
+    propTypes$1.exports = requireFactoryWithThrowingShims()();
   }
-  __name(shim, "shim");
-  shim.isRequired = shim;
-  function getShim() {
-    return shim;
-  }
-  __name(getShim, "getShim");
-  var ReactPropTypes = {
-    array: shim,
-    bigint: shim,
-    bool: shim,
-    func: shim,
-    number: shim,
-    object: shim,
-    string: shim,
-    symbol: shim,
-    any: shim,
-    arrayOf: getShim,
-    element: shim,
-    elementType: shim,
-    instanceOf: getShim,
-    node: shim,
-    objectOf: getShim,
-    oneOf: getShim,
-    oneOfType: getShim,
-    shape: getShim,
-    exact: getShim,
-    checkPropTypes: emptyFunctionWithReset,
-    resetWarningCache: emptyFunction
-  };
-  ReactPropTypes.PropTypes = ReactPropTypes;
-  return ReactPropTypes;
-}, "factoryWithThrowingShims");
-{
-  propTypes$1.exports = factoryWithThrowingShims();
+  return propTypes$1.exports;
 }
-var propTypesExports = propTypes$1.exports;
+__name(requirePropTypes, "requirePropTypes");
+var propTypesExports = requirePropTypes();
 const PropTypes$1 = /* @__PURE__ */ getDefaultExportFromCjs(propTypesExports);
 function __awaiter(thisArg, _arguments, P2, generator) {
   function adopt(value) {
@@ -13360,7 +13383,7 @@ var reactList = {};
 (function(exports2) {
   (function(global2, factory) {
     {
-      factory(exports2, propTypesExports, React$1);
+      factory(exports2, requirePropTypes(), React$1);
     }
   })(commonjsGlobal, function(_exports, _propTypes2, _react3) {
     Object.defineProperty(_exports, "__esModule", {
@@ -34426,6 +34449,7 @@ const multiViewColumn = __spreadProps(__spreadValues({}, viewColumn), {
     return /* @__PURE__ */ React$1.createElement(core.Tooltip, { content: allVisible ? "Hide All" : "Show All" }, /* @__PURE__ */ React$1.createElement(
       core.Button,
       {
+        className: `showHideAllButton-${allVisible ? "visible" : "hidden"}`,
         minimal: true,
         onClick: /* @__PURE__ */ __name(() => {
           setRecordIdToIsVisibleMap(
@@ -34462,6 +34486,7 @@ const multiViewColumn = __spreadProps(__spreadValues({}, viewColumn), {
         }, "onClick"),
         minimal: true,
         small: true,
+        className: `showHideButton-${isVisible ? "visible" : "hidden"}-${record.id}`,
         icon: isVisible ? "eye-open" : "eye-off"
       }
     ));
@@ -69978,7 +70003,7 @@ Object.defineProperty(DraggableCore$2, "__esModule", {
 });
 DraggableCore$2.default = void 0;
 var React = _interopRequireWildcard$1(React$1);
-var _propTypes = _interopRequireDefault$2(propTypesExports);
+var _propTypes = _interopRequireDefault$2(requirePropTypes());
 var _reactDom$1 = _interopRequireDefault$2(require$$2$1);
 var _domFns = domFns;
 var _positionFns = positionFns;
@@ -70383,7 +70408,7 @@ _defineProperty(DraggableCore$1, "defaultProps", {
   });
   exports2.default = void 0;
   var React2 = _interopRequireWildcard2(React$1);
-  var _propTypes2 = _interopRequireDefault2(propTypesExports);
+  var _propTypes2 = _interopRequireDefault2(requirePropTypes());
   var _reactDom2 = _interopRequireDefault2(require$$2$1);
   var _clsx = _interopRequireDefault2(require$$3);
   var _domFns2 = domFns;
@@ -73888,7 +73913,7 @@ var Transition$1 = {};
 const require$$2 = /* @__PURE__ */ getAugmentedNamespace(reactLifecyclesCompat_es);
 Transition$1.__esModule = true;
 Transition$1.default = Transition$1.EXITING = Transition$1.ENTERED = Transition$1.ENTERING = Transition$1.EXITED = Transition$1.UNMOUNTED = void 0;
-var PropTypes = _interopRequireWildcard(propTypesExports);
+var PropTypes = _interopRequireWildcard(requirePropTypes());
 var _react$1 = _interopRequireDefault$1(React$1);
 var _reactDom = _interopRequireDefault$1(require$$2$1);
 var _reactLifecyclesCompat = require$$2;
@@ -74204,7 +74229,7 @@ Transition$1.default = _default;
 (function(module2, exports2) {
   exports2.__esModule = true;
   exports2.default = void 0;
-  _interopRequireWildcard2(propTypesExports);
+  _interopRequireWildcard2(requirePropTypes());
   var _addClass = _interopRequireDefault2(addClassExports);
   var _removeClass = _interopRequireDefault2(removeClass);
   var _react3 = _interopRequireDefault2(React$1);
@@ -74485,7 +74510,7 @@ __name(getNextChildMapping, "getNextChildMapping");
 (function(module2, exports2) {
   exports2.__esModule = true;
   exports2.default = void 0;
-  var _propTypes2 = _interopRequireDefault2(propTypesExports);
+  var _propTypes2 = _interopRequireDefault2(requirePropTypes());
   var _react3 = _interopRequireDefault2(React$1);
   var _reactLifecyclesCompat2 = require$$2;
   var _ChildMapping = ChildMapping;
@@ -74636,7 +74661,7 @@ var TransitionGroupExports = TransitionGroup.exports;
 (function(module2, exports2) {
   exports2.__esModule = true;
   exports2.default = void 0;
-  _interopRequireDefault2(propTypesExports);
+  _interopRequireDefault2(requirePropTypes());
   var _react3 = _interopRequireDefault2(React$1);
   var _reactDom2 = require$$2$1;
   var _TransitionGroup2 = _interopRequireDefault2(TransitionGroupExports);

package/index.es.js

@@ -3097,63 +3097,86 @@ function getAugmentedNamespace(n2) {
 }
 __name(getAugmentedNamespace, "getAugmentedNamespace");
 var propTypes$1 = { exports: {} };
-var ReactPropTypesSecret$1 = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-var ReactPropTypesSecret_1 = ReactPropTypesSecret$1;
-var ReactPropTypesSecret = ReactPropTypesSecret_1;
-function emptyFunction() {
-}
-__name(emptyFunction, "emptyFunction");
-function emptyFunctionWithReset() {
-}
-__name(emptyFunctionWithReset, "emptyFunctionWithReset");
-emptyFunctionWithReset.resetWarningCache = emptyFunction;
-var factoryWithThrowingShims = /* @__PURE__ */ __name(function() {
-  function shim(props, propName, componentName, location2, propFullName, secret) {
-    if (secret === ReactPropTypesSecret) {
-      return;
+var ReactPropTypesSecret_1;
+var hasRequiredReactPropTypesSecret;
+function requireReactPropTypesSecret() {
+  if (hasRequiredReactPropTypesSecret) return ReactPropTypesSecret_1;
+  hasRequiredReactPropTypesSecret = 1;
+  var ReactPropTypesSecret = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
+  ReactPropTypesSecret_1 = ReactPropTypesSecret;
+  return ReactPropTypesSecret_1;
+}
+__name(requireReactPropTypesSecret, "requireReactPropTypesSecret");
+var factoryWithThrowingShims;
+var hasRequiredFactoryWithThrowingShims;
+function requireFactoryWithThrowingShims() {
+  if (hasRequiredFactoryWithThrowingShims) return factoryWithThrowingShims;
+  hasRequiredFactoryWithThrowingShims = 1;
+  var ReactPropTypesSecret = requireReactPropTypesSecret();
+  function emptyFunction() {
+  }
+  __name(emptyFunction, "emptyFunction");
+  function emptyFunctionWithReset() {
+  }
+  __name(emptyFunctionWithReset, "emptyFunctionWithReset");
+  emptyFunctionWithReset.resetWarningCache = emptyFunction;
+  factoryWithThrowingShims = /* @__PURE__ */ __name(function() {
+    function shim(props, propName, componentName, location2, propFullName, secret) {
+      if (secret === ReactPropTypesSecret) {
+        return;
+      }
+      var err = new Error(
+        "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
+      );
+      err.name = "Invariant Violation";
+      throw err;
     }
-    var err = new Error(
-      "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
-    );
-    err.name = "Invariant Violation";
-    throw err;
+    __name(shim, "shim");
+    shim.isRequired = shim;
+    function getShim() {
+      return shim;
+    }
+    __name(getShim, "getShim");
+    var ReactPropTypes = {
+      array: shim,
+      bigint: shim,
+      bool: shim,
+      func: shim,
+      number: shim,
+      object: shim,
+      string: shim,
+      symbol: shim,
+      any: shim,
+      arrayOf: getShim,
+      element: shim,
+      elementType: shim,
+      instanceOf: getShim,
+      node: shim,
+      objectOf: getShim,
+      oneOf: getShim,
+      oneOfType: getShim,
+      shape: getShim,
+      exact: getShim,
+      checkPropTypes: emptyFunctionWithReset,
+      resetWarningCache: emptyFunction
+    };
+    ReactPropTypes.PropTypes = ReactPropTypes;
+    return ReactPropTypes;
+  }, "factoryWithThrowingShims");
+  return factoryWithThrowingShims;
+}
+__name(requireFactoryWithThrowingShims, "requireFactoryWithThrowingShims");
+var hasRequiredPropTypes;
+function requirePropTypes() {
+  if (hasRequiredPropTypes) return propTypes$1.exports;
+  hasRequiredPropTypes = 1;
+  {
+    propTypes$1.exports = requireFactoryWithThrowingShims()();
   }
-  __name(shim, "shim");
-  shim.isRequired = shim;
-  function getShim() {
-    return shim;
-  }
-  __name(getShim, "getShim");
-  var ReactPropTypes = {
-    array: shim,
-    bigint: shim,
-    bool: shim,
-    func: shim,
-    number: shim,
-    object: shim,
-    string: shim,
-    symbol: shim,
-    any: shim,
-    arrayOf: getShim,
-    element: shim,
-    elementType: shim,
-    instanceOf: getShim,
-    node: shim,
-    objectOf: getShim,
-    oneOf: getShim,
-    oneOfType: getShim,
-    shape: getShim,
-    exact: getShim,
-    checkPropTypes: emptyFunctionWithReset,
-    resetWarningCache: emptyFunction
-  };
-  ReactPropTypes.PropTypes = ReactPropTypes;
-  return ReactPropTypes;
-}, "factoryWithThrowingShims");
-{
-  propTypes$1.exports = factoryWithThrowingShims();
+  return propTypes$1.exports;
 }
-var propTypesExports = propTypes$1.exports;
+__name(requirePropTypes, "requirePropTypes");
+var propTypesExports = requirePropTypes();
 const PropTypes$1 = /* @__PURE__ */ getDefaultExportFromCjs(propTypesExports);
 function __awaiter(thisArg, _arguments, P2, generator) {
   function adopt(value) {
@@ -13342,7 +13365,7 @@ var reactList = {};
 (function(exports2) {
   (function(global2, factory) {
     {
-      factory(exports2, propTypesExports, React__default);
+      factory(exports2, requirePropTypes(), React__default);
     }
   })(commonjsGlobal, function(_exports, _propTypes2, _react3) {
     Object.defineProperty(_exports, "__esModule", {
@@ -34408,6 +34431,7 @@ const multiViewColumn = __spreadProps(__spreadValues({}, viewColumn), {
     return /* @__PURE__ */ React__default.createElement(Tooltip, { content: allVisible ? "Hide All" : "Show All" }, /* @__PURE__ */ React__default.createElement(
       Button,
       {
+        className: `showHideAllButton-${allVisible ? "visible" : "hidden"}`,
         minimal: true,
         onClick: /* @__PURE__ */ __name(() => {
           setRecordIdToIsVisibleMap(
@@ -34444,6 +34468,7 @@ const multiViewColumn = __spreadProps(__spreadValues({}, viewColumn), {
         }, "onClick"),
         minimal: true,
         small: true,
+        className: `showHideButton-${isVisible ? "visible" : "hidden"}-${record.id}`,
         icon: isVisible ? "eye-open" : "eye-off"
       }
     ));
@@ -69960,7 +69985,7 @@ Object.defineProperty(DraggableCore$2, "__esModule", {
 });
 DraggableCore$2.default = void 0;
 var React = _interopRequireWildcard$1(React__default);
-var _propTypes = _interopRequireDefault$2(propTypesExports);
+var _propTypes = _interopRequireDefault$2(requirePropTypes());
 var _reactDom$1 = _interopRequireDefault$2(require$$2$1);
 var _domFns = domFns;
 var _positionFns = positionFns;
@@ -70365,7 +70390,7 @@ _defineProperty(DraggableCore$1, "defaultProps", {
   });
   exports2.default = void 0;
   var React2 = _interopRequireWildcard2(React__default);
-  var _propTypes2 = _interopRequireDefault2(propTypesExports);
+  var _propTypes2 = _interopRequireDefault2(requirePropTypes());
   var _reactDom2 = _interopRequireDefault2(require$$2$1);
   var _clsx = _interopRequireDefault2(require$$3);
   var _domFns2 = domFns;
@@ -73870,7 +73895,7 @@ var Transition$1 = {};
 const require$$2 = /* @__PURE__ */ getAugmentedNamespace(reactLifecyclesCompat_es);
 Transition$1.__esModule = true;
 Transition$1.default = Transition$1.EXITING = Transition$1.ENTERED = Transition$1.ENTERING = Transition$1.EXITED = Transition$1.UNMOUNTED = void 0;
-var PropTypes = _interopRequireWildcard(propTypesExports);
+var PropTypes = _interopRequireWildcard(requirePropTypes());
 var _react$1 = _interopRequireDefault$1(React__default);
 var _reactDom = _interopRequireDefault$1(require$$2$1);
 var _reactLifecyclesCompat = require$$2;
@@ -74186,7 +74211,7 @@ Transition$1.default = _default;
 (function(module2, exports2) {
   exports2.__esModule = true;
   exports2.default = void 0;
-  _interopRequireWildcard2(propTypesExports);
+  _interopRequireWildcard2(requirePropTypes());
   var _addClass = _interopRequireDefault2(addClassExports);
   var _removeClass = _interopRequireDefault2(removeClass);
   var _react3 = _interopRequireDefault2(React__default);
@@ -74467,7 +74492,7 @@ __name(getNextChildMapping, "getNextChildMapping");
 (function(module2, exports2) {
   exports2.__esModule = true;
   exports2.default = void 0;
-  var _propTypes2 = _interopRequireDefault2(propTypesExports);
+  var _propTypes2 = _interopRequireDefault2(requirePropTypes());
   var _react3 = _interopRequireDefault2(React__default);
   var _reactLifecyclesCompat2 = require$$2;
   var _ChildMapping = ChildMapping;
@@ -74618,7 +74643,7 @@ var TransitionGroupExports = TransitionGroup.exports;
 (function(module2, exports2) {
   exports2.__esModule = true;
   exports2.default = void 0;
-  _interopRequireDefault2(propTypesExports);
+  _interopRequireDefault2(requirePropTypes());
   var _react3 = _interopRequireDefault2(React__default);
   var _reactDom2 = require$$2$1;
   var _TransitionGroup2 = _interopRequireDefault2(TransitionGroupExports);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teselagen/ui",
-  "version": "0.7.19",
+  "version": "0.7.20",
   "main": "./src/index.js",
   "type": "module",
   "exports": {

package/src/DataTable/viewColumn.js

@@ -45,6 +45,7 @@ export const multiViewColumn = {
     return (
       <Tooltip content={allVisible ? "Hide All" : "Show All"}>
         <Button
+          className={`showHideAllButton-${allVisible ? "visible" : "hidden"}`}
           minimal
           onClick={() => {
             setRecordIdToIsVisibleMap(
@@ -87,6 +88,7 @@ export const multiViewColumn = {
           }}
           minimal
           small
+          className={`showHideButton-${isVisible ? "visible" : "hidden"}-${record.id}`}
           icon={isVisible ? "eye-open" : "eye-off"}
         />
       </Tooltip>