@digigov/ui 0.11.0 → 0.12.2

package/src/utils/withDeprecation.tsx

@@ -0,0 +1,97 @@
+import React from 'react';
+
+class DigigovError extends Error {
+  constructor(message) {
+    super(message); // (1)
+    this.name = 'DigigovError'; // (2)
+  }
+}
+const loggedDeprecations = new Set();
+export interface ErrorWarning {
+  /**
+   * Will log a warning if true.
+   */
+  warning?: string | true;
+  error?: string | true;
+}
+export interface PropValueDeprecations {
+  values?: Record<string, ErrorWarning>;
+}
+export type Deprecations = {
+  name: string;
+  rename?: string;
+  props?: Record<string, PropValueDeprecations & ErrorWarning>;
+} & ErrorWarning;
+const handleErrorWarning = (
+  componentName,
+  name: string,
+  { error, warning }: (PropValueDeprecations & ErrorWarning) | ErrorWarning,
+  type
+) => {
+  if (warning === true) {
+    console.warn(`⚠️  ${componentName}: ${name} ${type} will be deprecated.`);
+  } else if (typeof warning === 'string') {
+    console.warn(warning);
+  }
+  if (error === true) {
+    throw new DigigovError(
+      `${componentName}: !! ${name} ${type} is deprecated.`
+    );
+  } else if (typeof error === 'string') {
+    throw new DigigovError(
+      `Component \`${componentName}\` with \`${name}\` prop: ${error}`
+    );
+  }
+};
+export default function withDeprecation<Type>(
+  Component: Type,
+  deprecations: Deprecations
+): Type {
+  const componentName =
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    deprecations.name || Component.name || Component?.render?.name;
+  if(loggedDeprecations.has(componentName)){
+    return Component
+  }else{
+    loggedDeprecations.add(componentName)
+  }
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  // @ts-ignore
+  return function withDeprecationComponent(props) {
+    if (deprecations.rename) {
+      console.warn(
+        `♻️  ${componentName} is renamed to ${deprecations.rename}\n`
+      );
+    }
+    handleErrorWarning(componentName, componentName, deprecations, 'component');
+    if (deprecations.props) {
+      Object.keys(deprecations.props).forEach((propName) => {
+        const value = props[propName];
+        if (!value) {
+          return;
+        }
+        const propDeprecation = deprecations?.props?.[propName];
+        if (propDeprecation?.values?.[value]) {
+          return handleErrorWarning(
+            componentName,
+            `${propName} ${value}`,
+            propDeprecation?.values?.[value],
+            'property value'
+          );
+        }
+        if (propDeprecation?.error || propDeprecation?.warning) {
+          return handleErrorWarning(
+            componentName,
+            propName,
+            propDeprecation,
+            'property'
+          );
+        }
+      });
+    }
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    return <Component {...props} />;
+  };
+}

package/tsconfig.json

@@ -0,0 +1,18 @@
+{
+  "extends": "@digigov/cli-build/tsconfig.base",
+  "compilerOptions": {
+    "outDir": "dist",
+    "types": ["node", "jest", "react"]
+  },
+  "include": [
+    "src",
+    "src/custom.d.ts"
+  ],
+  "files": [
+    "src/custom.d.ts"
+  ],
+  "exclude": [
+    "node_modules",
+    "dist"
+  ]
+}

package/tsconfig.production.json

@@ -0,0 +1,27 @@
+{
+  "extends": "@digigov/cli-build/tsconfig.common",
+  "compilerOptions": {
+    "skipLibCheck": true,
+    "moduleResolution": "node",
+    "outDir": "dist",
+    "types": ["node", "jest", "react"],
+    "baseUrl": "./",
+    "paths": {
+      "@digigov/ui/*": ["./src/*"],
+      "@digigov/ui": ["./src/"],
+      "@digigov/react-core/*": ["node_modules/@digigov/react-core/src/*"],
+      "@digigov/react-core": ["node_modules/@digigov/react-core/src/"]
+    }
+  },
+  "include": [
+    "src",
+    "src/custom.d.ts"
+  ],
+  "files": [
+    "src/custom.d.ts"
+  ],
+  "exclude": [
+    "node_modules",
+    "dist"
+  ]
+}

