@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.
- package/dist/web.cjs.development.js +32 -4
- package/dist/web.cjs.development.js.map +1 -1
- package/dist/web.cjs.production.min.js +1 -1
- package/dist/web.cjs.production.min.js.map +1 -1
- package/dist/web.esm.js +29 -1
- package/dist/web.esm.js.map +1 -1
- package/package.json +5 -4
- /package/dist/{store/useModalStore.d.ts → components/Modal/Modal/Modal.store.d.ts} +0 -0
|
@@ -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
|
|
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
|
|
4385
|
+
var setOpen = useModalStore(function (state) {
|
|
4358
4386
|
return state.setOpen;
|
|
4359
4387
|
});
|
|
4360
|
-
var setOnClose = useModalStore
|
|
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
|
|
4463
|
+
var onClose = useModalStore(function (state) {
|
|
4436
4464
|
return state.onClose;
|
|
4437
4465
|
});
|
|
4438
4466
|
var buttonIcon = React__default.createElement(Button, {
|