colibri-ui 0.8.28 → 0.8.29
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm/Accordion/index.js +2 -2
- package/esm/Avatar/assets/org-circle.svg.js +2 -36
- package/esm/Avatar/assets/user-circle.svg.js +2 -15
- package/esm/Calendar/index.js +1 -2
- package/esm/Datepicker/components/TimePicker/helpers.js +2 -17
- package/esm/Datepicker/components/TimePicker/index.js +1 -1
- package/esm/Modal/components/Close/index.js +2 -2
- package/esm/MultiSelect/components/MenuOverlay/index.js +1 -1
- package/esm/MultiSelect/index.js +2 -3
- package/esm/TimeSelect/helpers.js +2 -6
- package/esm/helpers/date/index.js +1 -1
- package/esm/index.js +0 -1
- package/package.json +1 -1
- package/esm/Icons/index.js +0 -19
package/esm/Accordion/index.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React__default, { useState, useRef, useEffect } from 'react';
|
|
2
2
|
import classNames from 'classnames/bind';
|
|
3
|
-
import '
|
|
3
|
+
import 'tslib';
|
|
4
|
+
import Chevron from '../Icons/Chevron.js';
|
|
4
5
|
import Typography from '../Typography/index.js';
|
|
5
6
|
import styles from './Accordion.module.css';
|
|
6
|
-
import Chevron from '../Icons/Chevron.js';
|
|
7
7
|
|
|
8
8
|
var clx = classNames.bind(styles);
|
|
9
9
|
var Accordion = function Accordion(_a) {
|
|
@@ -1,39 +1,5 @@
|
|
|
1
|
-
import
|
|
1
|
+
import 'react';
|
|
2
2
|
|
|
3
|
-
var _circle, _mask, _g;
|
|
4
|
-
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
5
|
-
var SvgOrgCircle = function SvgOrgCircle(props) {
|
|
6
|
-
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
7
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
8
|
-
width: 42,
|
|
9
|
-
height: 42,
|
|
10
|
-
fill: "none"
|
|
11
|
-
}, props), _circle || (_circle = /*#__PURE__*/React.createElement("circle", {
|
|
12
|
-
cx: 21,
|
|
13
|
-
cy: 21,
|
|
14
|
-
r: 21,
|
|
15
|
-
fill: "#eceef2"
|
|
16
|
-
})), _mask || (_mask = /*#__PURE__*/React.createElement("mask", {
|
|
17
|
-
id: "org-circle_svg__a",
|
|
18
|
-
width: 42,
|
|
19
|
-
height: 42,
|
|
20
|
-
x: 0,
|
|
21
|
-
y: 0,
|
|
22
|
-
maskUnits: "userSpaceOnUse"
|
|
23
|
-
}, /*#__PURE__*/React.createElement("circle", {
|
|
24
|
-
cx: 21,
|
|
25
|
-
cy: 21,
|
|
26
|
-
r: 21,
|
|
27
|
-
fill: "#eceef2"
|
|
28
|
-
}))), _g || (_g = /*#__PURE__*/React.createElement("g", {
|
|
29
|
-
mask: "url(#org-circle_svg__a)"
|
|
30
|
-
}, /*#__PURE__*/React.createElement("path", {
|
|
31
|
-
fill: "#bcc1cc",
|
|
32
|
-
fillRule: "evenodd",
|
|
33
|
-
d: "M19.103 27.36V34H9V12.062L22.567 6v21.36zm-6.64 0v1.733h3.176V27.36h-3.175zm0-6.638v1.732h6.64v-1.732zm0-4.042v1.732h6.64V16.68zM32.67 27.36h-6.062v1.733h6.062V34h-9.526V18.124h9.526z",
|
|
34
|
-
clipRule: "evenodd"
|
|
35
|
-
}))));
|
|
36
|
-
};
|
|
37
3
|
var orgCircleUrl = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2242%22%20height%3D%2242%22%20fill%3D%22none%22%20viewBox%3D%220%200%2042%2042%22%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%2221%22%20r%3D%2221%22%20fill%3D%22%23eceef2%22%2F%3E%3Cmask%20id%3D%22org-circle_svg__a%22%20width%3D%2242%22%20height%3D%2242%22%20x%3D%220%22%20y%3D%220%22%20maskUnits%3D%22userSpaceOnUse%22%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%2221%22%20r%3D%2221%22%20fill%3D%22%23eceef2%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url%28%23org-circle_svg__a%29%22%3E%3Cpath%20fill%3D%22%23bcc1cc%22%20fill-rule%3D%22evenodd%22%20d%3D%22M19.103%2027.36V34H9V12.062L22.567%206v21.36h-3.464zm-6.64%200v1.733h3.176V27.36h-3.175zm0-6.638v1.732h6.64v-1.732h-6.64zm0-4.042v1.732h6.64V16.68h-6.64zM32.67%2027.36h-6.062v1.733h6.062V34h-9.526V18.124h9.526v9.237z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E";
|
|
38
4
|
|
|
39
|
-
export {
|
|
5
|
+
export { orgCircleUrl as default };
|
|
@@ -1,18 +1,5 @@
|
|
|
1
|
-
import
|
|
1
|
+
import 'react';
|
|
2
2
|
|
|
3
|
-
var _path;
|
|
4
|
-
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
5
|
-
var SvgUserCircle = function SvgUserCircle(props) {
|
|
6
|
-
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
7
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
8
|
-
width: 42,
|
|
9
|
-
height: 39,
|
|
10
|
-
fill: "none"
|
|
11
|
-
}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
|
|
12
|
-
fill: "#ECEEF2",
|
|
13
|
-
d: "M33.6 37.997c-2.9-1.709-7-4.725-8.6-4.725h-3.802c-.9 0-2.8-.805-3-1.507-.199-.503-.199-1.408-.1-2.212 0-.1.303-.1.402 0 .8.905 1.099 1.508 1.9 1.508h1.8c.7 0 3.1-2.111 4.099-4.725.2-.603.4-1.608.5-2.713 0-.1.1-.202.1-.1.1.501.3 1.105.4 1.105.3.201.7-.603 1.2-1.709.5-1.006.5-1.608.7-2.413.3-1.105-.1-1.91-.4-1.91a.91.91 0 0 0-.7.302c-.1 0-.2 0-.2-.1 0-.704.1-1.81.9-2.413-1.1-1.005-.4-2.714-.4-2.714.4.2.4 0 .4 0l-.2-1.106c.6-.1 1.1-.603 1.1-.603s-1.6-.402-2.4-1.005c.7-.202 1.117-.957 1.117-.957S27 9.952 26 9.65c.9-.904.3-2.15.3-2.15s-1.6.441-4.7.441c-2.2-.1-3-.402-4.6 1.207-1.9 1.909-1.9 2.412-3.1 2.412 1 1.407.5 2.814.5 2.814l-.1 2.112.1.401s0 .1.1.302c0 .101 0 .303.1.402l.3 1.61s-.1.1-.2 0a1.42 1.42 0 0 0-1.2-.604c-.3 0-.8.805-.4 1.91.3.804.6 1.306.9 2.412s.9 1.91 1.2 1.71q.15-.153.3-.906c0-.1.1 0 .2.102.1 1.004.3 1.908.5 2.411.2.302.4.703.6 1.005-.2 1.709-.4 3.82-.8 5.428-2.6.704-6.6 1.91-10 2.714-3.8-3.416-6-8.643-6-14.273C0 9.45 9.4 0 21 0s21 9.45 21 21.11c0 6.936-3.3 13.066-8.4 16.887"
|
|
14
|
-
})));
|
|
15
|
-
};
|
|
16
3
|
var userCircleUrl = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2242%22%20height%3D%2239%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23ECEEF2%22%20fillRule%3D%22evenodd%22%20d%3D%22M33.6%2037.997c-2.9-1.709-7-4.725-8.6-4.725h-3.802c-.9%200-2.8-.805-3-1.507-.199-.503-.199-1.408-.1-2.212%200-.1.303-.1.402%200%20.8.905%201.099%201.508%201.9%201.508h1.8c.7%200%203.1-2.111%204.099-4.725.2-.603.4-1.608.5-2.713%200-.1.1-.202.1-.1.1.501.3%201.105.4%201.105.3.201.7-.603%201.2-1.709.5-1.006.5-1.608.7-2.413.3-1.105-.1-1.91-.4-1.91a.91.91%200%200%200-.7.302c-.1%200-.2%200-.2-.1%200-.704.1-1.81.9-2.413-1.1-1.005-.4-2.714-.4-2.714.4.2.4%200%20.4%200l-.2-1.106c.6-.1%201.1-.603%201.1-.603s-1.6-.402-2.4-1.005c.7-.202%201.117-.957%201.117-.957S27%209.952%2026%209.65c.9-.904.3-2.15.3-2.15s-1.6.441-4.7.441c-2.2-.1-3-.402-4.6%201.207-1.9%201.909-1.9%202.412-3.1%202.412%201%201.407.5%202.814.5%202.814l-.1%202.112.1.401s0%20.1.1.302c0%20.101%200%20.303.1.402l.3%201.61s-.1.1-.2%200a1.42%201.42%200%200%200-1.2-.604c-.3%200-.8.805-.4%201.91.3.804.6%201.306.9%202.412s.9%201.91%201.2%201.71q.15-.153.3-.906c0-.1.1%200%20.2.102.1%201.004.3%201.908.5%202.411.2.302.4.703.6%201.005-.2%201.709-.4%203.82-.8%205.428-2.6.704-6.6%201.91-10%202.714C2.2%2031.967%200%2026.74%200%2021.11%200%209.45%209.4%200%2021%200s21%209.45%2021%2021.11c0%206.936-3.3%2013.066-8.4%2016.887%22%20clipRule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E";
|
|
17
4
|
|
|
18
|
-
export {
|
|
5
|
+
export { userCircleUrl as default };
|
package/esm/Calendar/index.js
CHANGED
|
@@ -3,14 +3,13 @@ import React__default, { useRef, useState, useEffect, useCallback } from 'react'
|
|
|
3
3
|
import classNames from 'classnames/bind';
|
|
4
4
|
import { requestIdleCallback } from '../libs/requestIdleCallback/index.js';
|
|
5
5
|
import { getDaysDiff } from '../helpers/date/index.js';
|
|
6
|
-
import '../Icons/
|
|
6
|
+
import ArrowNext from '../Icons/ArrowNext.js';
|
|
7
7
|
import { Month } from './components/Month/Month.js';
|
|
8
8
|
import { getStartMonth } from './utils/getStartMonth.js';
|
|
9
9
|
import { Presets } from './components/Presets/index.js';
|
|
10
10
|
import { getNumberOfMonthsBetweenDates } from './utils/getNumberOfMonthsBetweenDates.js';
|
|
11
11
|
import { ContinueButton } from './components/ContinueButton/index.js';
|
|
12
12
|
import styles from './index.module.css';
|
|
13
|
-
import ArrowNext from '../Icons/ArrowNext.js';
|
|
14
13
|
|
|
15
14
|
var clx = classNames.bind(styles);
|
|
16
15
|
var idleCallbackOptions = {
|
|
@@ -1,11 +1,7 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { addMinutes, format } from 'date-fns';
|
|
2
2
|
|
|
3
3
|
var day = new Date();
|
|
4
4
|
day.setHours(24, 0, 0, 0);
|
|
5
|
-
var DEFAULT_TIME = {
|
|
6
|
-
index: 24,
|
|
7
|
-
time: "12:00"
|
|
8
|
-
};
|
|
9
5
|
var formatTime = function formatTime(date) {
|
|
10
6
|
return format(date, "HH:mm");
|
|
11
7
|
};
|
|
@@ -20,16 +16,5 @@ var generateSuggest = function generateSuggest(interval) {
|
|
|
20
16
|
};
|
|
21
17
|
});
|
|
22
18
|
};
|
|
23
|
-
var checkIsBeforeNow = function checkIsBeforeNow(time, currentDate) {
|
|
24
|
-
return currentDate ? isBefore(parse(time, "HH:mm", currentDate), new Date()) : false;
|
|
25
|
-
};
|
|
26
|
-
var checkIsBeforeSelectedDate = function checkIsBeforeSelectedDate(time, interval, date) {
|
|
27
|
-
if (date) {
|
|
28
|
-
var selectedDate = new Date(date);
|
|
29
|
-
selectedDate.setMinutes(selectedDate.getMinutes() + interval);
|
|
30
|
-
return isBefore(parse(time, "HH:mm", date), selectedDate);
|
|
31
|
-
}
|
|
32
|
-
return false;
|
|
33
|
-
};
|
|
34
19
|
|
|
35
|
-
export {
|
|
20
|
+
export { formatTime, generateSuggest };
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React__default from 'react';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
|
-
import '
|
|
4
|
-
import styles from './Close.module.css';
|
|
3
|
+
import 'tslib';
|
|
5
4
|
import CloseIcon from '../../../Icons/Close.js';
|
|
5
|
+
import styles from './Close.module.css';
|
|
6
6
|
|
|
7
7
|
var Close = function Close(_a) {
|
|
8
8
|
var onClick = _a.onClick;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React__default, { useRef, useState, useLayoutEffect
|
|
1
|
+
import React__default, { memo, useRef, useState, useLayoutEffect } from 'react';
|
|
2
2
|
import classNames from 'classnames/bind';
|
|
3
3
|
import Menu from '../../../Menu/index.js';
|
|
4
4
|
import SelectItem from '../MenuOverlayItem/index.js';
|
package/esm/MultiSelect/index.js
CHANGED
|
@@ -4,13 +4,12 @@ import classNames from 'classnames/bind';
|
|
|
4
4
|
import Dropdown from '../Dropdown/index.js';
|
|
5
5
|
import InputRoot from '../base/InputRoot/index.js';
|
|
6
6
|
import FormField from '../base/FormField/index.js';
|
|
7
|
-
import '../Icons/
|
|
7
|
+
import Chevron from '../Icons/Chevron.js';
|
|
8
|
+
import CrossFill from '../Icons/CrossFill.js';
|
|
8
9
|
import Chip from '../Chip/index.js';
|
|
9
10
|
import styles from './index.module.css';
|
|
10
11
|
import MenuOverlay from './components/MenuOverlay/index.js';
|
|
11
12
|
import { toKey, fromKey } from './utils/index.js';
|
|
12
|
-
import Chevron from '../Icons/Chevron.js';
|
|
13
|
-
import CrossFill from '../Icons/CrossFill.js';
|
|
14
13
|
|
|
15
14
|
var clx = classNames.bind(styles);
|
|
16
15
|
var getValue = function getValue(options) {
|
|
@@ -1,11 +1,7 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { addMinutes, isBefore, parse, format } from 'date-fns';
|
|
2
2
|
|
|
3
3
|
var day = new Date();
|
|
4
4
|
day.setHours(24, 0, 0, 0);
|
|
5
|
-
var DEFAULT_TIME = {
|
|
6
|
-
index: 24,
|
|
7
|
-
time: "12:00"
|
|
8
|
-
};
|
|
9
5
|
var formatTime = function formatTime(date) {
|
|
10
6
|
return format(date, "HH:mm");
|
|
11
7
|
};
|
|
@@ -32,4 +28,4 @@ var checkIsBeforeSelectedDate = function checkIsBeforeSelectedDate(time, interva
|
|
|
32
28
|
return false;
|
|
33
29
|
};
|
|
34
30
|
|
|
35
|
-
export {
|
|
31
|
+
export { checkIsBeforeNow, checkIsBeforeSelectedDate, formatTime, generateSuggest };
|
package/esm/index.js
CHANGED
|
@@ -34,7 +34,6 @@ export { default as Typography } from './Typography/index.js';
|
|
|
34
34
|
export { default as useMediaSizes } from './hooks/useMediaSizes/index.js';
|
|
35
35
|
export { default as useOnClickOutside } from './hooks/useOnClickOutside/index.js';
|
|
36
36
|
export { default as useScrollLock } from './hooks/useScrollLock/index.js';
|
|
37
|
-
import './Icons/index.js';
|
|
38
37
|
export { default as ArrowNext } from './Icons/ArrowNext.js';
|
|
39
38
|
export { default as Cart } from './Icons/Cart.js';
|
|
40
39
|
export { default as Chevron } from './Icons/Chevron.js';
|
package/package.json
CHANGED
package/esm/Icons/index.js
DELETED
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
export { default as ArrowNext } from './ArrowNext.js';
|
|
2
|
-
export { default as Cart } from './Cart.js';
|
|
3
|
-
export { default as Chevron } from './Chevron.js';
|
|
4
|
-
export { default as Close } from './Close.js';
|
|
5
|
-
export { default as Cross } from './Cross.js';
|
|
6
|
-
export { default as CrossFill } from './CrossFill.js';
|
|
7
|
-
export { default as Edit } from './Edit.js';
|
|
8
|
-
export { default as Exit } from './Exit.js';
|
|
9
|
-
export { default as EyeOpen } from './EyeOpen.js';
|
|
10
|
-
export { default as EyeClosed } from './EyeClosed.js';
|
|
11
|
-
export { default as Help } from './Help.js';
|
|
12
|
-
export { default as Info } from './Info.js';
|
|
13
|
-
export { default as Minus } from './Minus.js';
|
|
14
|
-
export { default as More } from './More.js';
|
|
15
|
-
export { default as Plus } from './Plus.js';
|
|
16
|
-
export { default as Setting } from './Setting.js';
|
|
17
|
-
export { default as Shield } from './Shield.js';
|
|
18
|
-
export { default as Trash } from './Trash.js';
|
|
19
|
-
export { default as User } from './User.js';
|