package/ui.build.log

@@ -0,0 +1,17 @@
+Invoking: digigov build --subpackages 
+
+Running  /Users/dimitristsironis/grnet/digigov-sdk/tooling/cli-build/node_modules/.bin/rimraf dist
+Running  /Users/dimitristsironis/grnet/digigov-sdk/tooling/cli-build/node_modules/.bin/tsc --emitDeclarationOnly --outDir dist --project /Users/dimitristsironis/grnet/digigov-sdk/libs/ui/tsconfig.production.json
+Running  /Users/dimitristsironis/grnet/digigov-sdk/tooling/cli-build/node_modules/.bin/babel --config-file /Users/dimitristsironis/grnet/digigov-sdk/tooling/cli-build/babel.config.js src --extensions .tsx,.ts,.js,.jsx --copy-files --out-dir dist/esm
+Successfully compiled 112 files with Babel (2766ms).
+Running  /Users/dimitristsironis/grnet/digigov-sdk/tooling/cli-build/node_modules/.bin/babel --config-file /Users/dimitristsironis/grnet/digigov-sdk/tooling/cli-build/babel.config.js src --extensions .tsx,.ts,.js,.jsx --copy-files --out-dir dist/es
+Successfully compiled 112 files with Babel (2619ms).
+Created package.json in /Users/dimitristsironis/grnet/digigov-sdk/libs/ui/dist/package.json
+Copied /Users/dimitristsironis/grnet/digigov-sdk/libs/ui/CHANGELOG.md to /Users/dimitristsironis/grnet/digigov-sdk/libs/ui/dist/CHANGELOG.md
+Copied /Users/dimitristsironis/grnet/digigov-sdk/libs/ui/README.md to /Users/dimitristsironis/grnet/digigov-sdk/libs/ui/dist/README.md
+Copied /Users/dimitristsironis/grnet/digigov-sdk/LICENSE to /Users/dimitristsironis/grnet/digigov-sdk/libs/ui/dist/LICENSE
+Skipped license for ./index.js
+Skipped license for ./umd/digigov-ui.development.js
+Skipped license for ./umd/digigov-ui.production.min.js
+Running  /Users/dimitristsironis/grnet/digigov-sdk/tooling/cli-build/node_modules/.bin/babel --config-file /Users/dimitristsironis/grnet/digigov-sdk/tooling/cli-build/babel.config.js src --extensions .tsx,.ts,.js,.jsx --copy-files --out-dir dist
+Successfully compiled 112 files with Babel (3083ms).

package/api/APIErrors.d.ts

@@ -1,22 +0,0 @@
-import React from 'react';
-export declare class APIErrors extends React.Component<{
-    fallback: React.ElementType<any>;
-}> {
-    state: {
-        hasError: boolean;
-        error: null;
-    };
-    static getDerivedStateFromError(error: Error): object;
-    render(): React.ReactNode;
-}
-export default APIErrors;
-export declare class APIError extends Error {
-    error: null | {
-        data: {
-            invalid_fields: Record<string, any>[];
-        };
-    };
-    errors: null;
-    status: number;
-    constructor(errors: any, status: any, ...args: any[]);
-}

package/api/APIErrors.js

@@ -1,117 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.APIErrors = exports.APIError = void 0;
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _react = _interopRequireDefault(require("react"));
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var APIErrors = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(APIErrors, _React$Component);
-
-  var _super = _createSuper(APIErrors);
-
-  function APIErrors() {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, APIErrors);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-    _this.state = {
-      hasError: false,
-      error: null
-    };
-    return _this;
-  }
-
-  (0, _createClass2["default"])(APIErrors, [{
-    key: "render",
-    value: function render() {
-      if (this.state.hasError) {
-        var Comp = this.props.fallback;
-        return /*#__PURE__*/_react["default"].createElement(Comp, {
-          error: this.state.error
-        });
-      }
-
-      return this.props.children;
-    }
-  }], [{
-    key: "getDerivedStateFromError",
-    value: function getDerivedStateFromError(error) {
-      return {
-        hasError: true,
-        error: error
-      };
-    }
-  }]);
-  return APIErrors;
-}(_react["default"].Component);
-
-exports.APIErrors = APIErrors;
-var _default = APIErrors;
-/*
-  The type of `error` variable of the `useRequest` hook result.
-
-  We expect a request to fail for at least one reason (`error` property). In
-  case of multiple errors, developers may use `errors` property to construct
-  a more verbose error report.
-*/
-
-exports["default"] = _default;
-
-var APIError = /*#__PURE__*/function (_Error) {
-  (0, _inherits2["default"])(APIError, _Error);
-
-  var _super2 = _createSuper(APIError);
-
-  function APIError(errors, status) {
-    var _this2;
-
-    (0, _classCallCheck2["default"])(this, APIError);
-
-    for (var _len2 = arguments.length, args = new Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) {
-      args[_key2 - 2] = arguments[_key2];
-    }
-
-    _this2 = _super2.call.apply(_super2, [this].concat(args));
-    _this2.error = null;
-    _this2.errors = null;
-    _this2.status = 200;
-    _this2.name = 'APIError';
-    Error.captureStackTrace((0, _assertThisInitialized2["default"])(_this2), APIError);
-    _this2.error = errors && errors.length && errors[0] || errors;
-    _this2.errors = errors;
-    _this2.status = status;
-    return _this2;
-  }
-
-  return (0, _createClass2["default"])(APIError);
-}( /*#__PURE__*/(0, _wrapNativeSuper2["default"])(Error));
-
-exports.APIError = APIError;

package/api/APIProvider.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-export interface APIConfig {
-    baseURL: string;
-}
-export interface APIContextData {
-    config: APIConfig;
-    token: string | null | undefined;
-}
-export interface APIProviderProps {
-    token: string | null | undefined;
-    children: React.ReactNode;
-    config: APIConfig;
-}
-export declare const APIContext: React.Context<APIContextData>;
-export declare const APIProvider: React.FC<APIProviderProps>;

package/api/APIProvider.js

@@ -1,43 +0,0 @@
-"use strict";
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.APIProvider = exports.APIContext = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var APIContext = /*#__PURE__*/(0, _react.createContext)({
-  config: {
-    baseURL: ''
-  },
-  token: null
-});
-exports.APIContext = APIContext;
-
-var APIProvider = function APIProvider(_ref) {
-  var _ref$token = _ref.token,
-      token = _ref$token === void 0 ? null : _ref$token,
-      _ref$config = _ref.config,
-      config = _ref$config === void 0 ? {
-    baseURL: ''
-  } : _ref$config,
-      children = _ref.children;
-  var data = (0, _react.useMemo)(function () {
-    return {
-      token: token,
-      config: config
-    };
-  }, [token, config]);
-  return /*#__PURE__*/_react["default"].createElement(APIContext.Provider, {
-    value: data
-  }, children);
-};
-
-exports.APIProvider = APIProvider;

package/api/fetchAPI.d.ts

@@ -1,18 +0,0 @@
-import { APIContextData } from '@digigov/ui/api/APIProvider';
-export interface ProcessedResponse {
-    data?: any;
-    status: number;
-    error?: any;
-}
-export interface FetchAPIProps {
-    resource: string;
-    options?: {
-        query?: Record<string, any>;
-        path?: string;
-        method?: string;
-        body?: any;
-    };
-    getAPI?: (...args: any[]) => APIContextData;
-}
-export declare function fetchAPI(resource: string, { query, path, method, body }: any, apiConfig: any): Promise<ProcessedResponse>;
-export default fetchAPI;

package/api/fetchAPI.js

