@onesy/ui-react 1.0.60 → 1.0.63

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

@@ -246,7 +246,7 @@ const CalendarViews = react_1.default.forwardRef((props_, ref) => {
                     (0, utils_2.staticClassName)('CalendarViews', theme) && [
                         'onesy-CalendarViews-header'
                     ]
-                ]) }, { children: [startHeader, (0, jsx_runtime_1.jsxs)(Line, Object.assign({ gap: 2, direction: 'row', wrap: 'wrap', justify: 'space-between', align: 'center', fullWidth: true }, { children: [(0, jsx_runtime_1.jsxs)(Line, Object.assign({ gap: 1.5, direction: 'row', wrap: 'wrap', align: 'center', className: classes.aside }, { children: [startLeft, (0, jsx_runtime_1.jsx)(Button, Object.assign({ color: 'inherit', version: 'outlined', size: 'small', onClick: onToday, selected: now.days === date.days }, { children: l('Today') })), (0, jsx_runtime_1.jsxs)(Line, Object.assign({ gap: 0, direction: 'row', align: 'center' }, { children: [(0, jsx_runtime_1.jsx)(Tooltip, Object.assign({ name: `${l('Previous')} ${view}` }, { children: (0, jsx_runtime_1.jsx)(IconButton, Object.assign({ onClick: onPrevious }, iconButtonProps, { children: (0, jsx_runtime_1.jsx)(IconPrevious, Object.assign({}, iconProps)) })) })), (0, jsx_runtime_1.jsx)(Tooltip, Object.assign({ name: `${l('Next')} ${view}` }, { children: (0, jsx_runtime_1.jsx)(IconButton, Object.assign({ onClick: onNext }, iconButtonProps, { children: (0, jsx_runtime_1.jsx)(IconNext, Object.assign({}, iconProps)) })) }))] })), (0, jsx_runtime_1.jsx)(Type, Object.assign({ version: 'h2', weight: 500, whiteSpace: 'nowrap' }, { children: formattedDate })), endLeft] })), (0, jsx_runtime_1.jsxs)(Line, Object.assign({ gap: 1.5, direction: 'row', align: 'center', flexNo: true, className: (0, style_react_1.classNames)([
+                ]) }, { children: [startHeader, (0, jsx_runtime_1.jsxs)(Line, Object.assign({ gap: 2, direction: 'row', wrap: 'wrap', justify: 'space-between', align: 'center', fullWidth: true }, { children: [(0, jsx_runtime_1.jsxs)(Line, Object.assign({ gap: 1.5, direction: 'row', wrap: 'wrap', align: 'center', className: classes.aside }, { children: [startLeft, (0, jsx_runtime_1.jsx)(Button, Object.assign({ color: 'inherit', version: 'outlined', size: 'small', onClick: onToday, selected: now.days === date.days }, { children: l('Today') })), (0, jsx_runtime_1.jsxs)(Line, Object.assign({ gap: 0, direction: 'row', align: 'center' }, { children: [(0, jsx_runtime_1.jsx)(Tooltip, Object.assign({ name: `${l('Previous')} ${l(view)}` }, { children: (0, jsx_runtime_1.jsx)(IconButton, Object.assign({ onClick: onPrevious }, iconButtonProps, { children: (0, jsx_runtime_1.jsx)(IconPrevious, Object.assign({}, iconProps)) })) })), (0, jsx_runtime_1.jsx)(Tooltip, Object.assign({ name: `${l('Next')} ${l(view)}` }, { children: (0, jsx_runtime_1.jsx)(IconButton, Object.assign({ onClick: onNext }, iconButtonProps, { children: (0, jsx_runtime_1.jsx)(IconNext, Object.assign({}, iconProps)) })) }))] })), (0, jsx_runtime_1.jsx)(Type, Object.assign({ version: 'h2', weight: 500, whiteSpace: 'nowrap' }, { children: formattedDate })), endLeft] })), (0, jsx_runtime_1.jsxs)(Line, Object.assign({ gap: 1.5, direction: 'row', align: 'center', flexNo: true, className: (0, style_react_1.classNames)([
                                     classes.aside,
                                     classes.overflowX
                                 ]) }, { children: [startRight, !noViews && ((0, jsx_runtime_1.jsx)(Select, { name: l('View'), value: view, onChange: onChangeView, options: viewOptions, size: 'small', MenuProps: {

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

@@ -76,8 +76,8 @@ const Confirm = react_1.default.forwardRef((props_, ref) => {
         if (!openModal) {
             refs.modal.current = Object.assign({}, value);
             // Defaults
-            refs.modal.current.name = (value === null || value === void 0 ? void 0 : value.name) !== undefined ? value === null || value === void 0 ? void 0 : value.name : 'Confirmation';
-            refs.modal.current.description = (value === null || value === void 0 ? void 0 : value.description) !== undefined ? value === null || value === void 0 ? void 0 : value.description : 'Are you sure you want to proceed?';
+            refs.modal.current.name = (value === null || value === void 0 ? void 0 : value.name) !== undefined ? value === null || value === void 0 ? void 0 : value.name : l('Confirmation');
+            refs.modal.current.description = (value === null || value === void 0 ? void 0 : value.description) !== undefined ? value === null || value === void 0 ? void 0 : value.description : l('Are you sure you want to proceed?');
             if (((_b = (_a = refs.modal.current.buttons) === null || _a === void 0 ? void 0 : _a.negative) === null || _b === void 0 ? void 0 : _b.text) === undefined)
                 (0, utils_1.setObjectValue)(refs.modal.current, 'buttons.negative.text', '');
             if (((_d = (_c = refs.modal.current.buttons) === null || _c === void 0 ? void 0 : _c.positive) === null || _d === void 0 ? void 0 : _d.text) === undefined)

package/build/README.MD

@@ -0,0 +1,85 @@
+
+</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/{esm → build/esm}/CalendarViews/CalendarViews.js

@@ -323,11 +323,11 @@ const CalendarViews = /*#__PURE__*/React.forwardRef((props_, ref) => {
     direction: "row",
     align: "center"
   }, /*#__PURE__*/React.createElement(Tooltip, {
-    name: `${l('Previous')} ${view}`
+    name: `${l('Previous')} ${l(view)}`
   }, /*#__PURE__*/React.createElement(IconButton, _extends({
     onClick: onPrevious
   }, iconButtonProps), /*#__PURE__*/React.createElement(IconPrevious, iconProps))), /*#__PURE__*/React.createElement(Tooltip, {
-    name: `${l('Next')} ${view}`
+    name: `${l('Next')} ${l(view)}`
   }, /*#__PURE__*/React.createElement(IconButton, _extends({
     onClick: onNext
   }, iconButtonProps), /*#__PURE__*/React.createElement(IconNext, iconProps)))), /*#__PURE__*/React.createElement(Type, {

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

@@ -76,8 +76,8 @@ const Confirm = /*#__PURE__*/React.forwardRef((props_, ref) => {
       refs.modal.current = _objectSpread({}, value);
 
       // Defaults
-      refs.modal.current.name = value?.name !== undefined ? value?.name : 'Confirmation';
-      refs.modal.current.description = value?.description !== undefined ? value?.description : 'Are you sure you want to proceed?';
+      refs.modal.current.name = value?.name !== undefined ? value?.name : l('Confirmation');
+      refs.modal.current.description = value?.description !== undefined ? value?.description : l('Are you sure you want to proceed?');
       if (refs.modal.current.buttons?.negative?.text === undefined) setObjectValue(refs.modal.current, 'buttons.negative.text', '');
       if (refs.modal.current.buttons?.positive?.text === undefined) setObjectValue(refs.modal.current, 'buttons.positive.text', '');
       refs.modal.current.buttons.negative.text = value?.buttons?.negative?.text !== undefined ? value?.buttons?.negative?.text : l('Cancel');

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

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

package/build/package.json

@@ -0,0 +1,57 @@
+{
+  "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"
+  }
+}

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@onesy/ui-react",
-  "version": "1.0.60",
+  "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",
+  "main": "./build/index.js",
+  "module": "./build/esm/index.js",
+  "types": "./build/index.d.ts",
   "keywords": [
     "ui",
     "react",
@@ -29,6 +29,18 @@
     "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",
@@ -45,13 +57,22 @@
     "@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"
   }
-}
+}