@panneau/core 2.0.69 → 2.0.75

package/es/hooks.js

@@ -889,6 +889,45 @@ var useResourceUrlGenerator = function useResourceUrlGenerator() {
   };
 };
 
+var useResourceQuery = function useResourceQuery() {
+  var initialValues = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+  var paginated = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+  var initialQuery = useMemo(function () {
+    return paginated ? _objectSpread({
+      page: 1,
+      count: 10
+    }, initialValues) : initialValues || null;
+  }, [paginated, initialValues]);
+  var _useState = useState(initialQuery),
+    _useState2 = _slicedToArray(_useState, 2),
+    query = _useState2[0],
+    setQuery = _useState2[1];
+  useEffect(function () {
+    setQuery(initialQuery);
+  }, [initialQuery, setQuery]);
+  var onPageChange = useCallback(function (newPage) {
+    setQuery(_objectSpread(_objectSpread({}, query), {}, {
+      page: newPage || 1
+    }));
+  }, [query, setQuery]);
+  var onQueryChange = useCallback(function (newQuery) {
+    var finalQuery = newQuery !== null ? Object.keys(newQuery).reduce(function (currentQuery, key) {
+      var val = newQuery[key];
+      return val !== null ? _objectSpread(_objectSpread({}, currentQuery), {}, _defineProperty({}, key, val)) : currentQuery;
+    }, null) : null;
+    setQuery(finalQuery);
+  }, [query, setQuery]);
+  var onQueryReset = useCallback(function () {
+    setQuery(initialQuery);
+  }, [initialQuery, setQuery]);
+  return {
+    query: query,
+    onPageChange: onPageChange,
+    onQueryChange: onQueryChange,
+    onQueryReset: onQueryReset
+  };
+};
+
 var _excluded = ["width", "height"];
 var useScreenSize = function useScreenSize(_ref) {
   var _ref$width = _ref.width,
@@ -999,4 +1038,4 @@ var useScreenSizeFromWindow = function useScreenSizeFromWindow(opts) {
 var eventsManager = typeof window !== 'undefined' ? new EventsManager(window) : null;
 var useWindowEvent = createUseEvent(eventsManager);
 
-export { getObserver, useAnimationFrame, useDocumentEvent, useForm, useFormattedDate, useFormattedTime, useIntersectionObserver, useIsVisible, useLoadedFonts, useMediaApi, useMediasParser, useObserver, useResizeObserver, useResourceUrlGenerator, useScreenSizeFromElement, useScreenSizeFromWindow, useWindowEvent };
+export { getObserver, useAnimationFrame, useDocumentEvent, useForm, useFormattedDate, useFormattedTime, useIntersectionObserver, useIsVisible, useLoadedFonts, useMediaApi, useMediasParser, useObserver, useResizeObserver, useResourceQuery, useResourceUrlGenerator, useScreenSizeFromElement, useScreenSizeFromWindow, useWindowEvent };

package/es/index.js

@@ -10,6 +10,8 @@ import 'lodash/isNumber';
 import 'snake-case';
 import isObject from 'lodash/isObject';
 import 'react';
+import '@babel/runtime/helpers/regeneratorRuntime';
+import '@babel/runtime/helpers/asyncToGenerator';
 import { pascalCase } from 'change-case';
 import ReactIs from 'react-is';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';

package/es/utils.js

@@ -2,6 +2,8 @@ import isNumber from 'lodash/isNumber';
 import { snakeCase } from 'snake-case';
 import isObject from 'lodash/isObject';
 import { useEffect } from 'react';
+import _regeneratorRuntime from '@babel/runtime/helpers/regeneratorRuntime';
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import { pascalCase, paramCase, snakeCase as snakeCase$1 } from 'change-case';
 export { paramCase as dashCase, pascalCase, snakeCase } from 'change-case';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
@@ -56,6 +58,123 @@ var createUseEvent = function createUseEvent(eventsManager) {
   };
 };
 
+/*! clipboard-copy. MIT License. Feross Aboukhadijeh <https://feross.org/opensource> */
+
+// @note vendoring this: https://github.com/feross/clipboard-copy/blob/master/index.js
+// we might want to add that to the npm deps and just use it
+
+function makeError() {
+  return new DOMException('The request is not allowed', 'NotAllowedError');
+}
+function copyClipboardApi(_x) {
+  return _copyClipboardApi.apply(this, arguments);
+}
+function _copyClipboardApi() {
+  _copyClipboardApi = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(text) {
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          if (navigator.clipboard) {
+            _context.next = 2;
+            break;
+          }
+          throw makeError();
+        case 2:
+          return _context.abrupt("return", navigator.clipboard.writeText(text));
+        case 3:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return _copyClipboardApi.apply(this, arguments);
+}
+function copyExecCommand(_x2) {
+  return _copyExecCommand.apply(this, arguments);
+}
+function _copyExecCommand() {
+  _copyExecCommand = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(text) {
+    var span, selection, range, success;
+    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          // Put the text to copy into a <span>
+          span = document.createElement('span');
+          span.textContent = text;
+
+          // Preserve consecutive spaces and newlines
+          span.style.whiteSpace = 'pre';
+          span.style.webkitUserSelect = 'auto';
+          span.style.userSelect = 'all';
+
+          // Add the <span> to the page
+          document.body.appendChild(span);
+
+          // Make a selection object representing the range of text selected by the user
+          selection = window.getSelection();
+          range = window.document.createRange();
+          selection.removeAllRanges();
+          range.selectNode(span);
+          selection.addRange(range);
+
+          // Copy text to the clipboard
+          success = false;
+          try {
+            success = window.document.execCommand('copy');
+          } finally {
+            // Cleanup
+            selection.removeAllRanges();
+            window.document.body.removeChild(span);
+          }
+          if (success) {
+            _context2.next = 15;
+            break;
+          }
+          throw makeError();
+        case 15:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  }));
+  return _copyExecCommand.apply(this, arguments);
+}
+function copyToClipboard(_x3) {
+  return _copyToClipboard.apply(this, arguments);
+}
+function _copyToClipboard() {
+  _copyToClipboard = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(text) {
+    return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          _context3.prev = 0;
+          _context3.next = 3;
+          return copyClipboardApi(text);
+        case 3:
+          _context3.next = 15;
+          break;
+        case 5:
+          _context3.prev = 5;
+          _context3.t0 = _context3["catch"](0);
+          _context3.prev = 7;
+          _context3.next = 10;
+          return copyExecCommand(text);
+        case 10:
+          _context3.next = 15;
+          break;
+        case 12:
+          _context3.prev = 12;
+          _context3.t1 = _context3["catch"](7);
+          throw _context3.t1 || _context3.t0 || makeError();
+        case 15:
+        case "end":
+          return _context3.stop();
+      }
+    }, _callee3, null, [[0, 5], [7, 12]]);
+  }));
+  return _copyToClipboard.apply(this, arguments);
+}
+
 var flattenComponents = function flattenComponents(components) {
   var prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
   if (components === null) {
@@ -330,4 +449,4 @@ var validateFields = function validateFields(fields, value) {
   }, true);
 };
 
