openstack-uicore-foundation 4.2.7 → 4.2.8

package/lib/components/inputs/editor-input-v2.js

@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define("openstack-uicore-foundation",[],t):"object"==typeof exports?exports["openstack-uicore-foundation"]=t():e["openstack-uicore-foundation"]=t()}(this,(()=>(()=>{"use strict";var e={};(()=>{e.n=t=>{var r=t&&t.__esModule?()=>t.default:()=>t;return e.d(r,{a:r}),r}})(),(()=>{e.d=(t,r)=>{for(var n in r)e.o(r,n)&&!e.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:r[n]})}})(),(()=>{e.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)})(),(()=>{e.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}})();var t={};e.r(t),e.d(t,{default:()=>d});const r=require("@babel/runtime/helpers/extends");var n=e.n(r);const o=require("@babel/runtime/helpers/objectWithoutProperties");var a=e.n(o);const l=require("react");var c=e.n(l);const u=require("react-rte");var i=e.n(u);const s=["id","value","onChange","error","className","maxLength"],m=({value:e,onSave:t})=>{const[r,n]=(0,l.useState)(e);return c().createElement(c().Fragment,null,c().createElement("textarea",{style:{width:"100%"},value:r,onChange:e=>n(e.target.value)}),c().createElement("button",{className:"btn btn-xs btn-primary",onClick:()=>t(r)},"Save"))},d=e=>{var t;let{id:r,value:o,onChange:d,error:p,className:v,maxLength:g}=e,b=a()(e,s);const[f,y]=(0,l.useState)("text"),[h,S]=(0,l.useState)((0,u.createValueFromString)(o,"html",{customBlockFn:u.getTextAlignBlockMetadata})),x=p&&""!==p,k=g-(null==h||null===(t=h.toString("html"))||void 0===t?void 0:t.length),E=e=>{S(e);let t=e.toString("html",{blockStyleFn:u.getTextAlignStyles});t="<p><br></p>"===t?"":t;d({target:{id:r,value:t,type:"texteditor"}})};return c().createElement("div",null,"text"===f&&c().createElement(i(),n()({id:r,className:v+" "+(x?"error":""),value:h,onChange:E,customControls:[(e,t,r)=>c().createElement(u.Button,{key:"view-code-btn",onClick:e=>{e.preventDefault(),y("text"===f?"code":"text")}},"view code")],blockStyleFn:u.getTextAlignClassName},b)),"code"===f&&c().createElement(m,{value:h.toString("html"),onSave:e=>{const t=(0,u.createValueFromString)(e,"html");E(t),y("text")}}),!!g&&c().createElement("p",null,c().createElement("i",null,"characters left: ",k)),x&&c().createElement("p",{className:"error-label"},p))};return t})()));
+//# sourceMappingURL=editor-input-v2.js.map

