@cube-dev/ui-kit 0.22.8 → 0.23.0

package/es/components/forms/wrapper.js

@@ -0,0 +1,36 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.23.0
+ * Released under the MIT license.
+ */
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FieldWrapper } from './FieldWrapper';
+export function wrapWithField(component, ref, props) {
+    let { label, extra, labelPosition = 'top', labelStyles, isRequired, necessityIndicator, necessityLabel, validationState, message, description, isDisabled, labelProps, requiredMark = true, tooltip, isHidden, labelSuffix, styles, children, } = props;
+    return (_jsx(FieldWrapper, { ...{
+            labelPosition,
+            label,
+            extra,
+            styles,
+            isRequired,
+            labelStyles,
+            necessityIndicator,
+            necessityLabel,
+            labelProps,
+            isDisabled,
+            validationState,
+            message,
+            description,
+            requiredMark,
+            tooltip,
+            isHidden,
+            labelSuffix,
+            children,
+            Component: component,
+            ref,
+        } }, void 0));
+}
+
+        

package/es/components/layout/Flex.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.8
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/components/layout/Flow.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.8
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/components/layout/Grid.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.8
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/components/layout/Prefix.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.8
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/components/layout/Space.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.8
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/components/layout/Suffix.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.8
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/components/navigation/LegacyTabs/LegacyTabs.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.8
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/components/navigation/Link/Link.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.8
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/components/organisms/FileTabs/FileTabs.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.8
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/components/organisms/Modal/Modal.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.8
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/components/organisms/StatsCard/StatsCard.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.8
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/components/other/Base64Upload/Base64Upload.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.8
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/components/other/Calendar/Calendar.js

@@ -0,0 +1,56 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.23.0
+ * Released under the MIT license.
+ */
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useImperativeHandle, useRef } from 'react';
+import { useCalendar } from '@react-aria/calendar';
+import { useCalendarState } from '@react-stately/calendar';
+import { createCalendar } from '@internationalized/date';
+import { useLocale } from '@react-aria/i18n';
+import { createDOMRef } from '@react-spectrum/utils';
+import { LeftOutlined, RightOutlined } from '@ant-design/icons';
+import { Button } from '../../actions';
+import { tasty } from '../../../tasty';
+import { Title } from '../../content/Title';
+import { useProviderProps } from '../../../provider';
+import { CalendarGrid } from './CalendarGrid';
+const CalendarElement = tasty({
+    styles: {
+        padding: '1x',
+        gap: '1x',
+    },
+});
+const CalendarHeaderElement = tasty({
+    styles: {
+        display: 'flex',
+        placeContent: 'center space-between',
+        placeItems: 'center',
+        gap: '1.5x',
+    },
+});
+function Calendar(props, ref) {
+    props = useProviderProps(props);
+    let { locale } = useLocale();
+    let state = useCalendarState({
+        ...props,
+        locale,
+        createCalendar,
+    });
+    let domRef = useRef(null);
+    useImperativeHandle(ref, () => ({
+        ...createDOMRef(domRef),
+        focus() {
+            state.setFocused(true);
+        },
+    }));
+    let { calendarProps, prevButtonProps, nextButtonProps, title } = useCalendar(props, state);
+    return (_jsxs(CalendarElement, { ...calendarProps, children: [_jsxs(CalendarHeaderElement, { children: [_jsx(Title, { level: 6, preset: "h6", children: title }, void 0), _jsxs(Button.Group, { gap: ".5x", children: [_jsx(Button, { size: "small", ...prevButtonProps, icon: _jsx(LeftOutlined, {}, void 0) }, void 0), _jsx(Button, { size: "small", ...nextButtonProps, icon: _jsx(RightOutlined, {}, void 0) }, void 0)] }, void 0)] }, void 0), _jsx(CalendarGrid, { state: state }, void 0)] }, void 0));
+}
+const _Calendar = forwardRef(Calendar);
+export { _Calendar as Calendar };
+
+        