-export { convertStyleToString, createNullableOnChange, createUseEvent, flattenComponents, getColumnsWithFields, getComponent, getComponentFromName, getDefinitionFromId, getDisplayName, getFieldByName, getFieldFromPath, getFileName, getPathValue, getSelectOptions, isMessage, loadPackage, setValue as setFieldValue, slug, validateFields };
+export { convertStyleToString, copyToClipboard, createNullableOnChange, createUseEvent, flattenComponents, getColumnsWithFields, getComponent, getComponentFromName, getDefinitionFromId, getDisplayName, getFieldByName, getFieldFromPath, getFileName, getPathValue, getSelectOptions, isMessage, loadPackage, setValue as setFieldValue, slug, validateFields };

package/lib/hooks.js

@@ -924,6 +924,45 @@ var useResourceUrlGenerator = function useResourceUrlGenerator() {
   };
 };
 
+var useResourceQuery = function useResourceQuery() {
+  var initialValues = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+  var paginated = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+  var initialQuery = react.useMemo(function () {
+    return paginated ? _objectSpread__default["default"]({
+      page: 1,
+      count: 10
+    }, initialValues) : initialValues || null;
+  }, [paginated, initialValues]);
+  var _useState = react.useState(initialQuery),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    query = _useState2[0],
+    setQuery = _useState2[1];
+  react.useEffect(function () {
+    setQuery(initialQuery);
+  }, [initialQuery, setQuery]);
+  var onPageChange = react.useCallback(function (newPage) {
+    setQuery(_objectSpread__default["default"](_objectSpread__default["default"]({}, query), {}, {
+      page: newPage || 1
+    }));
+  }, [query, setQuery]);
+  var onQueryChange = react.useCallback(function (newQuery) {
+    var finalQuery = newQuery !== null ? Object.keys(newQuery).reduce(function (currentQuery, key) {
+      var val = newQuery[key];
+      return val !== null ? _objectSpread__default["default"](_objectSpread__default["default"]({}, currentQuery), {}, _defineProperty__default["default"]({}, key, val)) : currentQuery;
+    }, null) : null;
+    setQuery(finalQuery);
+  }, [query, setQuery]);
+  var onQueryReset = react.useCallback(function () {
+    setQuery(initialQuery);
+  }, [initialQuery, setQuery]);
+  return {
+    query: query,
+    onPageChange: onPageChange,
+    onQueryChange: onQueryChange,
+    onQueryReset: onQueryReset
+  };
+};
+
 var _excluded = ["width", "height"];
 var useScreenSize = function useScreenSize(_ref) {
   var _ref$width = _ref.width,
@@ -1047,6 +1086,7 @@ exports.useMediaApi = useMediaApi;
 exports.useMediasParser = useMediasParser;
 exports.useObserver = useObserver;
 exports.useResizeObserver = useResizeObserver;
+exports.useResourceQuery = useResourceQuery;
 exports.useResourceUrlGenerator = useResourceUrlGenerator;
 exports.useScreenSizeFromElement = useScreenSizeFromElement;
 exports.useScreenSizeFromWindow = useScreenSizeFromWindow;

package/lib/index.js

@@ -14,6 +14,8 @@ require('lodash/isNumber');
 require('snake-case');
 var isObject = require('lodash/isObject');
 require('react');
+require('@babel/runtime/helpers/regeneratorRuntime');
+require('@babel/runtime/helpers/asyncToGenerator');
 var changeCase = require('change-case');
 var ReactIs = require('react-is');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');

package/lib/utils.js

@@ -6,6 +6,8 @@ var isNumber = require('lodash/isNumber');
 var snakeCase = require('snake-case');
 var isObject = require('lodash/isObject');
 var react = require('react');
+var _regeneratorRuntime = require('@babel/runtime/helpers/regeneratorRuntime');
+var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
 var changeCase = require('change-case');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
@@ -23,6 +25,8 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var isNumber__default = /*#__PURE__*/_interopDefaultLegacy(isNumber);
 var isObject__default = /*#__PURE__*/_interopDefaultLegacy(isObject);
+var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultLegacy(_regeneratorRuntime);
+var _asyncToGenerator__default = /*#__PURE__*/_interopDefaultLegacy(_asyncToGenerator);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _objectSpread__default = /*#__PURE__*/_interopDefaultLegacy(_objectSpread);
 var ReactIs__default = /*#__PURE__*/_interopDefaultLegacy(ReactIs);
@@ -75,6 +79,123 @@ var createUseEvent = function createUseEvent(eventsManager) {
   };
 };
 