package/lib/components/inputs/editor-input-v2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/inputs/editor-input-v2.js","mappings":"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","sources":["webpack://openstack-uicore-foundation/webpack/universalModuleDefinition","webpack://openstack-uicore-foundation/webpack/bootstrap","webpack://openstack-uicore-foundation/webpack/runtime/compat get default export","webpack://openstack-uicore-foundation/webpack/runtime/define property getters","webpack://openstack-uicore-foundation/webpack/runtime/hasOwnProperty shorthand","webpack://openstack-uicore-foundation/webpack/runtime/make namespace object","webpack://openstack-uicore-foundation/external commonjs \"@babel/runtime/helpers/extends\"","webpack://openstack-uicore-foundation/external commonjs \"@babel/runtime/helpers/objectWithoutProperties\"","webpack://openstack-uicore-foundation/external commonjs \"react\"","webpack://openstack-uicore-foundation/external commonjs \"react-rte\"","webpack://openstack-uicore-foundation/./src/components/inputs/editor-input-v2.js"],"sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine(\"openstack-uicore-foundation\", [], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"openstack-uicore-foundation\"] = factory();\n\telse\n\t\troot[\"openstack-uicore-foundation\"] = factory();\n})(this, () => {\nreturn ","// The require scope\nvar __webpack_require__ = {};\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","const __WEBPACK_NAMESPACE_OBJECT__ = require(\"@babel/runtime/helpers/extends\");","const __WEBPACK_NAMESPACE_OBJECT__ = require(\"@babel/runtime/helpers/objectWithoutProperties\");","const __WEBPACK_NAMESPACE_OBJECT__ = require(\"react\");","const __WEBPACK_NAMESPACE_OBJECT__ = require(\"react-rte\");","/**\n * Copyright 2017 OpenStack Foundation\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n * http://www.apache.org/licenses/LICENSE-2.0\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n **/\n\nimport React, {useState} from 'react';\nimport RichTextEditor, { \n    createValueFromString, \n    getTextAlignClassName, \n    getTextAlignBlockMetadata,\n    getTextAlignStyles, \n    Button } from 'react-rte';\n\nconst CodeView = ({value, onSave}) => {\n    const [codeValue, setCodeValue] = useState(value);\n\n    return (\n        <>\n      <textarea\n          style={{width: '100%'}}\n          value={codeValue}\n          onChange={ev => setCodeValue(ev.target.value)}\n      />\n            <button className=\"btn btn-xs btn-primary\" onClick={() => onSave(codeValue)}>Save</button>\n        </>\n    );\n}\n\nconst TextEditorV2 = ({id, value, onChange, error, className, maxLength, ...rest}) => {\n    const [view, setView] = useState('text');\n    const [editorValue, setEditorValue] = useState(createValueFromString(value, 'html', {customBlockFn: getTextAlignBlockMetadata}));\n    const has_error = error && error !== '';\n    const charCountLeft = maxLength - editorValue?.toString('html')?.length;\n\n    const handleChange = (editorValue) => {\n        setEditorValue(editorValue);\n\n        let stringValue = editorValue.toString( \n            'html',\n            {\n               blockStyleFn: getTextAlignStyles,\n            }\n        )\n        stringValue = stringValue === '<p><br></p>' ? '' : stringValue;\n\n        const ev = {\n            target: {\n                id: id,\n                value: stringValue,\n                type: 'texteditor'\n            }\n        };\n        onChange(ev);\n    }\n\n    const ViewCodeButton = (setValue, getValue, editorState) => {\n        const onClick = ev => {\n            ev.preventDefault();\n            setView(view === 'text' ? 'code' : 'text');\n        }\n\n        return (<Button key=\"view-code-btn\" onClick={onClick}>view code</Button>)\n    };\n\n    const onSaveCode = (html) => {\n        const value = createValueFromString(html, 'html');\n        handleChange(value);\n        setView('text');\n    };\n\n\n    return (\n        <div>\n            {view === 'text' &&\n                <RichTextEditor\n                    id={id}\n                    className={className + ' ' + (has_error ? 'error' : '')}\n                    value={editorValue}\n                    onChange={handleChange}\n                    customControls={[ViewCodeButton]}\n                    blockStyleFn={getTextAlignClassName}\n                    {...rest}\n                />\n            }\n            {view === 'code' &&\n                <CodeView value={editorValue.toString('html')} onSave={onSaveCode} />\n            }\n            {!!maxLength &&\n                <p><i>characters left: {charCountLeft}</i></p>\n            }\n            {has_error &&\n                <p className=\"error-label\">{error}</p>\n            }\n        </div>\n    );\n};\n\nexport default TextEditorV2;"],"names":["root","factory","exports","module","define","amd","this","__webpack_require__","n","getter","__esModule","d","a","definition","key","o","Object","defineProperty","enumerable","get","obj","prop","prototype","hasOwnProperty","call","r","Symbol","toStringTag","value","require","CodeView","onSave","codeValue","setCodeValue","useState","style","width","onChange","ev","target","className","onClick","id","error","maxLength","rest","view","setView","editorValue","setEditorValue","createValueFromString","customBlockFn","getTextAlignBlockMetadata","has_error","charCountLeft","toString","length","handleChange","stringValue","blockStyleFn","getTextAlignStyles","type","customControls","setValue","getValue","editorState","Button","preventDefault","getTextAlignClassName","html"],"sourceRoot":""}

package/lib/components/inputs/editor-input-v3.js