package/es/components/other/Calendar/CalendarCell.js

@@ -0,0 +1,61 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.23.0
+ * Released under the MIT license.
+ */
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRef } from 'react';
+import { useCalendarCell } from '@react-aria/calendar';
+import { tasty } from '../../../tasty';
+const CalendarCellElement = tasty({
+    as: 'td',
+    styles: {
+        preset: 't3m',
+        margin: 0,
+        padding: '1bw right bottom',
+    },
+});
+const CalendarButtonElement = tasty({
+    styles: {
+        display: 'grid',
+        placeItems: 'center',
+        width: '3.5x',
+        height: '3.5x',
+        fill: {
+            '': '#purple.0',
+            ':hover': '#purple.16',
+            pressed: '#purple.10',
+            selected: '#purple',
+            'selected & :hover': '#purple-text',
+            'selected & pressed': '#purple',
+            'disabled | unavailable': '#purple.0',
+        },
+        color: {
+            '': '#dark',
+            selected: '#white',
+            'disabled | unavailable': '#dark.30',
+        },
+        outline: {
+            '': '0 #purple-03.0',
+            focused: '@outline-width #purple-03',
+        },
+        radius: true,
+        cursor: 'pointer',
+    },
+});
+export function CalendarCell({ state, date }) {
+    let ref = useRef(null);
+    let { cellProps, buttonProps, isSelected, isPressed, isFocused, isInvalid, isOutsideVisibleRange, isDisabled, isUnavailable, formattedDate, } = useCalendarCell({ date }, state, ref);
+    return (_jsx(CalendarCellElement, { ...cellProps, children: _jsx(CalendarButtonElement, { ...buttonProps, ref: ref, hidden: isOutsideVisibleRange, mods: {
+                selected: isSelected,
+                pressed: isPressed,
+                focused: isFocused,
+                invalid: isInvalid,
+                disabled: isDisabled,
+                unavailable: isUnavailable,
+            }, children: formattedDate }, void 0) }, void 0));
+}
+
+        

package/es/components/other/Calendar/CalendarGrid.js

@@ -0,0 +1,30 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.23.0
+ * Released under the MIT license.
+ */
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCalendarGrid } from '@react-aria/calendar';
+import { getWeeksInMonth } from '@internationalized/date';
+import { useLocale } from '@react-aria/i18n';
+import { tasty } from '../../../tasty';
+import { CalendarCell } from './CalendarCell';
+const TableElement = tasty({
+    as: 'table',
+    styles: {
+        borderCollapse: 'collapse',
+    },
+});
+export function CalendarGrid({ state, ...props }) {
+    let { locale } = useLocale();
+    let { gridProps, headerProps, weekDays } = useCalendarGrid(props, state);
+    // Get the number of weeks in the month, so we can render the proper number of rows.
+    let weeksInMonth = getWeeksInMonth(state.visibleRange.start, locale);
+    return (_jsxs(TableElement, { ...gridProps, children: [_jsx("thead", { "data-element": "Head", ...headerProps, children: _jsx("tr", { "data-element": "HeadRow", children: weekDays.map((day, index) => (_jsx("th", { children: day }, index))) }, void 0) }, void 0), _jsx("tbody", { "data-element": "Body", children: [...new Array(weeksInMonth).keys()].map((weekIndex) => (_jsx("tr", { "data-element": "Row", children: state
+                        .getDatesInWeek(weekIndex)
+                        .map((date, i) => date ? (_jsx(CalendarCell, { state: state, date: date }, i)) : (_jsx("td", {}, i))) }, weekIndex))) }, void 0)] }, void 0));
+}
+
+        

package/es/components/other/Calendar/RangeCalendar.js