+/*! clipboard-copy. MIT License. Feross Aboukhadijeh <https://feross.org/opensource> */
+
+// @note vendoring this: https://github.com/feross/clipboard-copy/blob/master/index.js
+// we might want to add that to the npm deps and just use it
+
+function makeError() {
+  return new DOMException('The request is not allowed', 'NotAllowedError');
+}
+function copyClipboardApi(_x) {
+  return _copyClipboardApi.apply(this, arguments);
+}
+function _copyClipboardApi() {
+  _copyClipboardApi = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"]().mark(function _callee(text) {
+    return _regeneratorRuntime__default["default"]().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          if (navigator.clipboard) {
+            _context.next = 2;
+            break;
+          }
+          throw makeError();
+        case 2:
+          return _context.abrupt("return", navigator.clipboard.writeText(text));
+        case 3:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return _copyClipboardApi.apply(this, arguments);
+}
+function copyExecCommand(_x2) {
+  return _copyExecCommand.apply(this, arguments);
+}
+function _copyExecCommand() {
+  _copyExecCommand = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"]().mark(function _callee2(text) {
+    var span, selection, range, success;
+    return _regeneratorRuntime__default["default"]().wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          // Put the text to copy into a <span>
+          span = document.createElement('span');
+          span.textContent = text;
+
+          // Preserve consecutive spaces and newlines
+          span.style.whiteSpace = 'pre';
+          span.style.webkitUserSelect = 'auto';
+          span.style.userSelect = 'all';
+
+          // Add the <span> to the page
+          document.body.appendChild(span);
+
+          // Make a selection object representing the range of text selected by the user
+          selection = window.getSelection();
+          range = window.document.createRange();
+          selection.removeAllRanges();
+          range.selectNode(span);
+          selection.addRange(range);
+
+          // Copy text to the clipboard
+          success = false;
+          try {
+            success = window.document.execCommand('copy');
+          } finally {
+            // Cleanup
+            selection.removeAllRanges();
+            window.document.body.removeChild(span);
+          }
+          if (success) {
+            _context2.next = 15;
+            break;
+          }
+          throw makeError();
+        case 15:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  }));
+  return _copyExecCommand.apply(this, arguments);
+}
+function copyToClipboard(_x3) {
+  return _copyToClipboard.apply(this, arguments);
+}
+function _copyToClipboard() {
+  _copyToClipboard = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"]().mark(function _callee3(text) {
+    return _regeneratorRuntime__default["default"]().wrap(function _callee3$(_context3) {
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          _context3.prev = 0;
+          _context3.next = 3;
+          return copyClipboardApi(text);
+        case 3:
+          _context3.next = 15;
+          break;
+        case 5:
+          _context3.prev = 5;
+          _context3.t0 = _context3["catch"](0);
+          _context3.prev = 7;
+          _context3.next = 10;
+          return copyExecCommand(text);
+        case 10:
+          _context3.next = 15;
+          break;
+        case 12:
+          _context3.prev = 12;
+          _context3.t1 = _context3["catch"](7);
+          throw _context3.t1 || _context3.t0 || makeError();
+        case 15:
+        case "end":
+          return _context3.stop();
+      }
+    }, _callee3, null, [[0, 5], [7, 12]]);
+  }));
+  return _copyToClipboard.apply(this, arguments);
+}
+
 var flattenComponents = function flattenComponents(components) {
   var prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
   if (components === null) {
@@ -362,6 +483,7 @@ Object.defineProperty(exports, 'snakeCase', {
     get: function () { return changeCase.snakeCase; }
 });
 exports.convertStyleToString = convertStyleToString;
+exports.copyToClipboard = copyToClipboard;
 exports.createNullableOnChange = createNullableOnChange;
 exports.createUseEvent = createUseEvent;
 exports.flattenComponents = flattenComponents;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/core",
-    "version": "2.0.69",
+    "version": "2.0.75",
     "description": "",
     "keywords": [
         "javascript"
@@ -114,5 +114,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "270c1e84966861e94a390d20ee525c33f7edadb0"
+    "gitHead": "2b0ca89c848915cdafd65de777882516ae3df88e"
 }