@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define("openstack-uicore-foundation",[],t):"object"==typeof exports?exports["openstack-uicore-foundation"]=t():e["openstack-uicore-foundation"]=t()}(this,(()=>(()=>{"use strict";var e={};(()=>{e.n=t=>{var r=t&&t.__esModule?()=>t.default:()=>t;return e.d(r,{a:r}),r}})(),(()=>{e.d=(t,r)=>{for(var o in r)e.o(r,o)&&!e.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:r[o]})}})(),(()=>{e.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)})(),(()=>{e.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}})();var t={};e.r(t),e.d(t,{default:()=>s});const r=require("@babel/runtime/helpers/defineProperty");var o=e.n(r);const n=require("react");var a=e.n(n);const i=require("jodit-react");var c=e.n(i);function u(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}const s=({id:e,value:t,error:r,className:i,onChange:s,options:l={}})=>{const p=(0,n.useRef)(null),f=(0,n.useMemo)((()=>function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?u(Object(r),!0).forEach((function(t){o()(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):u(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({placeholder:"Start typings...",className:i,buttons:["bold","italic","strikethrough","underline","|","source","|","font","fontsize","align","|","ul","ol","image","link","|","undo","redo"],askBeforePasteHTML:!1,askBeforePasteFromWord:!1,pasteFromWord:{enable:!0,convertUnitsToPixel:!0},beautifyHTML:!1},l)),[]);return a().createElement("div",{className:"editor-input"},a().createElement(c(),{ref:p,value:t,config:f,onBlur:t=>{s({target:{id:e,value:t,type:"texteditor"}})}}),r&&a().createElement("p",{className:"error-label"},r))};return t})()));
+//# sourceMappingURL=editor-input-v3.js.map

