@onesy/ui-react 1.0.21 → 1.0.23

package/Clock/Clock.js

@@ -235,7 +235,7 @@ const Clock = react_1.default.forwardRef((props__, ref) => {
         }
     }, [selecting]);
     const onUpdate = react_1.default.useCallback((valueNew) => {
-        const newValue = valueNew.milliseconds;
+        const newValue = (valueNew === null || valueNew === void 0 ? void 0 : valueNew.milliseconds) || null;
         const previousValue = refs.value.current.milliseconds;
         if (newValue === previousValue)
             return;

package/CookieBanner/CookieBanner.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { IPropsAny } from '../types';
+import { ISurface } from '../Surface/Surface';
+export interface ICookieBanner extends ISurface {
+    name?: any;
+    description?: any;
+    startActions?: any;
+    endActions?: any;
+    onReject?: () => any;
+    onAllow?: () => any;
+    in?: boolean;
+    TransitionElement?: any;
+    noTransition?: boolean;
+    MainProps?: IPropsAny;
+    NameProps?: IPropsAny;
+    DescriptionProps?: IPropsAny;
+    RejectButtonProps?: IPropsAny;
+    AllowButtonProps?: IPropsAny;
+    TransitionProps?: IPropsAny;
+}
+declare const CookieBanner: React.FC<ICookieBanner>;
+export default CookieBanner;

package/CookieBanner/CookieBanner.js

@@ -0,0 +1,80 @@
+"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 Button_1 = __importDefault(require("../Button"));
+const Type_1 = __importDefault(require("../Type"));
+const Surface_1 = __importDefault(require("../Surface"));
+const Slide_1 = __importDefault(require("../Slide"));
+const Line_1 = __importDefault(require("../Line"));
+const utils_2 = require("../utils");
+const useStyle = (0, style_react_1.style)(theme => ({
+    root: {
+        position: 'fixed',
+        left: '0',
+        bottom: '0',
+        zIndex: theme.z_index.modal,
+        boxShadow: '0px 4px 32px 0px rgba(0,0,0,0.014)'
+    },
+    size_small: {
+        padding: '12px 16px'
+    },
+    size_regular: {
+        padding: '20px 18px'
+    },
+    size_large: {
+        padding: '28px 20px'
+    },
+    main: {
+        maxWidth: '1100px'
+    }
+}), { name: 'onesy-CookieBanner' });
+const CookieBanner = 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.onesyBanner) === null || _g === void 0 ? void 0 : _g.props) === null || _h === void 0 ? void 0 : _h.default), props_)); }, [props_]);
+    const Line = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.Line) || Line_1.default; }, [theme]);
+    const Slide = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.Slide) || Slide_1.default; }, [theme]);
+    const Surface = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.Surface) || Surface_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 Button = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.Button) || Button_1.default; }, [theme]);
+    const { name, description, size = 'regular', startActions, endActions, onReject, onAllow, in: inProp, TransitionElement: TransitionElementProps = Slide, noTransition, MainProps, NameProps, DescriptionProps, RejectButtonProps, AllowButtonProps, TransitionProps, className, children } = props, other = __rest(props, ["name", "description", "size", "startActions", "endActions", "onReject", "onAllow", "in", "TransitionElement", "noTransition", "MainProps", "NameProps", "DescriptionProps", "RejectButtonProps", "AllowButtonProps", "TransitionProps", "className", "children"]);
+    const { classes } = useStyle();
+    const TransitionElement = noTransition ? react_1.default.Fragment : TransitionElementProps;
+    const WrapperProps = noTransition ? undefined : Object.assign(Object.assign({}, TransitionProps), { in: inProp });
+    const buttonProps = {
+        size
+    };
+    return ((0, jsx_runtime_1.jsx)(TransitionElement, Object.assign({}, WrapperProps, { children: (0, jsx_runtime_1.jsx)(Line, Object.assign({ ref: ref, gap: 1.5, align: 'center', fullWidth: true, Component: Surface, color: 'default', role: 'region', "aria-label": 'Cookie Banner', className: (0, style_react_1.classNames)([
+                (0, utils_2.staticClassName)('CookieBanner', theme) && [
+                    'onesy-CookieBanner-root',
+                    `onesy-CookieBanner-size-${size}`
+                ],
+                className,
+                classes.root,
+                classes[`size_${size}`]
+            ]) }, other, { children: (0, jsx_runtime_1.jsxs)(Line, Object.assign({ gap: 1.5, direction: 'row', wrap: 'wrap', align: 'center', justify: 'space-between', fullWidth: true }, MainProps, { className: (0, style_react_1.classNames)([
+                    (0, utils_2.staticClassName)('CookieBanner', theme) && [
+                        'onesy-CookieBanner-main'
+                    ],
+                    MainProps === null || MainProps === void 0 ? void 0 : MainProps.className,
+                    classes.main
+                ]) }, { children: [(0, jsx_runtime_1.jsxs)(Line, Object.assign({ gap: 0.25 }, { children: [(0, utils_1.is)('string', name) ? ((0, jsx_runtime_1.jsx)(Type, Object.assign({ version: size === 'large' ? 't1' : size === 'regular' ? 't2' : 't3', weight: 500 }, NameProps, { children: name }))) : name, (0, utils_1.is)('string', description) ? ((0, jsx_runtime_1.jsx)(Type, Object.assign({ version: size === 'large' ? 'b1' : size === 'regular' ? 'b2' : 'b3' }, DescriptionProps, { children: description }))) : description] })), (0, jsx_runtime_1.jsxs)(Line, Object.assign({ gap: 1, direction: 'row', align: 'center' }, { children: [startActions, (0, jsx_runtime_1.jsx)(Button, Object.assign({ onClick: onReject, color: 'default' }, buttonProps, RejectButtonProps, { children: "Reject All" })), (0, jsx_runtime_1.jsx)(Button, Object.assign({ onClick: onAllow, color: 'primary', version: 'filled' }, buttonProps, AllowButtonProps, { children: "Accept All" })), endActions] }))] })) })) })));
+});
+CookieBanner.displayName = 'onesy-CookieBanner';
+exports.default = CookieBanner;