@@ -1,64 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-exports.fetchAPI = fetchAPI;
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-var _utils = require("@digigov/ui/api/utils");
-
-function fetchAPI(_x, _x2, _x3) {
-  return _fetchAPI.apply(this, arguments);
-}
-
-function _fetchAPI() {
-  _fetchAPI = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(resource, _ref, apiConfig) {
-    var _ref$query, query, _ref$path, path, _ref$method, method, _ref$body, body, baseURL, token, _getArgs, _getArgs2, url, options, response, _yield$processRespons, data, error, status;
-
-    return _regenerator["default"].wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            _ref$query = _ref.query, query = _ref$query === void 0 ? {} : _ref$query, _ref$path = _ref.path, path = _ref$path === void 0 ? '' : _ref$path, _ref$method = _ref.method, method = _ref$method === void 0 ? 'GET' : _ref$method, _ref$body = _ref.body, body = _ref$body === void 0 ? null : _ref$body;
-            baseURL = apiConfig.config.baseURL, token = apiConfig.token;
-            _getArgs = (0, _utils.getArgs)(resource, path, query, body, null, method, baseURL, token), _getArgs2 = (0, _slicedToArray2["default"])(_getArgs, 2), url = _getArgs2[0], options = _getArgs2[1];
-            _context.next = 5;
-            return window.fetch(url, options);
-
-          case 5:
-            response = _context.sent;
-            _context.next = 8;
-            return (0, _utils.processResponse)(response);
-
-          case 8:
-            _yield$processRespons = _context.sent;
-            data = _yield$processRespons.data;
-            error = _yield$processRespons.error;
-            status = _yield$processRespons.status;
-            return _context.abrupt("return", {
-              data: data,
-              error: error,
-              status: status
-            });
-
-          case 13:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee);
-  }));
-  return _fetchAPI.apply(this, arguments);
-}
-
-var _default = fetchAPI;
-exports["default"] = _default;

package/api/index.d.ts

@@ -1,9 +0,0 @@
-import { APIContextData } from '@digigov/ui/api/APIProvider';
-export * from '@digigov/ui/api/APIErrors';
-export * from '@digigov/ui/api/APIProvider';
-export * from '@digigov/ui/api/useResource';
-export * from '@digigov/ui/api/useResourceAction';
-export * from '@digigov/ui/api/useResourceQuery';
-export * from '@digigov/ui/api/fetchAPI';
-export declare const useAPI: () => APIContextData;
-export default useAPI;

package/api/index.js

@@ -1,104 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  useAPI: true
-};
-exports.useAPI = exports["default"] = void 0;
-
-var _react = require("react");
-
-var _APIProvider = require("@digigov/ui/api/APIProvider");
-
-Object.keys(_APIProvider).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _APIProvider[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _APIProvider[key];
-    }
-  });
-});
-
-var _APIErrors = require("@digigov/ui/api/APIErrors");
-
-Object.keys(_APIErrors).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _APIErrors[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _APIErrors[key];
-    }
-  });
-});
-
-var _useResource = require("@digigov/ui/api/useResource");
-
-Object.keys(_useResource).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _useResource[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _useResource[key];
-    }
-  });
-});
-
-var _useResourceAction = require("@digigov/ui/api/useResourceAction");
-
-Object.keys(_useResourceAction).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _useResourceAction[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _useResourceAction[key];
-    }
-  });
-});
-
-var _useResourceQuery = require("@digigov/ui/api/useResourceQuery");
-
-Object.keys(_useResourceQuery).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _useResourceQuery[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _useResourceQuery[key];
-    }
-  });
-});
-
-var _fetchAPI = require("@digigov/ui/api/fetchAPI");
-
-Object.keys(_fetchAPI).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _fetchAPI[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _fetchAPI[key];
-    }
-  });
-});
-
-/* eslint-disable @typescript-eslint/no-unused-vars */
-var useAPI = function useAPI() {
-  return (0, _react.useContext)(_APIProvider.APIContext);
-};
-
-exports.useAPI = useAPI;
-var _default = useAPI;
-exports["default"] = _default;

package/api/index.spec.d.ts

@@ -1 +0,0 @@
-import 'whatwg-fetch';