@app-studio/web 0.3.3 → 0.3.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -9,7 +9,7 @@ var React__default = _interopDefault(React);
9
9
  var appStudio = require('app-studio');
10
10
  var reactRouterDom = require('react-router-dom');
11
11
  var format = _interopDefault(require('date-fns/format'));
12
- var useModalStore = require('src/store/useModalStore');
12
+ var zustand = require('zustand');
13
13
 
14
14
  var useButtonState = function useButtonState() {
15
15
  var _React$useState = React__default.useState(false),
@@ -4301,6 +4301,34 @@ var LoaderComponent = function LoaderComponent(props) {
4301
4301
  */
4302
4302
  var Loader = LoaderComponent;
4303
4303
 
4304
+ var useModalStore = /*#__PURE__*/zustand.create(function (set) {
4305
+ return {
4306
+ isOpen: false,
4307
+ onClose: function onClose() {},
4308
+ toggleModal: function toggleModal() {
4309
+ return set(function (state) {
4310
+ return {
4311
+ isOpen: !state.isOpen
4312
+ };
4313
+ });
4314
+ },
4315
+ setOpen: function setOpen(isOpen) {
4316
+ return set(function () {
4317
+ return {
4318
+ isOpen: isOpen
4319
+ };
4320
+ });
4321
+ },
4322
+ setOnClose: function setOnClose(onClose) {
4323
+ return set(function () {
4324
+ return {
4325
+ onClose: onClose
4326
+ };
4327
+ });
4328
+ }
4329
+ };
4330
+ });
4331
+
4304
4332
  var ContainerShapes = {
4305
4333
  sharp: {
4306
4334
  borderRadius: 0
@@ -4354,10 +4382,10 @@ var ModalOverlay = function ModalOverlay(_ref) {
4354
4382
  _ref$position = _ref.position,
4355
4383
  position = _ref$position === void 0 ? 'center' : _ref$position,
4356
4384
  props = _objectWithoutPropertiesLoose(_ref, _excluded$s);
4357
- var setOpen = useModalStore.useModalStore(function (state) {
4385
+ var setOpen = useModalStore(function (state) {
4358
4386
  return state.setOpen;
4359
4387
  });
4360
- var setOnClose = useModalStore.useModalStore(function (state) {
4388
+ var setOnClose = useModalStore(function (state) {
4361
4389
  return state.setOnClose;
4362
4390
  });
4363
4391
  React.useEffect(function () {
@@ -4432,7 +4460,7 @@ var ModalHeader = function ModalHeader(_ref3) {
4432
4460
  _ref3$buttonPosition = _ref3.buttonPosition,
4433
4461
  buttonPosition = _ref3$buttonPosition === void 0 ? 'right' : _ref3$buttonPosition,
4434
4462
  props = _objectWithoutPropertiesLoose(_ref3, _excluded3$2);
4435
- var onClose = useModalStore.useModalStore(function (state) {
4463
+ var onClose = useModalStore(function (state) {
4436
4464
  return state.onClose;
4437
4465
  });
4438
4466
  var buttonIcon = React__default.createElement(Button, {