@elice/material-pdf 1.220803.0

package/README.md

@@ -0,0 +1,3 @@
+# elice-material-pdf
+
+User view and editing components of Elice material PDF.

package/cjs/components/material-pdf/MaterialPdf.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface MaterialPdfProps {
+    className?: string;
+    materialPdfId: number;
+    cMapUrl?: string;
+}
+declare const MaterialPdf: React.FC<MaterialPdfProps>;
+export default MaterialPdf;

package/cjs/components/material-pdf/MaterialPdf.js

@@ -0,0 +1,46 @@
+'use strict';
+
+var React = require('react');
+var apiClient = require('@elice/api-client');
+var blocks = require('@elice/blocks');
+var materialSharedUtils = require('@elice/material-shared-utils');
+var classnames = require('classnames');
+var MaterialPdf_styled = require('./MaterialPdf.styled.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+
+const MaterialPdf = ({
+  className,
+  materialPdfId,
+  cMapUrl
+}) => {
+  var _a;
+
+  const prefixCls = 'em-material-pdf';
+  const [materialPdf, materialPdfStatus] = materialSharedUtils.useMaterialInitFetch(apiClient.config.init, React__default["default"].useCallback(signal => apiClient.getOrgMaterialPdfGet({
+    materialPdfId
+  }, {
+    signal
+  }), [materialPdfId])); //
+  //
+  //
+
+  if (materialPdfStatus === 'pending') {
+    return React__default["default"].createElement(blocks.Spinner, null);
+  }
+
+  return React__default["default"].createElement(MaterialPdf_styled.StyledMaterialPdfWrapper, {
+    className: classnames__default["default"](prefixCls, className)
+  }, React__default["default"].createElement(blocks.PdfRenderer, {
+    key: materialPdf === null || materialPdf === void 0 ? void 0 : materialPdf.materialPdf.attachment.url,
+    file: (_a = materialPdf === null || materialPdf === void 0 ? void 0 : materialPdf.materialPdf.attachment.url) !== null && _a !== void 0 ? _a : '',
+    title: materialPdf === null || materialPdf === void 0 ? void 0 : materialPdf.materialPdf.title,
+    cMapUrl: cMapUrl,
+    hasError: !(materialPdf === null || materialPdf === void 0 ? void 0 : materialPdf.materialPdf.attachment.url) || materialPdfStatus === 'rejected'
+  }));
+};
+
+module.exports = MaterialPdf;

package/cjs/components/material-pdf/MaterialPdf.styled.d.ts

@@ -0,0 +1 @@
+export declare const StyledMaterialPdfWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/cjs/components/material-pdf/MaterialPdf.styled.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styled = require('styled-components');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+const StyledMaterialPdfWrapper = styled__default["default"].div.withConfig({
+  componentId: "sc-hovq54-0"
+})(["margin:0;flex:2 1;height:100%;background-color:#22222c;"]);
+
+exports.StyledMaterialPdfWrapper = StyledMaterialPdfWrapper;

package/cjs/components/material-pdf/index.d.ts

@@ -0,0 +1,2 @@
+export { default as MaterialPdf } from './MaterialPdf';
+export type { MaterialPdfProps } from './MaterialPdf';

package/cjs/index.d.ts

@@ -0,0 +1 @@
+export * from './components/material-pdf';

package/cjs/index.js

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var MaterialPdf = require('./components/material-pdf/MaterialPdf.js');
+
+
+
+exports.MaterialPdf = MaterialPdf;

package/es/components/material-pdf/MaterialPdf.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface MaterialPdfProps {
+    className?: string;
+    materialPdfId: number;
+    cMapUrl?: string;
+}
+declare const MaterialPdf: React.FC<MaterialPdfProps>;
+export default MaterialPdf;

package/es/components/material-pdf/MaterialPdf.js

@@ -0,0 +1,39 @@
+import React from 'react';
+import { config, getOrgMaterialPdfGet } from '@elice/api-client';
+import { Spinner, PdfRenderer } from '@elice/blocks';
+import { useMaterialInitFetch } from '@elice/material-shared-utils';
+import classnames from 'classnames';
+import { StyledMaterialPdfWrapper } from './MaterialPdf.styled.js';
+
+const MaterialPdf = ({
+  className,
+  materialPdfId,
+  cMapUrl
+}) => {
+  var _a;
+
+  const prefixCls = 'em-material-pdf';
+  const [materialPdf, materialPdfStatus] = useMaterialInitFetch(config.init, React.useCallback(signal => getOrgMaterialPdfGet({
+    materialPdfId
+  }, {
+    signal
+  }), [materialPdfId])); //
+  //
+  //
+
+  if (materialPdfStatus === 'pending') {
+    return React.createElement(Spinner, null);
+  }
+
+  return React.createElement(StyledMaterialPdfWrapper, {
+    className: classnames(prefixCls, className)
+  }, React.createElement(PdfRenderer, {
+    key: materialPdf === null || materialPdf === void 0 ? void 0 : materialPdf.materialPdf.attachment.url,
+    file: (_a = materialPdf === null || materialPdf === void 0 ? void 0 : materialPdf.materialPdf.attachment.url) !== null && _a !== void 0 ? _a : '',
+    title: materialPdf === null || materialPdf === void 0 ? void 0 : materialPdf.materialPdf.title,
+    cMapUrl: cMapUrl,
+    hasError: !(materialPdf === null || materialPdf === void 0 ? void 0 : materialPdf.materialPdf.attachment.url) || materialPdfStatus === 'rejected'
+  }));
+};
+
+export { MaterialPdf as default };

package/es/components/material-pdf/MaterialPdf.styled.d.ts

@@ -0,0 +1 @@
+export declare const StyledMaterialPdfWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/es/components/material-pdf/MaterialPdf.styled.js

@@ -0,0 +1,7 @@
+import styled from 'styled-components';
+
+const StyledMaterialPdfWrapper = styled.div.withConfig({
+  componentId: "sc-hovq54-0"
+})(["margin:0;flex:2 1;height:100%;background-color:#22222c;"]);
+
+export { StyledMaterialPdfWrapper };

package/es/components/material-pdf/index.d.ts

@@ -0,0 +1,2 @@
+export { default as MaterialPdf } from './MaterialPdf';
+export type { MaterialPdfProps } from './MaterialPdf';

package/es/index.d.ts

@@ -0,0 +1 @@
+export * from './components/material-pdf';

package/es/index.js

@@ -0,0 +1 @@
+export { default as MaterialPdf } from './components/material-pdf/MaterialPdf.js';

package/package.json

@@ -0,0 +1,68 @@
+{
+  "name": "@elice/material-pdf",
+  "version": "1.220803.0",
+  "description": "User view and editing components of Elice material PDF",
+  "repository": "https://git.elicer.io/elice/frontend/library/elice-material",
+  "license": "UNLICENSED",
+  "main": "./cjs/index.js",
+  "module": "./es/index.js",
+  "types": "./es/index.d.ts",
+  "files": [
+    "es",
+    "cjs",
+    "package.json",
+    "README.md"
+  ],
+  "sideEffects": false,
+  "engines": {
+    "node": "~16.14",
+    "yarn": ">=1.20 <2"
+  },
+  "scripts": {
+    "start": "run-s watch",
+    "prebuild": "run-s clean",
+    "build": "run-p build:es build:cjs",
+    "build:es": "rollup -c ../../rollup.config.ts -f es",
+    "build:cjs": "rollup -c ../../rollup.config.ts -f cjs",
+    "watch": "rollup -c ../../rollup.config.ts -f es -w",
+    "lint": "eslint --ext .ts,.tsx ./src --max-warnings=0",
+    "clean": "del-cli \"es/*\" \"cjs/*\" \"dist/*\""
+  },
+  "peerDependencies": {
+    "@elice/api-client": "^1.220802.1",
+    "@elice/blocks": "^1.220803.0",
+    "@elice/design-tokens": "^1.220803.0",
+    "@elice/icons": "^1.220803.0",
+    "@elice/markdown": "^1.220803.0",
+    "@elice/material-shared-types": "22.7.2-1",
+    "@elice/material-shared-utils": "22.7.2-1",
+    "@elice/types": "^1.220802.1",
+    "react": "^16.8.0  || ^17.0.0 || ^18.0.0",
+    "react-intl": "^5.0.0",
+    "react-use": "^17.0.0",
+    "styled-components": "^5.2.0"
+  },
+  "dependencies": {
+    "classnames": "^2.2.0",
+    "tslib": "^2.3.1"
+  },
+  "devDependencies": {
+    "@elice/api-client": "^1.220802.1",
+    "@elice/blocks": "^1.220803.0",
+    "@elice/design-tokens": "^1.220803.0",
+    "@elice/icons": "^1.220803.0",
+    "@elice/icons-legacy": "npm:@elice/icons@0.220803.1",
+    "@elice/markdown": "^1.220803.0",
+    "@elice/material-shared-types": "1.220803.0",
+    "@elice/material-shared-utils": "1.220803.0",
+    "@elice/types": "^1.220802.1",
+    "@types/classnames": "^2.3.1",
+    "@types/react": "~17.0.9",
+    "@types/styled-components": "^5.1.21",
+    "react": "^17.0.2",
+    "react-intl": "^5.20.10",
+    "react-use": "^17.2.4",
+    "styled-components": "^5.3.0"
+  },
+  "gitHead": "21c6b42ae6550e7899c57bf39fa78cea0f47e64c"
+}