package/lib/components/inputs/editor-input-v3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/inputs/editor-input-v3.js","mappings":"CAAA,SAA2CA,EAAMC,GAC1B,iBAAZC,SAA0C,iBAAXC,OACxCA,OAAOD,QAAUD,IACQ,mBAAXG,QAAyBA,OAAOC,IAC9CD,OAAO,8BAA+B,GAAIH,GAChB,iBAAZC,QACdA,QAAQ,+BAAiCD,IAEzCD,EAAK,+BAAiCC,GACvC,CATD,CASGK,MAAM,I,mBCRT,IAAIC,EAAsB,CAAC,E,MCA3BA,EAAoBC,EAAKL,IACxB,IAAIM,EAASN,GAAUA,EAAOO,WAC7B,IAAOP,EAAiB,QACxB,IAAM,EAEP,OADAI,EAAoBI,EAAEF,EAAQ,CAAEG,EAAGH,IAC5BA,CAAM,C,WCLdF,EAAoBI,EAAI,CAACT,EAASW,KACjC,IAAI,IAAIC,KAAOD,EACXN,EAAoBQ,EAAEF,EAAYC,KAASP,EAAoBQ,EAAEb,EAASY,IAC5EE,OAAOC,eAAef,EAASY,EAAK,CAAEI,YAAY,EAAMC,IAAKN,EAAWC,IAE1E,C,WCNDP,EAAoBQ,EAAI,CAACK,EAAKC,IAAUL,OAAOM,UAAUC,eAAeC,KAAKJ,EAAKC,E,WCClFd,EAAoBkB,EAAKvB,IACH,oBAAXwB,QAA0BA,OAAOC,aAC1CX,OAAOC,eAAef,EAASwB,OAAOC,YAAa,CAAEC,MAAO,WAE7DZ,OAAOC,eAAef,EAAS,aAAc,CAAE0B,OAAO,GAAO,C,4CCL9D,MAAM,EAA+BC,QAAQ,yC,aCA7C,MAAM,EAA+BA,QAAQ,S,aCA7C,MAAM,EAA+BA,QAAQ,e,2OCG7C,MAwEA,EAxEqB,EACKC,KACAF,QACAG,QACAC,YACAC,WACAC,UAAU,CAAC,MAEjC,MAAMC,GAASC,EAAAA,EAAAA,QAAO,MAGhBC,GAASC,EAAAA,EAAAA,UACX,I,iWAAM,CAAN,CACIC,YAAa,mBACbP,YACAQ,QAAS,CACL,OACA,SACA,gBACA,YACA,IACA,SACA,IACA,OACA,WACA,QACA,IACA,KACA,KACA,QACA,OACA,IACA,OACA,QAEJC,oBAAoB,EACpBC,wBAAwB,EACxBC,cAAe,CACXC,QAAQ,EACRC,qBAAqB,GAEzBC,cAAc,GACXZ,IAEP,IAeJ,OACI,yBAAKF,UAAU,gBACX,kBAAC,IAAD,CACIe,IAAKZ,EACLP,MAAOA,EACPS,OAAQA,EACRW,OAlBUC,IASlBhB,EARW,CACPiB,OAAQ,CACJpB,KACAF,MAAOqB,EACPE,KAAM,eAId,IAWKpB,GAAS,uBAAGC,UAAU,eAAeD,GAR9C,E","sources":["webpack://openstack-uicore-foundation/webpack/universalModuleDefinition","webpack://openstack-uicore-foundation/webpack/bootstrap","webpack://openstack-uicore-foundation/webpack/runtime/compat get default export","webpack://openstack-uicore-foundation/webpack/runtime/define property getters","webpack://openstack-uicore-foundation/webpack/runtime/hasOwnProperty shorthand","webpack://openstack-uicore-foundation/webpack/runtime/make namespace object","webpack://openstack-uicore-foundation/external commonjs \"@babel/runtime/helpers/defineProperty\"","webpack://openstack-uicore-foundation/external commonjs \"react\"","webpack://openstack-uicore-foundation/external commonjs \"jodit-react\"","webpack://openstack-uicore-foundation/./src/components/inputs/editor-input-v3.js"],"sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine(\"openstack-uicore-foundation\", [], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"openstack-uicore-foundation\"] = factory();\n\telse\n\t\troot[\"openstack-uicore-foundation\"] = factory();\n})(this, () => {\nreturn ","// The require scope\nvar __webpack_require__ = {};\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","const __WEBPACK_NAMESPACE_OBJECT__ = require(\"@babel/runtime/helpers/defineProperty\");","const __WEBPACK_NAMESPACE_OBJECT__ = require(\"react\");","const __WEBPACK_NAMESPACE_OBJECT__ = require(\"jodit-react\");","import React, { useRef, useMemo } from \"react\";\nimport JoditEditor from \"jodit-react\";\n\nconst TextEditorV3 = ({\n                          id,\n                          value,\n                          error,\n                          className,\n                          onChange,\n                          options = {}\n                      }) => {\n    const editor = useRef(null);\n\n    // all options from https://xdsoft.net/jodit/docs/,\n    const config = useMemo(\n        () => ({\n            placeholder: \"Start typings...\",\n            className,\n            buttons: [\n                \"bold\",\n                \"italic\",\n                \"strikethrough\",\n                \"underline\",\n                \"|\",\n                \"source\",\n                \"|\",\n                \"font\",\n                \"fontsize\",\n                \"align\",\n                \"|\",\n                \"ul\",\n                \"ol\",\n                \"image\",\n                \"link\",\n                \"|\",\n                \"undo\",\n                \"redo\"\n            ],\n            askBeforePasteHTML: false,\n            askBeforePasteFromWord: false,\n            pasteFromWord: {\n                enable: true,\n                convertUnitsToPixel: true\n            },\n            beautifyHTML: false,\n            ...options\n        }),\n        []\n    );\n\n    const handleChange = (newValue) => {\n        const ev = {\n            target: {\n                id,\n                value: newValue,\n                type: \"texteditor\"\n            }\n        };\n\n        onChange(ev);\n    };\n\n    return (\n        <div className=\"editor-input\">\n            <JoditEditor\n                ref={editor}\n                value={value}\n                config={config}\n                onBlur={handleChange} // preferred to use only this option to update the content for performance reasons\n            />\n            {error && <p className=\"error-label\">{error}</p>}\n        </div>\n    );\n};\n\nexport default TextEditorV3;\n"],"names":["root","factory","exports","module","define","amd","this","__webpack_require__","n","getter","__esModule","d","a","definition","key","o","Object","defineProperty","enumerable","get","obj","prop","prototype","hasOwnProperty","call","r","Symbol","toStringTag","value","require","id","error","className","onChange","options","editor","useRef","config","useMemo","placeholder","buttons","askBeforePasteHTML","askBeforePasteFromWord","pasteFromWord","enable","convertUnitsToPixel","beautifyHTML","ref","onBlur","newValue","target","type"],"sourceRoot":""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "openstack-uicore-foundation",
-  "version": "4.2.7",
+  "version": "4.2.8",
   "description": "ui reactjs components for openstack marketing site",
   "main": "lib/openstack-uicore-foundation.js",
   "scripts": {