@onesy/ui-react 1.0.63 → 1.0.66

package/{build/SmartTextField → SmartTextField}/SmartTextField.js

@@ -18,6 +18,8 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importDefault(require("react"));
 const utils_1 = require("@onesy/utils");
 const style_react_1 = require("@onesy/style-react");
+const IconMaterialSuperscriptW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialSuperscriptW100"));
+const IconMaterialSubscriptW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialSubscriptW100"));
 const IconMaterialFormatItalicW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialFormatItalicW100"));
 const IconMaterialFormatUnderlinedW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialFormatUnderlinedW100"));
 const IconMaterialStrikethroughSW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialStrikethroughSW100"));
@@ -583,6 +585,20 @@ const SmartTextField = react_1.default.forwardRef((props_, ref) => {
                 else
                     setTextSelected((values) => values.filter((item) => item !== 'strike-line'));
                 break;
+            case 'superscript':
+                refs.rootDocument.current.execCommand('superscript');
+                if (query('superscript'))
+                    setTextSelected(values => [...values, 'superscript']);
+                else
+                    setTextSelected(values => values.filter(item => item !== 'superscript'));
+                break;
+            case 'subscript':
+                refs.rootDocument.current.execCommand('subscript');
+                if (query('subscript'))
+                    setTextSelected(values => [...values, 'subscript']);
+                else
+                    setTextSelected(values => values.filter(item => item !== 'subscript'));
+                break;
             case 'link-add':
                 refs.rootDocument.current.execCommand('createLink', undefined, argument);
                 break;
@@ -680,6 +696,8 @@ const SmartTextField = react_1.default.forwardRef((props_, ref) => {
         'italic': ((0, jsx_runtime_1.jsx)(WrapperToggleButton, Object.assign({ name: l('Italic') }, { children: (0, jsx_runtime_1.jsx)(ToggleButton, Object.assign({}, ToggleButtonProps, { selected: refs.textSelected.current.includes('italic'), onClick: textMethod('italic') }, { children: (0, jsx_runtime_1.jsx)(IconMaterialFormatItalicW100_1.default, Object.assign({}, IconProps)) })) }))),
         'underline': ((0, jsx_runtime_1.jsx)(WrapperToggleButton, Object.assign({ name: l('Underline') }, { children: (0, jsx_runtime_1.jsx)(ToggleButton, Object.assign({}, ToggleButtonProps, { selected: refs.textSelected.current.includes('underline'), onClick: textMethod('underline') }, { children: (0, jsx_runtime_1.jsx)(IconMaterialFormatUnderlinedW100_1.default, Object.assign({}, IconProps)) })) }))),
         'bold': ((0, jsx_runtime_1.jsx)(WrapperToggleButton, Object.assign({ name: l('Bold'), onClick: textMethod('bold') }, { children: (0, jsx_runtime_1.jsx)(ToggleButton, Object.assign({}, ToggleButtonProps, { selected: refs.textSelected.current.includes('bold') }, { children: (0, jsx_runtime_1.jsx)(IconMaterialFormatBoldW100_1.default, Object.assign({}, IconProps)) })) }))),
+        'superscript': ((0, jsx_runtime_1.jsx)(WrapperToggleButton, Object.assign({ name: l('Superscript'), onClick: textMethod('superscript') }, { children: (0, jsx_runtime_1.jsx)(ToggleButton, Object.assign({}, ToggleButtonProps, { selected: refs.textSelected.current.includes('superscript') }, { children: (0, jsx_runtime_1.jsx)(IconMaterialSuperscriptW100_1.default, Object.assign({}, IconProps)) })) }))),
+        'subscript': ((0, jsx_runtime_1.jsx)(WrapperToggleButton, Object.assign({ name: l('Subscript'), onClick: textMethod('subscript') }, { children: (0, jsx_runtime_1.jsx)(ToggleButton, Object.assign({}, ToggleButtonProps, { selected: refs.textSelected.current.includes('subscript') }, { children: (0, jsx_runtime_1.jsx)(IconMaterialSubscriptW100_1.default, Object.assign({}, IconProps)) })) }))),
         'strike-line': ((0, jsx_runtime_1.jsx)(WrapperToggleButton, Object.assign({ name: l('Strike Line'), onClick: textMethod('strike-line') }, { children: (0, jsx_runtime_1.jsx)(ToggleButton, Object.assign({}, ToggleButtonProps, { selected: refs.textSelected.current.includes('strike-line') }, { children: (0, jsx_runtime_1.jsx)(IconMaterialStrikethroughSW100_1.default, Object.assign({}, IconProps)) })) }))),
         'link-add': ((0, jsx_runtime_1.jsx)(WrapperAppend, Object.assign({ open: refs.open.current.linkMiniMenu, anchorElement: refs.miniMenuElements.linkAdd, element: ((0, jsx_runtime_1.jsx)(ClickListener, Object.assign({ onClickOutside: () => updateOpen('linkMiniMenu', false), include: [refs.miniMenuElements.linkAdd] }, { children: (0, jsx_runtime_1.jsx)(Input, { ref: refs.miniMenuElements.linkAddInput, name: l('Link'), labelButton: l('Add'), value: refs.inputValues.current.link, onChange: (valueNew) => updateInputValues('link', valueNew), onClick: () => {
                         if (refs.range.current) {
@@ -720,7 +738,7 @@ const SmartTextField = react_1.default.forwardRef((props_, ref) => {
                                 setTextSelection(null);
                             }, include: [refs.miniMenu, refs.miniMenu.current, refs.miniMenuElements.linkAddInput, refs.miniMenuElements.linkAddInput.current] }, { children: (0, jsx_runtime_1.jsxs)(Line, Object.assign({ gap: 2, direction: 'row', align: 'center', justify: 'flex-start', role: 'toolbar', color: 'themed', "aria-label": l('Mini menu'), Component: Surface, className: (0, style_react_1.classNames)([
                                     classes.textMiniMenu
-                                ]) }, { children: [(0, jsx_runtime_1.jsxs)(ToggleButtons, Object.assign({}, ToggleButtonsProps, { children: [updateElements['italic'], updateElements['underline'], updateElements['bold'], updateElements['strike-line']] })), (0, jsx_runtime_1.jsxs)(ToggleButtons, Object.assign({}, ToggleButtonsProps, { children: [updateElements['link-add'], updateElements['link-remove']] })), (0, jsx_runtime_1.jsx)(ToggleButtons, Object.assign({}, ToggleButtonsProps, { children: actionElements['clear'] }))] })) })) })) })));
+                                ]) }, { children: [(0, jsx_runtime_1.jsxs)(ToggleButtons, Object.assign({}, ToggleButtonsProps, { children: [updateElements['italic'], updateElements['underline'], updateElements['bold'], updateElements['strike-line']] })), (0, jsx_runtime_1.jsxs)(ToggleButtons, Object.assign({}, ToggleButtonsProps, { children: [updateElements['superscript'], updateElements['subscript']] })), (0, jsx_runtime_1.jsxs)(ToggleButtons, Object.assign({}, ToggleButtonsProps, { children: [updateElements['link-add'], updateElements['link-remove']] })), (0, jsx_runtime_1.jsx)(ToggleButtons, Object.assign({}, ToggleButtonsProps, { children: actionElements['clear'] }))] })) })) })) })));
             }, parent: refs.root.current, anchor: textSelection === null || textSelection === void 0 ? void 0 : textSelection.selection, portal: true, alignment: 'center', position: 'bottom', clearOnClose: true }, AppendProps)));
     }, [open, textSelection, textSelected]);
     const menu = react_1.default.useMemo(() => {

package/{build/esm → esm}/SmartTextField/SmartTextField.js

@@ -10,6 +10,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import React from 'react';
 import { hash, innerHTMLToText, is, isEnvironment, parse, stringToColor, textToInnerHTML } from '@onesy/utils';
 import { classNames, style as styleMethod, useOnesyTheme } from '@onesy/style-react';
+import IconMaterialSuperscript from '@onesy/icons-material-rounded-react/IconMaterialSuperscriptW100';
+import IconMaterialSubscript from '@onesy/icons-material-rounded-react/IconMaterialSubscriptW100';
 import IconMaterialFormatItalic from '@onesy/icons-material-rounded-react/IconMaterialFormatItalicW100';
 import IconMaterialFormatUnderlined from '@onesy/icons-material-rounded-react/IconMaterialFormatUnderlinedW100';
 import IconMaterialStrikethroughS from '@onesy/icons-material-rounded-react/IconMaterialStrikethroughSW100';
@@ -606,6 +608,14 @@ const SmartTextField = /*#__PURE__*/React.forwardRef((props_, ref) => {
         refs.rootDocument.current.execCommand('strikeThrough');
         if (query('strikeThrough')) setTextSelected(values => [...values, 'strike-line']);else setTextSelected(values => values.filter(item => item !== 'strike-line'));
         break;
+      case 'superscript':
+        refs.rootDocument.current.execCommand('superscript');
+        if (query('superscript')) setTextSelected(values => [...values, 'superscript']);else setTextSelected(values => values.filter(item => item !== 'superscript'));
+        break;
+      case 'subscript':
+        refs.rootDocument.current.execCommand('subscript');
+        if (query('subscript')) setTextSelected(values => [...values, 'subscript']);else setTextSelected(values => values.filter(item => item !== 'subscript'));
+        break;
       case 'link-add':
         refs.rootDocument.current.execCommand('createLink', undefined, argument);
         break;
@@ -769,6 +779,18 @@ const SmartTextField = /*#__PURE__*/React.forwardRef((props_, ref) => {
     }, /*#__PURE__*/React.createElement(ToggleButton, _extends({}, ToggleButtonProps, {
       selected: refs.textSelected.current.includes('bold')
     }), /*#__PURE__*/React.createElement(IconMaterialFormatBold, IconProps))),
+    'superscript': /*#__PURE__*/React.createElement(WrapperToggleButton, {
+      name: l('Superscript'),
+      onClick: textMethod('superscript')
+    }, /*#__PURE__*/React.createElement(ToggleButton, _extends({}, ToggleButtonProps, {
+      selected: refs.textSelected.current.includes('superscript')
+    }), /*#__PURE__*/React.createElement(IconMaterialSuperscript, IconProps))),
+    'subscript': /*#__PURE__*/React.createElement(WrapperToggleButton, {
+      name: l('Subscript'),
+      onClick: textMethod('subscript')
+    }, /*#__PURE__*/React.createElement(ToggleButton, _extends({}, ToggleButtonProps, {
+      selected: refs.textSelected.current.includes('subscript')
+    }), /*#__PURE__*/React.createElement(IconMaterialSubscript, IconProps))),
     'strike-line': /*#__PURE__*/React.createElement(WrapperToggleButton, {
       name: l('Strike Line'),
       onClick: textMethod('strike-line')
@@ -862,7 +884,7 @@ const SmartTextField = /*#__PURE__*/React.forwardRef((props_, ref) => {
           "aria-label": l('Mini menu'),
           Component: Surface,
           className: classNames([classes.textMiniMenu])
-        }, /*#__PURE__*/React.createElement(ToggleButtons, ToggleButtonsProps, updateElements['italic'], updateElements['underline'], updateElements['bold'], updateElements['strike-line']), /*#__PURE__*/React.createElement(ToggleButtons, ToggleButtonsProps, updateElements['link-add'], updateElements['link-remove']), /*#__PURE__*/React.createElement(ToggleButtons, ToggleButtonsProps, actionElements['clear'])))));
+        }, /*#__PURE__*/React.createElement(ToggleButtons, ToggleButtonsProps, updateElements['italic'], updateElements['underline'], updateElements['bold'], updateElements['strike-line']), /*#__PURE__*/React.createElement(ToggleButtons, ToggleButtonsProps, updateElements['superscript'], updateElements['subscript']), /*#__PURE__*/React.createElement(ToggleButtons, ToggleButtonsProps, updateElements['link-add'], updateElements['link-remove']), /*#__PURE__*/React.createElement(ToggleButtons, ToggleButtonsProps, actionElements['clear'])))));
       },
       parent: refs.root.current,
       anchor: textSelection?.selection,

