kui-utils 0.0.1

package/cjs/index.js

@@ -0,0 +1,66 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopNamespace(e) {
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n["default"] = e;
+    return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+function setRef(ref, value) {
+    if (typeof ref === "function") {
+        ref(value);
+    }
+    else if (ref) {
+        ref.current = value;
+    }
+}
+function useForkRef() {
+    var refs = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        refs[_i] = arguments[_i];
+    }
+    return React__namespace.useMemo(function () {
+        if (refs.every(function (ref) { return ref == null; })) {
+            return null;
+        }
+        return function (instance) {
+            refs.forEach(function (ref) {
+                setRef(ref, instance);
+            });
+        };
+    }, refs);
+}
+
+var useToggle = function (isModalOpen) {
+    if (isModalOpen === void 0) { isModalOpen = false; }
+    var _a = React.useState(isModalOpen), isOpen = _a[0], setIsOpen = _a[1];
+    var handleClose = function () {
+        setIsOpen(false);
+    };
+    var handleOpen = function () {
+        setIsOpen(true);
+    };
+    return [isOpen, handleOpen, handleClose];
+};
+
+exports.useForkRef = useForkRef;
+exports.useToggle = useToggle;
+//# sourceMappingURL=index.js.map

package/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../hooks/useForkRef.tsx","../../hooks/useToggle.ts"],"sourcesContent":["import * as React from \"react\"\n\nfunction setRef<T>(\n  ref:\n    | React.MutableRefObject<T | null>\n    | ((instance: T | null) => void)\n    | null\n    | undefined,\n  value: T | null\n): void {\n  if (typeof ref === \"function\") {\n    ref(value)\n  } else if (ref) {\n    ref.current = value\n  }\n}\n\nfunction useForkRef<Instance>(\n  ...refs: Array<React.Ref<Instance> | undefined>\n): React.RefCallback<Instance> | null {\n  return React.useMemo(() => {\n    if (refs.every((ref) => ref == null)) {\n      return null\n    }\n\n    return (instance) => {\n      refs.forEach((ref) => {\n        setRef(ref, instance)\n      })\n    }\n  }, refs)\n}\n\nexport default useForkRef\n","import { useState } from \"react\"\r\n\r\nconst useToggle: (\r\n  isModalOpen?: boolean\r\n) => [boolean, () => void, () => void] = (isModalOpen: boolean = false) => {\r\n  const [isOpen, setIsOpen] = useState(isModalOpen)\r\n\r\n  const handleClose = () => {\r\n    setIsOpen(false)\r\n  }\r\n\r\n  const handleOpen = () => {\r\n    setIsOpen(true)\r\n  }\r\n\r\n  return [isOpen, handleOpen, handleClose]\r\n}\r\n\r\nexport default useToggle\r\n"],"names":["React","useState"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,SAAS,MAAM,CACb,GAIa,EACb,KAAe,EAAA;AAEf,IAAA,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE;QAC7B,GAAG,CAAC,KAAK,CAAC,CAAA;AACX,KAAA;AAAM,SAAA,IAAI,GAAG,EAAE;AACd,QAAA,GAAG,CAAC,OAAO,GAAG,KAAK,CAAA;AACpB,KAAA;AACH,CAAC;AAED,SAAS,UAAU,GAAA;IACjB,IAA+C,IAAA,GAAA,EAAA,CAAA;SAA/C,IAA+C,EAAA,GAAA,CAAA,EAA/C,EAA+C,GAAA,SAAA,CAAA,MAAA,EAA/C,EAA+C,EAAA,EAAA;QAA/C,IAA+C,CAAA,EAAA,CAAA,GAAA,SAAA,CAAA,EAAA,CAAA,CAAA;;IAE/C,OAAOA,gBAAK,CAAC,OAAO,CAAC,YAAA;AACnB,QAAA,IAAI,IAAI,CAAC,KAAK,CAAC,UAAC,GAAG,EAAA,EAAK,OAAA,GAAG,IAAI,IAAI,CAAX,EAAW,CAAC,EAAE;AACpC,YAAA,OAAO,IAAI,CAAA;AACZ,SAAA;AAED,QAAA,OAAO,UAAC,QAAQ,EAAA;AACd,YAAA,IAAI,CAAC,OAAO,CAAC,UAAC,GAAG,EAAA;AACf,gBAAA,MAAM,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAA;AACvB,aAAC,CAAC,CAAA;AACJ,SAAC,CAAA;KACF,EAAE,IAAI,CAAC,CAAA;AACV;;AC7BM,IAAA,SAAS,GAE0B,UAAC,WAA4B,EAAA;AAA5B,IAAA,IAAA,WAAA,KAAA,KAAA,CAAA,EAAA,EAAA,WAA4B,GAAA,KAAA,CAAA,EAAA;IAC9D,IAAA,EAAA,GAAsBC,cAAQ,CAAC,WAAW,CAAC,EAA1C,MAAM,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,SAAS,GAAA,EAAA,CAAA,CAAA,CAAyB,CAAA;AAEjD,IAAA,IAAM,WAAW,GAAG,YAAA;QAClB,SAAS,CAAC,KAAK,CAAC,CAAA;AAClB,KAAC,CAAA;AAED,IAAA,IAAM,UAAU,GAAG,YAAA;QACjB,SAAS,CAAC,IAAI,CAAC,CAAA;AACjB,KAAC,CAAA;AAED,IAAA,OAAO,CAAC,MAAM,EAAE,UAAU,EAAE,WAAW,CAAC,CAAA;AAC1C;;;;;"}

package/index.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+
+declare function useForkRef<Instance>(...refs: Array<React.Ref<Instance> | undefined>): React.RefCallback<Instance> | null;
+
+declare const useToggle: (isModalOpen?: boolean) => [boolean, () => void, () => void];
+
+export { useForkRef, useToggle };

package/index.js

@@ -0,0 +1,42 @@
+import * as React from 'react';
+import { useState } from 'react';
+
+function setRef(ref, value) {
+    if (typeof ref === "function") {
+        ref(value);
+    }
+    else if (ref) {
+        ref.current = value;
+    }
+}
+function useForkRef() {
+    var refs = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        refs[_i] = arguments[_i];
+    }
+    return React.useMemo(function () {
+        if (refs.every(function (ref) { return ref == null; })) {
+            return null;
+        }
+        return function (instance) {
+            refs.forEach(function (ref) {
+                setRef(ref, instance);
+            });
+        };
+    }, refs);
+}
+
+var useToggle = function (isModalOpen) {
+    if (isModalOpen === void 0) { isModalOpen = false; }
+    var _a = useState(isModalOpen), isOpen = _a[0], setIsOpen = _a[1];
+    var handleClose = function () {
+        setIsOpen(false);
+    };
+    var handleOpen = function () {
+        setIsOpen(true);
+    };
+    return [isOpen, handleOpen, handleClose];
+};
+
+export { useForkRef, useToggle };
+//# sourceMappingURL=index.js.map

