@spaced-out/ui-design-system 0.1.44-beta.0 → 0.1.45

package/.cspell/custom-words.txt

@@ -1,8 +1,9 @@
 amet
 Anant
 argstable
-atleast
 ashwini-sensehq
+Ashwini
+atleast
 autodocs
 circlehollow
 CODEOWNERS

package/.storybook/manager-head.html

@@ -5,6 +5,7 @@
   name="viewport"
   content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
 />
+<!-- Fetch fontawesome from the cdn -->
 <link
   rel="icon"
   sizes="any"

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.1.45](https://github.com/spaced-out/ui-design-system/compare/v0.1.44...v0.1.45) (2023-08-29)
+
+
+### Bug Fixes
+
+* add use modal hook ([#139](https://github.com/spaced-out/ui-design-system/issues/139)) ([bf5a6a9](https://github.com/spaced-out/ui-design-system/commit/bf5a6a99f3fcefb8493f33e0a1a188a5cb619799))
+
+### [0.1.44](https://github.com/spaced-out/ui-design-system/compare/v0.1.44-beta.0...v0.1.44) (2023-08-28)
+
+
+### Bug Fixes
+
+* added fa block in storybook ([e85eab9](https://github.com/spaced-out/ui-design-system/commit/e85eab9d47a79633dc738f11181465e266da9644))
+
 ### [0.1.44-beta.0](https://github.com/spaced-out/ui-design-system/compare/v0.1.43...v0.1.44-beta.0) (2023-08-28)
 
 

package/lib/hooks/index.js

@@ -47,6 +47,17 @@ Object.keys(_useLockedBody).forEach(function (key) {
     }
   });
 });
+var _useModal = require("./useModal");
+Object.keys(_useModal).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useModal[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useModal[key];
+    }
+  });
+});
 var _useMountTransition = require("./useMountTransition");
 Object.keys(_useMountTransition).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/lib/hooks/index.js.flow

@@ -4,6 +4,7 @@ export * from './useCopyToClipboard';
 export * from './useFileUpload';
 export * from './useInputState';
 export * from './useLockedBody';
+export * from './useModal';
 export * from './useMountTransition';
 export * from './usePagination';
 export * from './useToastPortal';

package/lib/hooks/useModal/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _useModal = require("./useModal");
+Object.keys(_useModal).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useModal[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useModal[key];
+    }
+  });
+});

package/lib/hooks/useModal/index.js.flow

@@ -0,0 +1,3 @@
+// @flow strict
+
+export * from './useModal';

package/lib/hooks/useModal/useModal.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useModal = void 0;
+var _react = require("react");
+
+const useModal = () => {
+  const [isOpen, setIsOpen] = (0, _react.useState)(false);
+  const [extras, setExtras] = (0, _react.useState)({});
+  const openModal = (0, _react.useCallback)(function () {
+    let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    setExtras(props);
+    setIsOpen(true);
+  }, []);
+  const closeModal = () => {
+    setIsOpen(false);
+    setExtras({});
+  };
+  return {
+    isOpen,
+    openModal,
+    closeModal,
+    extras
+  };
+};
+exports.useModal = useModal;

package/lib/hooks/useModal/useModal.js.flow

@@ -0,0 +1,34 @@
+// @flow strict
+
+import {useCallback, useState} from 'react';
+
+
+export type UseModalExtras = {
+  // TODO(Ashwini): Add type for extras
+  // $FlowFixMe
+  [key: string]: any,
+};
+
+export type UseModalReturnType = {
+  isOpen: boolean,
+  openModal: (extras?: UseModalExtras) => void,
+  closeModal: () => void,
+  extras: UseModalExtras,
+};
+
+export const useModal = (): UseModalReturnType => {
+  const [isOpen, setIsOpen] = useState(false);
+  const [extras, setExtras] = useState({});
+
+  const openModal = useCallback((props?: UseModalExtras = {}) => {
+    setExtras(props);
+    setIsOpen(true);
+  }, []);
+
+  const closeModal = () => {
+    setIsOpen(false);
+    setExtras({});
+  };
+
+  return {isOpen, openModal, closeModal, extras};
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spaced-out/ui-design-system",
-  "version": "0.1.44-beta.0",
+  "version": "0.1.45",
   "main": "index.js",
   "description": "Sense UI components library",
   "author": {