package/{build/esm → esm}/index.js

@@ -1,4 +1,4 @@
-/** @license UiReact v1.0.63
+/** @license UiReact v1.0.66
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@onesy/ui-react",
-  "version": "1.0.63",
+  "version": "1.0.66",
   "description": "UI for React",
   "repository": "https://github.com/onesy-me/onesy.git",
   "author": "Lazar <lazareric2@gmail.com>",
   "license": "MIT",
   "private": false,
-  "main": "./build/index.js",
-  "module": "./build/esm/index.js",
-  "types": "./build/index.d.ts",
+  "main": "./index.js",
+  "module": "./esm/index.js",
+  "types": "./index.d.ts",
   "keywords": [
     "ui",
     "react",
@@ -29,18 +29,6 @@
     "onesy",
     "utils"
   ],
-  "scripts": {
-    "prebuild": "rimraf build",
-    "build": "yarn lint && yarn type && cross-env ENV=react node ../../utils/js/build.js",
-    "release": "yarn build && yarn version --patch --no-git-tag-version && yarn build && cd ./build && npm publish",
-    "release-pure": "yarn build && yarn build && cd ./build && npm publish",
-    "lint": "tslint -c ../../tslint.json -p tsconfig.json",
-    "type": "tsc --noEmit -p tsconfig.json",
-    "cov": "cross-env NODE_ENV=test onesy-test",
-    "test:pre": "pm2 update && pm2 delete all && pm2 start ../../utils/js/test/app.js && wait-on http://localhost:4000",
-    "test:post": "pm2 delete all",
-    "test": "yarn lint && yarn type && yarn build && yarn test:pre && yarn cov && yarn test:post"
-  },
   "peerDependencies": {
     "@onesy/style-react": "^1.0.2",
     "react": "^18.2.0",
@@ -57,22 +45,13 @@
     "@onesy/utils": "^1.0.5",
     "webm-duration-fix": "^1.0.4"
   },
-  "devDependencies": {
-    "@onesy/style-react": "^1.0.2",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-router-dom": "^6.15.0"
-  },
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org"
   },
-  "files": [
-    "build"
-  ],
   "sideEffects": false,
   "engines": {
     "node": ">=12.0.0",
     "yarn": ">=1.22"
   }
-}
+}

package/build/README.MD

@@ -1,85 +0,0 @@
-
-</br>
-</br>
-
-<p align='center'>
-  <a target='_blank' rel='noopener noreferrer' href='#'>
-    <img src='../../utils/images/logo.svg' alt='onesy logo' />
-  </a>
-</p>
-
-<h1 align='center'>onesy UI React</h1>
-
-<p align='center'>
-  Onesy UI for React
-</p>
-
-<br />
-
-<h3 align='center'>
-  <sub>MIT license&nbsp;&nbsp;&nbsp;&nbsp;</sub>
-  <sub>Production ready&nbsp;&nbsp;&nbsp;&nbsp;</sub>
-  <sub>Browser and Nodejs</sub>
-</h3>
-
-<p align='center'>
-    <sub>Very simple code&nbsp;&nbsp;&nbsp;&nbsp;</sub>
-    <sub>Modern code&nbsp;&nbsp;&nbsp;&nbsp;</sub>
-    <sub>Junior friendly&nbsp;&nbsp;&nbsp;&nbsp;</sub>
-    <sub>Typescript&nbsp;&nbsp;&nbsp;&nbsp;</sub>
-    <sub>Made with :yellow_heart:</sub>
-</p>
-
-<br />
-
-## Getting started
-
-### Add
-
-```sh
-yarn add @onesy/ui-react
-```
-
-### Use
-
-```javascript
-  // Import any of the ui
-  import { Button } from '@onesy/ui-react';
-
-  function A(props) {
-
-    return (
-      <Button>
-        {props.children}
-      </Button>
-    );
-  }
-```
-
-### Dev
-
-Install
-
-```sh
-yarn
-```
-
-Test
-
-```sh
-yarn test
-```
-
-### Prod
-
-Build
-
-```sh
-yarn build
-```
-
-<br>
-
-## Disclaimer
-
-onesy UI elements library is mostly based on the UI design rules of Open Source Google Material Design 3 design principles. The project is not in any way affiliated with Alphabet Inc., Google Inc. or any of their projects.

package/build/package.json

@@ -1,57 +0,0 @@
-{
-  "name": "@onesy/ui-react",
-  "version": "1.0.63",
-  "description": "UI for React",
-  "repository": "https://github.com/onesy-me/onesy.git",
-  "author": "Lazar <lazareric2@gmail.com>",
-  "license": "MIT",
-  "private": false,
-  "main": "./index.js",
-  "module": "./esm/index.js",
-  "types": "./index.d.ts",
-  "keywords": [
-    "ui",
-    "react",
-    "react-ui",
-    "user-interface",
-    "frontend",
-    "front-end",
-    "backend",
-    "back-end",
-    "web",
-    "browser",
-    "javascript",
-    "js",
-    "typescript",
-    "node",
-    "nodejs",
-    "library",
-    "onesy",
-    "utils"
-  ],
-  "peerDependencies": {
-    "@onesy/style-react": "^1.0.2",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-router-dom": "^6.15.0"
-  },
-  "dependencies": {
-    "@onesy/date": "^1.0.0",
-    "@onesy/errors": "^1.0.0",
-    "@onesy/icons-material-rounded-react": "^1.0.4",
-    "@onesy/log": "^1.0.0",
-    "@onesy/models": "^1.0.0",
-    "@onesy/subscription": "^1.0.0",
-    "@onesy/utils": "^1.0.5",
-    "webm-duration-fix": "^1.0.4"
-  },
-  "publishConfig": {
-    "access": "public",
-    "registry": "https://registry.npmjs.org"
-  },
-  "sideEffects": false,
-  "engines": {
-    "node": ">=12.0.0",
-    "yarn": ">=1.22"
-  }
-}