package/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../hooks/useForkRef.tsx","../hooks/useToggle.ts"],"sourcesContent":["import * as React from \"react\"\n\nfunction setRef<T>(\n  ref:\n    | React.MutableRefObject<T | null>\n    | ((instance: T | null) => void)\n    | null\n    | undefined,\n  value: T | null\n): void {\n  if (typeof ref === \"function\") {\n    ref(value)\n  } else if (ref) {\n    ref.current = value\n  }\n}\n\nfunction useForkRef<Instance>(\n  ...refs: Array<React.Ref<Instance> | undefined>\n): React.RefCallback<Instance> | null {\n  return React.useMemo(() => {\n    if (refs.every((ref) => ref == null)) {\n      return null\n    }\n\n    return (instance) => {\n      refs.forEach((ref) => {\n        setRef(ref, instance)\n      })\n    }\n  }, refs)\n}\n\nexport default useForkRef\n","import { useState } from \"react\"\r\n\r\nconst useToggle: (\r\n  isModalOpen?: boolean\r\n) => [boolean, () => void, () => void] = (isModalOpen: boolean = false) => {\r\n  const [isOpen, setIsOpen] = useState(isModalOpen)\r\n\r\n  const handleClose = () => {\r\n    setIsOpen(false)\r\n  }\r\n\r\n  const handleOpen = () => {\r\n    setIsOpen(true)\r\n  }\r\n\r\n  return [isOpen, handleOpen, handleClose]\r\n}\r\n\r\nexport default useToggle\r\n"],"names":[],"mappings":";;;AAEA,SAAS,MAAM,CACb,GAIa,EACb,KAAe,EAAA;AAEf,IAAA,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE;QAC7B,GAAG,CAAC,KAAK,CAAC,CAAA;AACX,KAAA;AAAM,SAAA,IAAI,GAAG,EAAE;AACd,QAAA,GAAG,CAAC,OAAO,GAAG,KAAK,CAAA;AACpB,KAAA;AACH,CAAC;AAED,SAAS,UAAU,GAAA;IACjB,IAA+C,IAAA,GAAA,EAAA,CAAA;SAA/C,IAA+C,EAAA,GAAA,CAAA,EAA/C,EAA+C,GAAA,SAAA,CAAA,MAAA,EAA/C,EAA+C,EAAA,EAAA;QAA/C,IAA+C,CAAA,EAAA,CAAA,GAAA,SAAA,CAAA,EAAA,CAAA,CAAA;;IAE/C,OAAO,KAAK,CAAC,OAAO,CAAC,YAAA;AACnB,QAAA,IAAI,IAAI,CAAC,KAAK,CAAC,UAAC,GAAG,EAAA,EAAK,OAAA,GAAG,IAAI,IAAI,CAAX,EAAW,CAAC,EAAE;AACpC,YAAA,OAAO,IAAI,CAAA;AACZ,SAAA;AAED,QAAA,OAAO,UAAC,QAAQ,EAAA;AACd,YAAA,IAAI,CAAC,OAAO,CAAC,UAAC,GAAG,EAAA;AACf,gBAAA,MAAM,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAA;AACvB,aAAC,CAAC,CAAA;AACJ,SAAC,CAAA;KACF,EAAE,IAAI,CAAC,CAAA;AACV;;AC7BM,IAAA,SAAS,GAE0B,UAAC,WAA4B,EAAA;AAA5B,IAAA,IAAA,WAAA,KAAA,KAAA,CAAA,EAAA,EAAA,WAA4B,GAAA,KAAA,CAAA,EAAA;IAC9D,IAAA,EAAA,GAAsB,QAAQ,CAAC,WAAW,CAAC,EAA1C,MAAM,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,SAAS,GAAA,EAAA,CAAA,CAAA,CAAyB,CAAA;AAEjD,IAAA,IAAM,WAAW,GAAG,YAAA;QAClB,SAAS,CAAC,KAAK,CAAC,CAAA;AAClB,KAAC,CAAA;AAED,IAAA,IAAM,UAAU,GAAG,YAAA;QACjB,SAAS,CAAC,IAAI,CAAC,CAAA;AACjB,KAAC,CAAA;AAED,IAAA,OAAO,CAAC,MAAM,EAAE,UAAU,EAAE,WAAW,CAAC,CAAA;AAC1C;;;;"}

package/package.json

@@ -0,0 +1,19 @@
+{
+  "name": "kui-utils",
+  "version": "0.0.1",
+  "description": "",
+  "main": "./cjs/index.js",
+  "types": "./index.d.ts",
+  "module": "./index.js",
+  "scripts": {
+    "build": "npm run buildpackage && npm run copypackage",
+    "start": "rollup -c -w",
+    "predeploy": "cd example && npm install && npm run build",
+    "lint:css": "stylelint src/**/*.js",
+    "buildpackage": "rollup -c",
+    "copypackage": "node ../../utils/copy-package.js",
+    "dist": "cd dist && npm publish"
+  },
+  "author": "",
+  "license": "ISC"
+}