@@ -0,0 +1,56 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.23.0
+ * Released under the MIT license.
+ */
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useImperativeHandle, useRef } from 'react';
+import { useRangeCalendar } from '@react-aria/calendar';
+import { useRangeCalendarState } from '@react-stately/calendar';
+import { createCalendar } from '@internationalized/date';
+import { useLocale } from '@react-aria/i18n';
+import { createDOMRef } from '@react-spectrum/utils';
+import { LeftOutlined, RightOutlined } from '@ant-design/icons';
+import { Button } from '../../actions';
+import { tasty } from '../../../tasty';
+import { Title } from '../../content/Title';
+import { useProviderProps } from '../../../provider';
+import { CalendarGrid } from './CalendarGrid';
+const CalendarElement = tasty({
+    styles: {
+        padding: '1x',
+        gap: '1x',
+    },
+});
+const CalendarHeaderElement = tasty({
+    styles: {
+        display: 'flex',
+        placeContent: 'center space-between',
+        placeItems: 'center',
+        gap: '1.5x',
+    },
+});
+function RangeCalendar(props, ref) {
+    props = useProviderProps(props);
+    let { locale } = useLocale();
+    let state = useRangeCalendarState({
+        ...props,
+        locale,
+        createCalendar,
+    });
+    let domRef = useRef(null);
+    useImperativeHandle(ref, () => ({
+        ...createDOMRef(domRef),
+        focus() {
+            state.setFocused(true);
+        },
+    }));
+    let { calendarProps, prevButtonProps, nextButtonProps, title } = useRangeCalendar(props, state, domRef);
+    return (_jsxs(CalendarElement, { ref: domRef, ...calendarProps, children: [_jsxs(CalendarHeaderElement, { children: [_jsx(Title, { level: 6, preset: "h6", children: title }, void 0), _jsxs(Button.Group, { gap: ".5x", children: [_jsx(Button, { size: "small", ...prevButtonProps, icon: _jsx(LeftOutlined, {}, void 0) }, void 0), _jsx(Button, { size: "small", ...nextButtonProps, icon: _jsx(RightOutlined, {}, void 0) }, void 0)] }, void 0)] }, void 0), _jsx(CalendarGrid, { state: state }, void 0)] }, void 0));
+}
+const _RangeCalendar = forwardRef(RangeCalendar);
+export { _RangeCalendar as RangeCalendar };
+
+        

package/es/components/other/CloudLogo/CloudLogo.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.8
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/components/overlays/AlertDialog/AlertDialog.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.8
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/components/overlays/AlertDialog/AlertDialogApiProvider.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.8
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/components/overlays/AlertDialog/AlertDialogZone.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.8
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/components/overlays/AlertDialog/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.8
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/components/overlays/AlertDialog/types.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.8
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/components/overlays/Dialog/Dialog.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.8
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/components/overlays/Dialog/DialogContainer.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.8
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/components/overlays/Dialog/DialogForm.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.8
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/components/overlays/Dialog/DialogTrigger.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.8
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/components/overlays/Dialog/context.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.8
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/components/overlays/Dialog/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.8
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/components/overlays/Modal/Modal.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.8
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/components/overlays/Modal/OpenTransition.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.8
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/components/overlays/Modal/Overlay.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.8
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/components/overlays/Modal/Popover.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.8
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/components/overlays/Modal/Tray.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.8
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/components/overlays/Modal/Underlay.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.8
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/components/overlays/Modal/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.8
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/components/overlays/Modal/types.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.8
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/components/overlays/NewNotifications/Bar/FloatingNotification.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.8
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/components/overlays/NewNotifications/Bar/NotificationsBar.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.8
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/components/overlays/NewNotifications/Bar/TransitionComponent.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.8
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/components/overlays/NewNotifications/Bar/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.8
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/components/overlays/NewNotifications/Dialog/NotificationsDialogTrigger.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.8
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/components/overlays/NewNotifications/Dialog/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.8
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/components/overlays/NewNotifications/Notification.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.8
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/components/overlays/NewNotifications/NotificationView/NotificationAction.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.8
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 

package/es/components/overlays/NewNotifications/NotificationView/NotificationCloseButton.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.8
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */