@onesy/ui-react 1.0.117 → 1.0.119

package/esm/index.js

@@ -1,4 +1,4 @@
-/** @license UiReact v1.0.117
+/** @license UiReact v1.0.119
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -410,8 +410,6 @@ export { default as AutoCompleteCountry } from './AutoCompleteCountry';
 export * from './AutoCompleteCountry';
 export { default as AutoCompleteCurrency } from './AutoCompleteCurrency';
 export * from './AutoCompleteCurrency';
-export { default as AutoCompleteGooglePlaces } from './AutoCompleteGooglePlaces';
-export * from './AutoCompleteGooglePlaces';
 export { default as NotFound } from './NotFound';
 export * from './NotFound';
 export { default as HTMLCanvas } from './HTMLCanvas';

package/index.d.ts

@@ -405,8 +405,6 @@ export { default as AutoCompleteCountry } from './AutoCompleteCountry';
 export * from './AutoCompleteCountry';
 export { default as AutoCompleteCurrency } from './AutoCompleteCurrency';
 export * from './AutoCompleteCurrency';
-export { default as AutoCompleteGooglePlaces } from './AutoCompleteGooglePlaces';
-export * from './AutoCompleteGooglePlaces';
 export { default as NotFound } from './NotFound';
 export * from './NotFound';
 export { default as HTMLCanvas } from './HTMLCanvas';

package/index.js

@@ -21,7 +21,7 @@ exports.Append = exports.ListSubheader = exports.MenuItem = exports.ListItem = e
 exports.Stepper = exports.ImageListItemBox = exports.ImageListItem = exports.ImageList = exports.TablePagination = exports.SpeedDialItem = exports.SpeedDial = exports.PaginationItem = exports.Pagination = exports.Snackbars = exports.Snackbar = exports.Placeholder = exports.TableFooter = exports.TableHeader = exports.TableCell = exports.TableRow = exports.TableBody = exports.TableHead = exports.Table = exports.CardFooter = exports.CardButton = exports.CardHeader = exports.CardMain = exports.CardImage = exports.Card = exports.useScroll = exports.TopAppBar = exports.BottomAppBar = exports.BottomSheet = exports.useSwipe = exports.NavigationDrawer = exports.NavigationItem = exports.NavigationBar = exports.NavigationRail = exports.Breadcrumbs = exports.Accordion = exports.ToggleButtons = exports.ToggleButton = exports.Slider = exports.Banner = exports.Grid = exports.Line = exports.Container = exports.Box = exports.Rating = exports.AutoComplete = exports.Select = exports.useMediaQuery = exports.Menu = exports.Tooltip = void 0;
 exports.AreaChartItem = exports.LineChart = exports.LineChartItem = exports.Chart = exports.DateTimeRangePicker = exports.DateTimePicker = exports.DateRangePicker = exports.DatePicker = exports.Calendar = exports.CalendarMonth = exports.TimeRangePicker = exports.TimePicker = exports.Carousel = exports.LinearMeter = exports.Watch = exports.Path = exports.RoundMeter = exports.Weather = exports.Parallax = exports.Drawing = exports.Countdown = exports.Timer = exports.Labels = exports.Label = exports.RichTextEditor = exports.Markdown = exports.MenuDesktop = exports.DropZone = exports.FileChoose = exports.ImageEdit = exports.ImageCrop = exports.ScreenCapture = exports.Widgets = exports.ColorTextField = exports.NumericTextField = exports.AdvancedTextField = exports.SpyScroll = exports.Image = exports.MainProgress = exports.WindowSplit = exports.ViewSplit = exports.Confirm = exports.Reveal = exports.Masonry = exports.Tree = exports.TimelineItem = exports.Timeline = exports.Tab = exports.Tabs = exports.Step = void 0;
 exports.TextToSpeech = exports.SpeechToText = exports.useLocation = exports.useVisible = exports.SectionReviews = exports.SectionAction = exports.SectionWatch = exports.SectionTimeline = exports.SectionTextMedia = exports.SectionMedia = exports.SectionLogos = exports.SectionImageGallery = exports.SectionContact = exports.SectionCarousel = exports.SectionCards = exports.SectionBoxes = exports.Links = exports.Section = exports.Medias = exports.Properties = exports.Property = exports.Meta = exports.useSubscription = exports.MoreOptions = exports.Text = exports.SmartTextField = exports.Emojis = exports.Share = exports.ImageGallery = exports.PageTransition = exports.useQuery = exports.Page = exports.Forms = exports.Frame = exports.IFrame = exports.FormRow = exports.Form = exports.useForm = exports.Clock = exports.DragAndDropList = exports.Move = exports.DonutChart = exports.PieChart = exports.ColumnChart = exports.ColumnChartItem = exports.BubbleChart = exports.BubbleChartItem = exports.ScatterChart = exports.ScatterChartItem = exports.AreaChart = void 0;
-exports.CookieBanner = exports.Whiteboard = exports.CalendarMenu = exports.Week = exports.Info = exports.CalendarViews = exports.Space = exports.HTMLCanvas = exports.NotFound = exports.AutoCompleteGooglePlaces = exports.AutoCompleteCurrency = exports.AutoCompleteCountry = exports.CalendarAvailability = void 0;
+exports.CookieBanner = exports.Whiteboard = exports.CalendarMenu = exports.Week = exports.Info = exports.CalendarViews = exports.Space = exports.HTMLCanvas = exports.NotFound = exports.AutoCompleteCurrency = exports.AutoCompleteCountry = exports.CalendarAvailability = void 0;
 __exportStar(require("./utils"), exports);
 var Reset_1 = require("./Reset");
 Object.defineProperty(exports, "Reset", { enumerable: true, get: function () { return __importDefault(Reset_1).default; } });
@@ -632,9 +632,6 @@ __exportStar(require("./AutoCompleteCountry"), exports);
 var AutoCompleteCurrency_1 = require("./AutoCompleteCurrency");
 Object.defineProperty(exports, "AutoCompleteCurrency", { enumerable: true, get: function () { return __importDefault(AutoCompleteCurrency_1).default; } });
 __exportStar(require("./AutoCompleteCurrency"), exports);
-var AutoCompleteGooglePlaces_1 = require("./AutoCompleteGooglePlaces");
-Object.defineProperty(exports, "AutoCompleteGooglePlaces", { enumerable: true, get: function () { return __importDefault(AutoCompleteGooglePlaces_1).default; } });
-__exportStar(require("./AutoCompleteGooglePlaces"), exports);
 var NotFound_1 = require("./NotFound");
 Object.defineProperty(exports, "NotFound", { enumerable: true, get: function () { return __importDefault(NotFound_1).default; } });
 __exportStar(require("./NotFound"), exports);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onesy/ui-react",
-  "version": "1.0.117",
+  "version": "1.0.119",
   "description": "UI for React",
   "repository": "https://github.com/onesy-me/onesy.git",
   "author": "Lazar <lazareric2@gmail.com>",
@@ -31,8 +31,8 @@
   ],
   "peerDependencies": {
     "@onesy/style-react": "^1.0.2",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "react-router-dom": "^6.15.0"
   },
   "dependencies": {

package/AutoCompleteGooglePlaces/AutoCompleteGooglePlaces.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { IAutoComplete } from '../AutoComplete/AutoComplete';
-export declare type IAutoCompleteGooglePlaces = IAutoComplete & {
-    optionsGoogle?: any;
-};
-declare const AutoCompleteGooglePlaces: React.FC<IAutoCompleteGooglePlaces>;
-export default AutoCompleteGooglePlaces;

package/AutoCompleteGooglePlaces/AutoCompleteGooglePlaces.js

@@ -1,85 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-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 AutoComplete_1 = __importDefault(require("../AutoComplete"));
-const ListItem_1 = __importDefault(require("../ListItem"));
-const Type_1 = __importDefault(require("../Type"));
-const utils_2 = require("../utils");
-const useStyle = (0, style_react_1.style)(theme => ({
-    root: {}
-}), { name: 'onesy-AutoCompleteGooglePlaces' });
-const AutoCompleteGooglePlaces = react_1.default.forwardRef((props_, ref) => {
-    const theme = (0, style_react_1.useOnesyTheme)();
-    const props = react_1.default.useMemo(() => { var _a, _b, _c, _d, _e, _f, _g, _h; return (Object.assign(Object.assign(Object.assign({}, (_d = (_c = (_b = (_a = theme === null || theme === void 0 ? void 0 : theme.ui) === null || _a === void 0 ? void 0 : _a.elements) === null || _b === void 0 ? void 0 : _b.all) === null || _c === void 0 ? void 0 : _c.props) === null || _d === void 0 ? void 0 : _d.default), (_h = (_g = (_f = (_e = theme === null || theme === void 0 ? void 0 : theme.ui) === null || _e === void 0 ? void 0 : _e.elements) === null || _f === void 0 ? void 0 : _f.onesyAutoCompleteGooglePlaces) === null || _g === void 0 ? void 0 : _g.props) === null || _h === void 0 ? void 0 : _h.default), props_)); }, [props_]);
-    const AutoComplete = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.AutoComplete) || AutoComplete_1.default; }, [theme]);
-    const ListItem = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.ListItem) || ListItem_1.default; }, [theme]);
-    const Type = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.Type) || Type_1.default; }, [theme]);
-    const { value, valueDefault, valueInputDefault: valueInputDefault_, onChangeInput: onChangeInputProps, size = 'regular', optionsGoogle: optionsGoogle_, className, children } = props, other = __rest(props, ["value", "valueDefault", "valueInputDefault", "onChangeInput", "size", "optionsGoogle", "className", "children"]);
-    const { classes } = useStyle();
-    const [places, setPlaces] = react_1.default.useState([]);
-    const refs = {
-        google: react_1.default.useRef(undefined)
-    };
-    const optionsGoogle = react_1.default.useMemo(() => {
-        return optionsGoogle_ || {
-            fields: ['name', 'address_component', 'location', 'geometry']
-        };
-    }, [optionsGoogle_]);
-    const onGoogleResults = react_1.default.useCallback((results) => {
-        // update places
-        setPlaces((results === null || results === void 0 ? void 0 : results.map((item) => (Object.assign(Object.assign({}, item), { name: item.description })))) || []);
-    }, []);
-    const init = react_1.default.useCallback(async () => {
-        if (!window.google)
-            return;
-        const google = window.google;
-        const { AutocompleteService } = await google.maps.importLibrary('places');
-        refs.google.current = new AutocompleteService(undefined, options);
-    }, []);
-    react_1.default.useEffect(() => {
-        // init
-        init();
-    }, []);
-    const onChangeInput = react_1.default.useCallback((0, utils_1.debounce)((valueNew) => {
-        if ((0, utils_1.is)('function', onChangeInputProps))
-            onChangeInputProps(valueNew);
-        if (!refs.google.current)
-            return;
-        // Make a Google request
-        refs.google.current.getQueryPredictions({ input: valueNew }, onGoogleResults);
-    }, 440), [optionsGoogle, onChangeInputProps]);
-    const options = react_1.default.useMemo(() => {
-        return places.map((item) => (Object.assign(Object.assign({}, item), { value: item.name })));
-    }, [places]);
-    const valueInputDefault = react_1.default.useMemo(() => {
-        var _a;
-        return valueInputDefault_ !== undefined ? valueInputDefault_ : (_a = options.find((item) => item.value === (value !== undefined ? value : valueDefault))) === null || _a === void 0 ? void 0 : _a.name;
-    }, []);
-    return ((0, jsx_runtime_1.jsx)(AutoComplete, Object.assign({ ref: ref, valueInputDefault: valueInputDefault, valueDefault: valueDefault, value: value, options: options, onChangeInput: onChangeInput, size: size, renderOption: (item, index_, propsItem) => ((0, jsx_runtime_1.jsx)(ListItem, Object.assign({ start: item.flag, startAlign: 'center', primary: ((0, jsx_runtime_1.jsx)(Type, Object.assign({ version: 'b3' }, { children: item.name }))), value: item.value, selected: item.value === ((value === null || value === void 0 ? void 0 : value.value) !== undefined ? value === null || value === void 0 ? void 0 : value.value : value), size: 'small', button: true }, propsItem), index_)), className: (0, style_react_1.classNames)([
-            (0, utils_2.staticClassName)('AutoCompleteGooglePlaces', theme) && [
-                'onesy-AutoCompleteGooglePlaces-root',
-                `onesy-AutoCompleteGooglePlaces-size-${size}`
-            ],
-            className,
-            classes.root
-        ]) }, other)));
-});
-AutoCompleteGooglePlaces.displayName = 'onesy-AutoCompleteGooglePlaces';
-exports.default = AutoCompleteGooglePlaces;

package/AutoCompleteGooglePlaces/index.d.ts

@@ -1 +0,0 @@
-export { default } from './AutoCompleteGooglePlaces';

package/AutoCompleteGooglePlaces/index.js

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-var AutoCompleteGooglePlaces_1 = require("./AutoCompleteGooglePlaces");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(AutoCompleteGooglePlaces_1).default; } });

package/AutoCompleteGooglePlaces/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "main": "./index.js",
-  "module": "../esm/AutoCompleteGooglePlaces/index.js",
-  "types": "./index.d.ts"
-}

package/esm/AutoCompleteGooglePlaces/AutoCompleteGooglePlaces.js

@@ -1,107 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-const _excluded = ["value", "valueDefault", "valueInputDefault", "onChangeInput", "size", "optionsGoogle", "className", "children"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import React from 'react';
-import { debounce, is } from '@onesy/utils';
-import { classNames, style as styleMethod, useOnesyTheme } from '@onesy/style-react';
-import AutoCompleteElement from '../AutoComplete';
-import ListItemElement from '../ListItem';
-import TypeElement from '../Type';
-import { staticClassName } from '../utils';
-const useStyle = styleMethod(theme => ({
-  root: {}
-}), {
-  name: 'onesy-AutoCompleteGooglePlaces'
-});
-const AutoCompleteGooglePlaces = /*#__PURE__*/React.forwardRef((props_, ref) => {
-  const theme = useOnesyTheme();
-  const props = React.useMemo(() => _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesyAutoCompleteGooglePlaces?.props?.default), props_), [props_]);
-  const AutoComplete = React.useMemo(() => theme?.elements?.AutoComplete || AutoCompleteElement, [theme]);
-  const ListItem = React.useMemo(() => theme?.elements?.ListItem || ListItemElement, [theme]);
-  const Type = React.useMemo(() => theme?.elements?.Type || TypeElement, [theme]);
-  const {
-      value,
-      valueDefault,
-      valueInputDefault: valueInputDefault_,
-      onChangeInput: onChangeInputProps,
-      size = 'regular',
-      optionsGoogle: optionsGoogle_,
-      className,
-      children
-    } = props,
-    other = _objectWithoutProperties(props, _excluded);
-  const {
-    classes
-  } = useStyle();
-  const [places, setPlaces] = React.useState([]);
-  const refs = {
-    google: React.useRef(undefined)
-  };
-  const optionsGoogle = React.useMemo(() => {
-    return optionsGoogle_ || {
-      fields: ['name', 'address_component', 'location', 'geometry']
-    };
-  }, [optionsGoogle_]);
-  const onGoogleResults = React.useCallback(results => {
-    // update places
-    setPlaces(results?.map(item => _objectSpread(_objectSpread({}, item), {}, {
-      name: item.description
-    })) || []);
-  }, []);
-  const init = React.useCallback(async () => {
-    if (!window.google) return;
-    const google = window.google;
-    const {
-      AutocompleteService
-    } = await google.maps.importLibrary('places');
-    refs.google.current = new AutocompleteService(undefined, options);
-  }, []);
-  React.useEffect(() => {
-    // init
-    init();
-  }, []);
-  const onChangeInput = React.useCallback(debounce(valueNew => {
-    if (is('function', onChangeInputProps)) onChangeInputProps(valueNew);
-    if (!refs.google.current) return;
-
-    // Make a Google request
-    refs.google.current.getQueryPredictions({
-      input: valueNew
-    }, onGoogleResults);
-  }, 440), [optionsGoogle, onChangeInputProps]);
-  const options = React.useMemo(() => {
-    return places.map(item => _objectSpread(_objectSpread({}, item), {}, {
-      value: item.name
-    }));
-  }, [places]);
-  const valueInputDefault = React.useMemo(() => {
-    return valueInputDefault_ !== undefined ? valueInputDefault_ : options.find(item => item.value === (value !== undefined ? value : valueDefault))?.name;
-  }, []);
-  return /*#__PURE__*/React.createElement(AutoComplete, _extends({
-    ref: ref,
-    valueInputDefault: valueInputDefault,
-    valueDefault: valueDefault,
-    value: value,
-    options: options,
-    onChangeInput: onChangeInput,
-    size: size,
-    renderOption: (item, index_, propsItem) => /*#__PURE__*/React.createElement(ListItem, _extends({
-      key: index_,
-      start: item.flag,
-      startAlign: "center",
-      primary: /*#__PURE__*/React.createElement(Type, {
-        version: "b3"
-      }, item.name),
-      value: item.value,
-      selected: item.value === (value?.value !== undefined ? value?.value : value),
-      size: "small",
-      button: true
-    }, propsItem)),
-    className: classNames([staticClassName('AutoCompleteGooglePlaces', theme) && ['onesy-AutoCompleteGooglePlaces-root', `onesy-AutoCompleteGooglePlaces-size-${size}`], className, classes.root])
-  }, other));
-});
-AutoCompleteGooglePlaces.displayName = 'onesy-AutoCompleteGooglePlaces';
-export default AutoCompleteGooglePlaces;

package/esm/AutoCompleteGooglePlaces/index.js

@@ -1 +0,0 @@
-export { default } from './AutoCompleteGooglePlaces';