package/CookieBanner/index.d.ts

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

package/CookieBanner/index.js

@@ -0,0 +1,8 @@
+"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 CookieBanner_1 = require("./CookieBanner");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(CookieBanner_1).default; } });

package/CookieBanner/package.json

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

package/Expand/Expand.js

@@ -21,7 +21,7 @@ const style_react_1 = require("@onesy/style-react");
 const __1 = require("..");
 const Wrapper = react_1.default.forwardRef((props, ref) => {
     const { children, style } = props, other = __rest(props, ["children", "style"]);
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref }, other, { style: Object.assign({ width: '100%' }, style) }, { children: props.children })));
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref }, other, { style: Object.assign({ width: '100%' }, style) }, { children: children })));
 });
 const Expand = react_1.default.forwardRef((props_, ref) => {
     var _a;

package/esm/Clock/Clock.js

@@ -261,7 +261,7 @@ const Clock = /*#__PURE__*/React.forwardRef((props__, ref) => {
     }
   }, [selecting]);
   const onUpdate = React.useCallback(valueNew => {
-    const newValue = valueNew.milliseconds;
+    const newValue = valueNew?.milliseconds || null;
     const previousValue = refs.value.current.milliseconds;
     if (newValue === previousValue) return;
     if (!(readOnly || disabled)) {

package/esm/CookieBanner/CookieBanner.js

@@ -0,0 +1,118 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+const _excluded = ["name", "description", "size", "startActions", "endActions", "onReject", "onAllow", "in", "TransitionElement", "noTransition", "MainProps", "NameProps", "DescriptionProps", "RejectButtonProps", "AllowButtonProps", "TransitionProps", "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 { is } from '@onesy/utils';
+import { classNames, style as styleMethod, useOnesyTheme } from '@onesy/style-react';
+import ButtonElement from '../Button';
+import TypeElement from '../Type';
+import SurfaceElement from '../Surface';
+import SlideElement from '../Slide';
+import LineElement from '../Line';
+import { staticClassName } from '../utils';
+const useStyle = styleMethod(theme => ({
+  root: {
+    position: 'fixed',
+    left: '0',
+    bottom: '0',
+    zIndex: theme.z_index.modal,
+    boxShadow: '0px 4px 32px 0px rgba(0,0,0,0.014)'
+  },
+  size_small: {
+    padding: '12px 16px'
+  },
+  size_regular: {
+    padding: '20px 18px'
+  },
+  size_large: {
+    padding: '28px 20px'
+  },
+  main: {
+    maxWidth: '1100px'
+  }
+}), {
+  name: 'onesy-CookieBanner'
+});
+const CookieBanner = /*#__PURE__*/React.forwardRef((props_, ref) => {
+  const theme = useOnesyTheme();
+  const props = React.useMemo(() => _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesyBanner?.props?.default), props_), [props_]);
+  const Line = React.useMemo(() => theme?.elements?.Line || LineElement, [theme]);
+  const Slide = React.useMemo(() => theme?.elements?.Slide || SlideElement, [theme]);
+  const Surface = React.useMemo(() => theme?.elements?.Surface || SurfaceElement, [theme]);
+  const Type = React.useMemo(() => theme?.elements?.Type || TypeElement, [theme]);
+  const Button = React.useMemo(() => theme?.elements?.Button || ButtonElement, [theme]);
+  const {
+      name,
+      description,
+      size = 'regular',
+      startActions,
+      endActions,
+      onReject,
+      onAllow,
+      in: inProp,
+      TransitionElement: TransitionElementProps = Slide,
+      noTransition,
+      MainProps,
+      NameProps,
+      DescriptionProps,
+      RejectButtonProps,
+      AllowButtonProps,
+      TransitionProps,
+      className,
+      children
+    } = props,
+    other = _objectWithoutProperties(props, _excluded);
+  const {
+    classes
+  } = useStyle();
+  const TransitionElement = noTransition ? React.Fragment : TransitionElementProps;
+  const WrapperProps = noTransition ? undefined : _objectSpread(_objectSpread({}, TransitionProps), {}, {
+    in: inProp
+  });
+  const buttonProps = {
+    size
+  };
+  return /*#__PURE__*/React.createElement(TransitionElement, WrapperProps, /*#__PURE__*/React.createElement(Line, _extends({
+    ref: ref,
+    gap: 1.5,
+    align: "center",
+    fullWidth: true,
+    Component: Surface,
+    color: "default",
+    role: "region",
+    "aria-label": "Cookie Banner",
+    className: classNames([staticClassName('CookieBanner', theme) && ['onesy-CookieBanner-root', `onesy-CookieBanner-size-${size}`], className, classes.root, classes[`size_${size}`]])
+  }, other), /*#__PURE__*/React.createElement(Line, _extends({
+    gap: 1.5,
+    direction: "row",
+    wrap: "wrap",
+    align: "center",
+    justify: "space-between",
+    fullWidth: true
+  }, MainProps, {
+    className: classNames([staticClassName('CookieBanner', theme) && ['onesy-CookieBanner-main'], MainProps?.className, classes.main])
+  }), /*#__PURE__*/React.createElement(Line, {
+    gap: 0.25
+  }, is('string', name) ? /*#__PURE__*/React.createElement(Type, _extends({
+    version: size === 'large' ? 't1' : size === 'regular' ? 't2' : 't3',
+    weight: 500
+  }, NameProps), name) : name, is('string', description) ? /*#__PURE__*/React.createElement(Type, _extends({
+    version: size === 'large' ? 'b1' : size === 'regular' ? 'b2' : 'b3'
+  }, DescriptionProps), description) : description), /*#__PURE__*/React.createElement(Line, {
+    gap: 1,
+    direction: "row",
+    align: "center"
+  }, startActions, /*#__PURE__*/React.createElement(Button, _extends({
+    onClick: onReject,
+    color: "default"
+  }, buttonProps, RejectButtonProps), "Reject All"), /*#__PURE__*/React.createElement(Button, _extends({
+    onClick: onAllow,
+    color: "primary",
+    version: "filled"
+  }, buttonProps, AllowButtonProps), "Accept All"), endActions))));
+});
+CookieBanner.displayName = 'onesy-CookieBanner';
+export default CookieBanner;

package/esm/CookieBanner/index.js

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

package/esm/Expand/Expand.js

@@ -21,7 +21,7 @@ const Wrapper = /*#__PURE__*/React.forwardRef((props, ref) => {
     style: _objectSpread({
       width: '100%'
     }, style)
-  }), props.children);
+  }), children);
 });
 const Expand = /*#__PURE__*/React.forwardRef((props_, ref) => {
   const theme = useOnesyTheme();

package/esm/index.js

@@ -1,4 +1,4 @@
-/** @license UiReact v1.0.21
+/** @license UiReact v1.0.23
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -427,4 +427,6 @@ export * from './CalendarWeek';
 export { default as CalendarMenu } from './CalendarMenu';
 export * from './CalendarMenu';
 export { default as Whiteboard } from './Whiteboard';
-export * from './Whiteboard';
+export * from './Whiteboard';
+export { default as CookieBanner } from './CookieBanner';
+export * from './CookieBanner';

package/index.d.ts

@@ -423,3 +423,5 @@ export { default as CalendarMenu } from './CalendarMenu';
 export * from './CalendarMenu';
 export { default as Whiteboard } from './Whiteboard';
 export * from './Whiteboard';
+export { default as CookieBanner } from './CookieBanner';
+export * from './CookieBanner';

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.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.AutoCompleteGooglePlaces = 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; } });
@@ -659,3 +659,6 @@ __exportStar(require("./CalendarMenu"), exports);
 var Whiteboard_1 = require("./Whiteboard");
 Object.defineProperty(exports, "Whiteboard", { enumerable: true, get: function () { return __importDefault(Whiteboard_1).default; } });
 __exportStar(require("./Whiteboard"), exports);
+var CookieBanner_1 = require("./CookieBanner");
+Object.defineProperty(exports, "CookieBanner", { enumerable: true, get: function () { return __importDefault(CookieBanner_1).default; } });
+__exportStar(require("./CookieBanner"), exports);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onesy/ui-react",
-  "version": "1.0.21",
+  "version": "1.0.23",
   "description": "UI for React",
   "repository": "https://github.com/onesy-me/onesy.git",
   "author": "Lazar <lazareric2@gmail.com>",