@salutejs/plasma-sb-utils 0.213.0-canary.2415.20985766670.0 → 0.213.0-canary.2417.20986471487.0
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/lib/components/DatePicker/DatePicker.d.ts +129 -0
- package/lib/components/DatePicker/DatePicker.js +53 -0
- package/lib/components/DatePicker/DatePicker.js.map +1 -0
- package/lib/components/DatePicker/fixtures.d.ts +12 -0
- package/lib/components/DatePicker/fixtures.js +27 -0
- package/lib/components/DatePicker/fixtures.js.map +1 -0
- package/lib/components/DatePicker/helpers.d.ts +17 -0
- package/lib/components/DatePicker/helpers.js +93 -0
- package/lib/components/DatePicker/helpers.js.map +1 -0
- package/lib/components/DatePicker/index.d.ts +1 -0
- package/lib/components/DatePicker/index.js +2 -0
- package/lib/components/DatePicker/index.js.map +1 -0
- package/lib/components/DatePicker/meta.d.ts +116 -0
- package/lib/components/DatePicker/meta.js +257 -0
- package/lib/components/DatePicker/meta.js.map +1 -0
- package/lib/components/DatePicker/stories.d.ts +2 -0
- package/lib/components/DatePicker/stories.js +88 -0
- package/lib/components/DatePicker/stories.js.map +1 -0
- package/lib/components/index.d.ts +1 -0
- package/lib/components/index.js +1 -0
- package/lib/components/index.js.map +1 -1
- package/package.json +3 -3
|
@@ -0,0 +1,129 @@
|
|
|
1
|
+
type CreateDatePickerStoriesProps = {
|
|
2
|
+
component: any;
|
|
3
|
+
componentConfig: any;
|
|
4
|
+
iconButton?: any;
|
|
5
|
+
embedIconButton?: any;
|
|
6
|
+
title?: string;
|
|
7
|
+
disablePropsList?: string[];
|
|
8
|
+
defaultArgs?: {};
|
|
9
|
+
additionalArgTypes?: {};
|
|
10
|
+
additionalComponents?: {};
|
|
11
|
+
};
|
|
12
|
+
export declare const getDatePickerStories: (config: CreateDatePickerStoriesProps) => {
|
|
13
|
+
meta: {
|
|
14
|
+
title: string;
|
|
15
|
+
decorators: import("@storybook/react").Decorator[];
|
|
16
|
+
component: any;
|
|
17
|
+
args: {
|
|
18
|
+
inputView: string;
|
|
19
|
+
placeholder: string;
|
|
20
|
+
labelPlacement: string;
|
|
21
|
+
defaultDate: Date;
|
|
22
|
+
maskWithFormat: boolean;
|
|
23
|
+
textBefore: string;
|
|
24
|
+
appearance: string;
|
|
25
|
+
hasClearDivider: boolean;
|
|
26
|
+
size: string;
|
|
27
|
+
view: string;
|
|
28
|
+
label: string;
|
|
29
|
+
leftHelper: string;
|
|
30
|
+
preserveInvalidOnBlur: boolean;
|
|
31
|
+
format: string;
|
|
32
|
+
min: Date;
|
|
33
|
+
max: Date;
|
|
34
|
+
closeAfterDateSelect: boolean;
|
|
35
|
+
includeEdgeDates: boolean;
|
|
36
|
+
renderFromDate: Date;
|
|
37
|
+
required: boolean;
|
|
38
|
+
requiredPlacement: string;
|
|
39
|
+
hasRequiredIndicator: boolean;
|
|
40
|
+
disabled: boolean;
|
|
41
|
+
readOnly: boolean;
|
|
42
|
+
lang: string;
|
|
43
|
+
calendarContainerWidth: number;
|
|
44
|
+
calendarContainerHeight: number;
|
|
45
|
+
stretched: boolean;
|
|
46
|
+
enableContentLeft: boolean;
|
|
47
|
+
enableContentRight: boolean;
|
|
48
|
+
enableEventTooltip: boolean;
|
|
49
|
+
eventTooltipSize: string;
|
|
50
|
+
hasHint: boolean;
|
|
51
|
+
hintText: string;
|
|
52
|
+
hintTrigger: string;
|
|
53
|
+
hintView: string;
|
|
54
|
+
hintSize: string;
|
|
55
|
+
hintTargetPlacement: string;
|
|
56
|
+
hintPlacement: string;
|
|
57
|
+
hintWidth: string;
|
|
58
|
+
hintHasArrow: boolean;
|
|
59
|
+
};
|
|
60
|
+
argTypes: any;
|
|
61
|
+
};
|
|
62
|
+
Default: {
|
|
63
|
+
render: (args: any) => JSX.Element;
|
|
64
|
+
};
|
|
65
|
+
};
|
|
66
|
+
export declare const getDatePickerRangeStories: (config: CreateDatePickerStoriesProps) => {
|
|
67
|
+
meta: {
|
|
68
|
+
title: string;
|
|
69
|
+
decorators: import("@storybook/react").Decorator[];
|
|
70
|
+
component: any;
|
|
71
|
+
args: {
|
|
72
|
+
firstInputView: string;
|
|
73
|
+
secondInputView: string;
|
|
74
|
+
firstPlaceholder: string;
|
|
75
|
+
secondPlaceholder: string;
|
|
76
|
+
firstTextfieldTextBefore: string;
|
|
77
|
+
secondTextfieldTextBefore: string;
|
|
78
|
+
firstTextfieldTextAfter: string;
|
|
79
|
+
secondTextfieldTextAfter: string;
|
|
80
|
+
isDoubleCalendar: boolean;
|
|
81
|
+
dividerVariant: string;
|
|
82
|
+
maskWithFormat: boolean;
|
|
83
|
+
enableFirstTextfieldContentLeft: boolean;
|
|
84
|
+
enableFirstTextfieldContentRight: boolean;
|
|
85
|
+
enableSecondTextfieldContentLeft: boolean;
|
|
86
|
+
enableSecondTextfieldContentRight: boolean;
|
|
87
|
+
appearance: string;
|
|
88
|
+
hasClearDivider: boolean;
|
|
89
|
+
size: string;
|
|
90
|
+
view: string;
|
|
91
|
+
label: string;
|
|
92
|
+
leftHelper: string;
|
|
93
|
+
preserveInvalidOnBlur: boolean;
|
|
94
|
+
format: string;
|
|
95
|
+
min: Date;
|
|
96
|
+
max: Date;
|
|
97
|
+
closeAfterDateSelect: boolean;
|
|
98
|
+
includeEdgeDates: boolean;
|
|
99
|
+
renderFromDate: Date;
|
|
100
|
+
required: boolean;
|
|
101
|
+
requiredPlacement: string;
|
|
102
|
+
hasRequiredIndicator: boolean;
|
|
103
|
+
disabled: boolean;
|
|
104
|
+
readOnly: boolean;
|
|
105
|
+
lang: string;
|
|
106
|
+
calendarContainerWidth: number;
|
|
107
|
+
calendarContainerHeight: number;
|
|
108
|
+
stretched: boolean;
|
|
109
|
+
enableContentLeft: boolean;
|
|
110
|
+
enableContentRight: boolean;
|
|
111
|
+
enableEventTooltip: boolean;
|
|
112
|
+
eventTooltipSize: string;
|
|
113
|
+
hasHint: boolean;
|
|
114
|
+
hintText: string;
|
|
115
|
+
hintTrigger: string;
|
|
116
|
+
hintView: string;
|
|
117
|
+
hintSize: string;
|
|
118
|
+
hintTargetPlacement: string;
|
|
119
|
+
hintPlacement: string;
|
|
120
|
+
hintWidth: string;
|
|
121
|
+
hintHasArrow: boolean;
|
|
122
|
+
};
|
|
123
|
+
argTypes: any;
|
|
124
|
+
};
|
|
125
|
+
Range: {
|
|
126
|
+
render: (args: any) => JSX.Element;
|
|
127
|
+
};
|
|
128
|
+
};
|
|
129
|
+
export {};
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
+
var t = {};
|
|
14
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
+
t[p] = s[p];
|
|
16
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
+
t[p[i]] = s[p[i]];
|
|
20
|
+
}
|
|
21
|
+
return t;
|
|
22
|
+
};
|
|
23
|
+
import React from 'react';
|
|
24
|
+
import { getConfigVariations } from '../../helpers';
|
|
25
|
+
import { createMeta, createRangeMeta } from './meta';
|
|
26
|
+
import { createDefaultStory, createRangeStory } from './stories';
|
|
27
|
+
export var getDatePickerStories = function (config) {
|
|
28
|
+
var component = config.component, componentConfig = config.componentConfig, rest = __rest(config, ["component", "componentConfig"]);
|
|
29
|
+
var datePickerConfig = getConfigVariations(componentConfig);
|
|
30
|
+
var meta = createMeta(__assign({ component: component, componentConfig: datePickerConfig }, rest));
|
|
31
|
+
var DefaultStoryComponent = createDefaultStory(component);
|
|
32
|
+
var Default = {
|
|
33
|
+
render: function (args) { return React.createElement(DefaultStoryComponent, __assign({}, args)); },
|
|
34
|
+
};
|
|
35
|
+
return {
|
|
36
|
+
meta: meta,
|
|
37
|
+
Default: Default,
|
|
38
|
+
};
|
|
39
|
+
};
|
|
40
|
+
export var getDatePickerRangeStories = function (config) {
|
|
41
|
+
var component = config.component, componentConfig = config.componentConfig, iconButton = config.iconButton, embedIconButton = config.embedIconButton, rest = __rest(config, ["component", "componentConfig", "iconButton", "embedIconButton"]);
|
|
42
|
+
var datePickerRangeConfig = getConfigVariations(componentConfig);
|
|
43
|
+
var meta = createRangeMeta(__assign({ component: component, componentConfig: datePickerRangeConfig }, rest));
|
|
44
|
+
var RangeStoryComponent = createRangeStory(component, iconButton, embedIconButton);
|
|
45
|
+
var Range = {
|
|
46
|
+
render: function (args) { return React.createElement(RangeStoryComponent, __assign({}, args)); },
|
|
47
|
+
};
|
|
48
|
+
return {
|
|
49
|
+
meta: meta,
|
|
50
|
+
Range: Range,
|
|
51
|
+
};
|
|
52
|
+
};
|
|
53
|
+
//# sourceMappingURL=DatePicker.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAEpD,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAcjE,MAAM,CAAC,IAAM,oBAAoB,GAAG,UAAC,MAAoC;IAC7D,IAAA,SAAS,GAA+B,MAAM,UAArC,EAAE,eAAe,GAAc,MAAM,gBAApB,EAAK,IAAI,UAAK,MAAM,EAAhD,gCAAuC,CAAF,CAAY;IAEvD,IAAM,gBAAgB,GAAG,mBAAmB,CAAC,eAAe,CAAC,CAAC;IAE9D,IAAM,IAAI,GAAG,UAAU,YACnB,SAAS,WAAA,EACT,eAAe,EAAE,gBAAgB,IAC9B,IAAI,EACT,CAAC;IAEH,IAAM,qBAAqB,GAAG,kBAAkB,CAAC,SAAS,CAAC,CAAC;IAE5D,IAAM,OAAO,GAAG;QACZ,MAAM,EAAE,UAAC,IAAS,IAAK,OAAA,oBAAC,qBAAqB,eAAK,IAAI,EAAI,EAAnC,CAAmC;KAC7D,CAAC;IAEF,OAAO;QACH,IAAI,MAAA;QACJ,OAAO,SAAA;KACV,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,yBAAyB,GAAG,UAAC,MAAoC;IAClE,IAAA,SAAS,GAA4D,MAAM,UAAlE,EAAE,eAAe,GAA2C,MAAM,gBAAjD,EAAE,UAAU,GAA+B,MAAM,WAArC,EAAE,eAAe,GAAc,MAAM,gBAApB,EAAK,IAAI,UAAK,MAAM,EAA7E,iEAAoE,CAAF,CAAY;IAEpF,IAAM,qBAAqB,GAAG,mBAAmB,CAAC,eAAe,CAAC,CAAC;IAEnE,IAAM,IAAI,GAAG,eAAe,YACxB,SAAS,WAAA,EACT,eAAe,EAAE,qBAAqB,IACnC,IAAI,EACT,CAAC;IAEH,IAAM,mBAAmB,GAAG,gBAAgB,CAAC,SAAS,EAAE,UAAU,EAAE,eAAe,CAAC,CAAC;IAErF,IAAM,KAAK,GAAG;QACV,MAAM,EAAE,UAAC,IAAS,IAAK,OAAA,oBAAC,mBAAmB,eAAK,IAAI,EAAI,EAAjC,CAAiC;KAC3D,CAAC;IAEF,OAAO;QACH,IAAI,MAAA;QACJ,KAAK,OAAA;KACR,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export declare const appearances: string[];
|
|
2
|
+
export declare const labelPlacements: string[];
|
|
3
|
+
export declare const requiredPlacements: string[];
|
|
4
|
+
export declare const inputViews: string[];
|
|
5
|
+
export declare const dividers: string[];
|
|
6
|
+
export declare const formats: string[];
|
|
7
|
+
export declare const eventTooltipSizes: string[];
|
|
8
|
+
export declare const hintViews: string[];
|
|
9
|
+
export declare const hintSizes: string[];
|
|
10
|
+
export declare const hintTriggers: string[];
|
|
11
|
+
export declare const hintTargetPlacements: string[];
|
|
12
|
+
export declare const placements: string[];
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
export var appearances = ['default', 'clear'];
|
|
2
|
+
export var labelPlacements = ['outer', 'inner'];
|
|
3
|
+
export var requiredPlacements = ['left', 'right'];
|
|
4
|
+
export var inputViews = ['default', 'positive', 'negative'];
|
|
5
|
+
export var dividers = ['none', 'dash', 'icon'];
|
|
6
|
+
export var formats = ['DD.MM.YYYY', 'DD MMMM YYYY', 'YYYY DD MM', 'DD YYYY MM'];
|
|
7
|
+
export var eventTooltipSizes = ['m', 's'];
|
|
8
|
+
export var hintViews = ['default'];
|
|
9
|
+
export var hintSizes = ['m', 's'];
|
|
10
|
+
export var hintTriggers = ['hover', 'click'];
|
|
11
|
+
export var hintTargetPlacements = ['outer', 'inner'];
|
|
12
|
+
export var placements = [
|
|
13
|
+
'top',
|
|
14
|
+
'top-start',
|
|
15
|
+
'top-end',
|
|
16
|
+
'bottom',
|
|
17
|
+
'bottom-start',
|
|
18
|
+
'bottom-end',
|
|
19
|
+
'left',
|
|
20
|
+
'left-start',
|
|
21
|
+
'left-end',
|
|
22
|
+
'right',
|
|
23
|
+
'right-start',
|
|
24
|
+
'right-end',
|
|
25
|
+
'auto',
|
|
26
|
+
];
|
|
27
|
+
//# sourceMappingURL=fixtures.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fixtures.js","sourceRoot":"","sources":["../../../src/components/DatePicker/fixtures.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,WAAW,GAAG,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;AAChD,MAAM,CAAC,IAAM,eAAe,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;AAClD,MAAM,CAAC,IAAM,kBAAkB,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AACpD,MAAM,CAAC,IAAM,UAAU,GAAG,CAAC,SAAS,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC;AAC9D,MAAM,CAAC,IAAM,QAAQ,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AACjD,MAAM,CAAC,IAAM,OAAO,GAAG,CAAC,YAAY,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,CAAC,CAAC;AAClF,MAAM,CAAC,IAAM,iBAAiB,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;AAC5C,MAAM,CAAC,IAAM,SAAS,GAAG,CAAC,SAAS,CAAC,CAAC;AACrC,MAAM,CAAC,IAAM,SAAS,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;AACpC,MAAM,CAAC,IAAM,YAAY,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;AAC/C,MAAM,CAAC,IAAM,oBAAoB,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;AACvD,MAAM,CAAC,IAAM,UAAU,GAAG;IACtB,KAAK;IACL,WAAW;IACX,SAAS;IAET,QAAQ;IACR,cAAc;IACd,YAAY;IAEZ,MAAM;IACN,YAAY;IACZ,UAAU;IAEV,OAAO;IACP,aAAa;IACb,WAAW;IAEX,MAAM;CACT,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { PropsWithChildren } from 'react';
|
|
2
|
+
type ActionButtonProps = {
|
|
3
|
+
appearance: 'default' | 'clear';
|
|
4
|
+
buttonComponent: any;
|
|
5
|
+
view?: string;
|
|
6
|
+
size?: string;
|
|
7
|
+
readOnly?: boolean;
|
|
8
|
+
};
|
|
9
|
+
export declare const EventTooltipBody: ({ children }: PropsWithChildren) => JSX.Element;
|
|
10
|
+
export declare const getBaseEvents: (type: "days" | "months" | "quarters" | "years", datesNumber?: number, enableEventTooltip?: boolean) => {
|
|
11
|
+
eventInfo?: JSX.Element | undefined;
|
|
12
|
+
date: Date;
|
|
13
|
+
color: string;
|
|
14
|
+
}[];
|
|
15
|
+
export declare const getIconSize: (size?: string) => "s" | "xs";
|
|
16
|
+
export declare const ActionButton: ({ appearance, buttonComponent: IconButton, size, readOnly }: ActionButtonProps) => JSX.Element;
|
|
17
|
+
export {};
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
13
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
14
|
+
if (ar || !(i in from)) {
|
|
15
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
16
|
+
ar[i] = from[i];
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
20
|
+
};
|
|
21
|
+
import React from 'react';
|
|
22
|
+
import { IconSearch } from '@salutejs/plasma-icons';
|
|
23
|
+
var EventNode = function (_a) {
|
|
24
|
+
var dateValue = _a.dateValue, color = _a.color;
|
|
25
|
+
return (React.createElement("div", { style: { display: 'flex', flexDirection: 'column' } },
|
|
26
|
+
React.createElement("span", null,
|
|
27
|
+
"\u0414\u0430\u0442\u0430: ",
|
|
28
|
+
dateValue),
|
|
29
|
+
React.createElement("span", null,
|
|
30
|
+
"\u0426\u0432\u0435\u0442: ",
|
|
31
|
+
color)));
|
|
32
|
+
};
|
|
33
|
+
var eventColors = ['red', 'green', 'blue', 'purple'];
|
|
34
|
+
export var EventTooltipBody = function (_a) {
|
|
35
|
+
var children = _a.children;
|
|
36
|
+
return React.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: '1rem' } }, children);
|
|
37
|
+
};
|
|
38
|
+
export var getBaseEvents = function (type, datesNumber, enableEventTooltip) {
|
|
39
|
+
if (datesNumber === void 0) { datesNumber = 2; }
|
|
40
|
+
if (enableEventTooltip === void 0) { enableEventTooltip = false; }
|
|
41
|
+
var baseDate = {
|
|
42
|
+
day: 14,
|
|
43
|
+
monthIndex: 5,
|
|
44
|
+
year: 2024,
|
|
45
|
+
};
|
|
46
|
+
var getColorIndex = function () {
|
|
47
|
+
switch (type) {
|
|
48
|
+
case 'days':
|
|
49
|
+
return 0;
|
|
50
|
+
case 'months':
|
|
51
|
+
return 1;
|
|
52
|
+
case 'quarters':
|
|
53
|
+
return 2;
|
|
54
|
+
case 'years':
|
|
55
|
+
return 3;
|
|
56
|
+
default:
|
|
57
|
+
return 0;
|
|
58
|
+
}
|
|
59
|
+
};
|
|
60
|
+
var colorIndex = getColorIndex();
|
|
61
|
+
var events = __spreadArray([], new Array(datesNumber), true).map(function (_, index) {
|
|
62
|
+
var eventNumber = index + 1;
|
|
63
|
+
var day = type === 'days' ? baseDate.day + index : 1;
|
|
64
|
+
var month =
|
|
65
|
+
// eslint-disable-next-line no-nested-ternary
|
|
66
|
+
type === 'months' || type === 'quarters'
|
|
67
|
+
? baseDate.monthIndex + index
|
|
68
|
+
: type === 'days'
|
|
69
|
+
? baseDate.monthIndex
|
|
70
|
+
: 0;
|
|
71
|
+
var year = type === 'years' ? baseDate.year + index : baseDate.year;
|
|
72
|
+
return __spreadArray([], new Array(eventNumber), true).map(function (_, ind) {
|
|
73
|
+
return __assign({ date: new Date(year, month, day), color: eventColors[colorIndex] }, (enableEventTooltip && {
|
|
74
|
+
eventInfo: (React.createElement(EventNode, { key: ind, color: eventColors[colorIndex], dateValue: "".concat(year, " ").concat(month, " ").concat(day) })),
|
|
75
|
+
}));
|
|
76
|
+
});
|
|
77
|
+
});
|
|
78
|
+
return events.flat();
|
|
79
|
+
};
|
|
80
|
+
export var getIconSize = function (size) {
|
|
81
|
+
return size === 'xs' ? 'xs' : 's';
|
|
82
|
+
};
|
|
83
|
+
export var ActionButton = function (_a) {
|
|
84
|
+
var appearance = _a.appearance, IconButton = _a.buttonComponent, size = _a.size, readOnly = _a.readOnly;
|
|
85
|
+
var iconButtonProps = {
|
|
86
|
+
view: appearance === 'clear' ? 'default' : 'clear',
|
|
87
|
+
disabled: readOnly,
|
|
88
|
+
size: size,
|
|
89
|
+
};
|
|
90
|
+
return (React.createElement(IconButton, __assign({}, iconButtonProps),
|
|
91
|
+
React.createElement(IconSearch, { color: "inherit", size: getIconSize(size) })));
|
|
92
|
+
};
|
|
93
|
+
//# sourceMappingURL=helpers.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/components/DatePicker/helpers.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './DatePicker';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DatePicker/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
|
|
@@ -0,0 +1,116 @@
|
|
|
1
|
+
type CreateMetaProps = {
|
|
2
|
+
component: any;
|
|
3
|
+
componentConfig: any;
|
|
4
|
+
title?: string;
|
|
5
|
+
defaultArgs?: {};
|
|
6
|
+
additionalArgTypes?: {};
|
|
7
|
+
disablePropsList?: string[];
|
|
8
|
+
};
|
|
9
|
+
export declare const createMeta: ({ component, componentConfig, title, defaultArgs, additionalArgTypes, disablePropsList, }: CreateMetaProps) => {
|
|
10
|
+
title: string;
|
|
11
|
+
decorators: import("@storybook/react").Decorator[];
|
|
12
|
+
component: any;
|
|
13
|
+
args: {
|
|
14
|
+
inputView: string;
|
|
15
|
+
placeholder: string;
|
|
16
|
+
labelPlacement: string;
|
|
17
|
+
defaultDate: Date;
|
|
18
|
+
maskWithFormat: boolean;
|
|
19
|
+
textBefore: string;
|
|
20
|
+
appearance: string;
|
|
21
|
+
hasClearDivider: boolean;
|
|
22
|
+
size: string;
|
|
23
|
+
view: string;
|
|
24
|
+
label: string;
|
|
25
|
+
leftHelper: string;
|
|
26
|
+
preserveInvalidOnBlur: boolean;
|
|
27
|
+
format: string;
|
|
28
|
+
min: Date;
|
|
29
|
+
max: Date;
|
|
30
|
+
closeAfterDateSelect: boolean;
|
|
31
|
+
includeEdgeDates: boolean;
|
|
32
|
+
renderFromDate: Date;
|
|
33
|
+
required: boolean;
|
|
34
|
+
requiredPlacement: string;
|
|
35
|
+
hasRequiredIndicator: boolean;
|
|
36
|
+
disabled: boolean;
|
|
37
|
+
readOnly: boolean;
|
|
38
|
+
lang: string;
|
|
39
|
+
calendarContainerWidth: number;
|
|
40
|
+
calendarContainerHeight: number;
|
|
41
|
+
stretched: boolean;
|
|
42
|
+
enableContentLeft: boolean;
|
|
43
|
+
enableContentRight: boolean;
|
|
44
|
+
enableEventTooltip: boolean;
|
|
45
|
+
eventTooltipSize: string;
|
|
46
|
+
hasHint: boolean;
|
|
47
|
+
hintText: string;
|
|
48
|
+
hintTrigger: string;
|
|
49
|
+
hintView: string;
|
|
50
|
+
hintSize: string;
|
|
51
|
+
hintTargetPlacement: string;
|
|
52
|
+
hintPlacement: string;
|
|
53
|
+
hintWidth: string;
|
|
54
|
+
hintHasArrow: boolean;
|
|
55
|
+
};
|
|
56
|
+
argTypes: any;
|
|
57
|
+
};
|
|
58
|
+
export declare const createRangeMeta: ({ component, componentConfig, title, defaultArgs, additionalArgTypes, disablePropsList, }: CreateMetaProps) => {
|
|
59
|
+
title: string;
|
|
60
|
+
decorators: import("@storybook/react").Decorator[];
|
|
61
|
+
component: any;
|
|
62
|
+
args: {
|
|
63
|
+
firstInputView: string;
|
|
64
|
+
secondInputView: string;
|
|
65
|
+
firstPlaceholder: string;
|
|
66
|
+
secondPlaceholder: string;
|
|
67
|
+
firstTextfieldTextBefore: string;
|
|
68
|
+
secondTextfieldTextBefore: string;
|
|
69
|
+
firstTextfieldTextAfter: string;
|
|
70
|
+
secondTextfieldTextAfter: string;
|
|
71
|
+
isDoubleCalendar: boolean;
|
|
72
|
+
dividerVariant: string;
|
|
73
|
+
maskWithFormat: boolean;
|
|
74
|
+
enableFirstTextfieldContentLeft: boolean;
|
|
75
|
+
enableFirstTextfieldContentRight: boolean;
|
|
76
|
+
enableSecondTextfieldContentLeft: boolean;
|
|
77
|
+
enableSecondTextfieldContentRight: boolean;
|
|
78
|
+
appearance: string;
|
|
79
|
+
hasClearDivider: boolean;
|
|
80
|
+
size: string;
|
|
81
|
+
view: string;
|
|
82
|
+
label: string;
|
|
83
|
+
leftHelper: string;
|
|
84
|
+
preserveInvalidOnBlur: boolean;
|
|
85
|
+
format: string;
|
|
86
|
+
min: Date;
|
|
87
|
+
max: Date;
|
|
88
|
+
closeAfterDateSelect: boolean;
|
|
89
|
+
includeEdgeDates: boolean;
|
|
90
|
+
renderFromDate: Date;
|
|
91
|
+
required: boolean;
|
|
92
|
+
requiredPlacement: string;
|
|
93
|
+
hasRequiredIndicator: boolean;
|
|
94
|
+
disabled: boolean;
|
|
95
|
+
readOnly: boolean;
|
|
96
|
+
lang: string;
|
|
97
|
+
calendarContainerWidth: number;
|
|
98
|
+
calendarContainerHeight: number;
|
|
99
|
+
stretched: boolean;
|
|
100
|
+
enableContentLeft: boolean;
|
|
101
|
+
enableContentRight: boolean;
|
|
102
|
+
enableEventTooltip: boolean;
|
|
103
|
+
eventTooltipSize: string;
|
|
104
|
+
hasHint: boolean;
|
|
105
|
+
hintText: string;
|
|
106
|
+
hintTrigger: string;
|
|
107
|
+
hintView: string;
|
|
108
|
+
hintSize: string;
|
|
109
|
+
hintTargetPlacement: string;
|
|
110
|
+
hintPlacement: string;
|
|
111
|
+
hintWidth: string;
|
|
112
|
+
hintHasArrow: boolean;
|
|
113
|
+
};
|
|
114
|
+
argTypes: any;
|
|
115
|
+
};
|
|
116
|
+
export {};
|
|
@@ -0,0 +1,257 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
13
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
14
|
+
if (ar || !(i in from)) {
|
|
15
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
16
|
+
ar[i] = from[i];
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
20
|
+
};
|
|
21
|
+
import { disableProps, InSpacingDecorator } from '../../index';
|
|
22
|
+
import { labelPlacements, requiredPlacements, formats, eventTooltipSizes, dividers, appearances, inputViews, placements, hintTriggers, hintTargetPlacements, hintSizes, hintViews, } from './fixtures';
|
|
23
|
+
var commonArgs = {
|
|
24
|
+
appearance: 'default',
|
|
25
|
+
hasClearDivider: false,
|
|
26
|
+
size: 'l',
|
|
27
|
+
view: 'default',
|
|
28
|
+
label: 'Лейбл',
|
|
29
|
+
leftHelper: 'Подсказка к полю',
|
|
30
|
+
preserveInvalidOnBlur: false,
|
|
31
|
+
format: 'DD.MM.YYYY',
|
|
32
|
+
min: new Date(2024, 1, 1),
|
|
33
|
+
max: new Date(2024, 12, 29),
|
|
34
|
+
closeAfterDateSelect: true,
|
|
35
|
+
includeEdgeDates: true,
|
|
36
|
+
renderFromDate: new Date(2024, 4, 14),
|
|
37
|
+
required: false,
|
|
38
|
+
requiredPlacement: 'right',
|
|
39
|
+
hasRequiredIndicator: false,
|
|
40
|
+
disabled: false,
|
|
41
|
+
readOnly: false,
|
|
42
|
+
lang: 'ru',
|
|
43
|
+
calendarContainerWidth: 0,
|
|
44
|
+
calendarContainerHeight: 0,
|
|
45
|
+
stretched: false,
|
|
46
|
+
enableContentLeft: true,
|
|
47
|
+
enableContentRight: true,
|
|
48
|
+
enableEventTooltip: false,
|
|
49
|
+
eventTooltipSize: 'm',
|
|
50
|
+
hasHint: false,
|
|
51
|
+
hintText: 'Текст подсказки',
|
|
52
|
+
hintTrigger: 'hover',
|
|
53
|
+
hintView: 'default',
|
|
54
|
+
hintSize: 'm',
|
|
55
|
+
hintTargetPlacement: 'outer',
|
|
56
|
+
hintPlacement: 'auto',
|
|
57
|
+
hintWidth: '10rem',
|
|
58
|
+
hintHasArrow: true,
|
|
59
|
+
};
|
|
60
|
+
var getCommonArgTypes = function (componentConfig, additionalArgTypes) {
|
|
61
|
+
if (additionalArgTypes === void 0) { additionalArgTypes = {}; }
|
|
62
|
+
return (__assign({ appearance: {
|
|
63
|
+
options: appearances,
|
|
64
|
+
control: {
|
|
65
|
+
type: 'select',
|
|
66
|
+
},
|
|
67
|
+
}, hasClearDivider: {
|
|
68
|
+
control: {
|
|
69
|
+
type: 'boolean',
|
|
70
|
+
},
|
|
71
|
+
if: {
|
|
72
|
+
arg: 'appearance',
|
|
73
|
+
eq: 'clear',
|
|
74
|
+
},
|
|
75
|
+
}, view: {
|
|
76
|
+
options: componentConfig.views,
|
|
77
|
+
control: { type: 'select' },
|
|
78
|
+
}, size: {
|
|
79
|
+
options: componentConfig.sizes,
|
|
80
|
+
control: { type: 'select' },
|
|
81
|
+
}, min: {
|
|
82
|
+
control: {
|
|
83
|
+
type: 'date',
|
|
84
|
+
},
|
|
85
|
+
}, max: {
|
|
86
|
+
control: {
|
|
87
|
+
type: 'date',
|
|
88
|
+
},
|
|
89
|
+
}, includeEdgeDates: {
|
|
90
|
+
control: {
|
|
91
|
+
type: 'boolean',
|
|
92
|
+
},
|
|
93
|
+
}, renderFromDate: {
|
|
94
|
+
control: {
|
|
95
|
+
type: 'date',
|
|
96
|
+
},
|
|
97
|
+
}, lang: {
|
|
98
|
+
options: ['ru', 'en'],
|
|
99
|
+
control: {
|
|
100
|
+
type: 'select',
|
|
101
|
+
},
|
|
102
|
+
}, requiredPlacement: {
|
|
103
|
+
options: requiredPlacements,
|
|
104
|
+
control: {
|
|
105
|
+
type: 'select',
|
|
106
|
+
},
|
|
107
|
+
if: { arg: 'required', truthy: true },
|
|
108
|
+
}, hasRequiredIndicator: {
|
|
109
|
+
control: {
|
|
110
|
+
type: 'boolean',
|
|
111
|
+
},
|
|
112
|
+
if: {
|
|
113
|
+
arg: 'required',
|
|
114
|
+
truthy: true,
|
|
115
|
+
},
|
|
116
|
+
}, format: {
|
|
117
|
+
options: formats,
|
|
118
|
+
control: {
|
|
119
|
+
type: 'select',
|
|
120
|
+
},
|
|
121
|
+
}, eventTooltipSize: {
|
|
122
|
+
options: eventTooltipSizes,
|
|
123
|
+
control: {
|
|
124
|
+
type: 'select',
|
|
125
|
+
},
|
|
126
|
+
if: {
|
|
127
|
+
arg: 'enableEventTooltip',
|
|
128
|
+
truthy: true,
|
|
129
|
+
},
|
|
130
|
+
}, hintText: {
|
|
131
|
+
control: { type: 'text' },
|
|
132
|
+
if: {
|
|
133
|
+
arg: 'hasHint',
|
|
134
|
+
truthy: true,
|
|
135
|
+
},
|
|
136
|
+
}, hintView: {
|
|
137
|
+
options: hintViews,
|
|
138
|
+
control: {
|
|
139
|
+
type: 'select',
|
|
140
|
+
},
|
|
141
|
+
if: {
|
|
142
|
+
arg: 'hasHint',
|
|
143
|
+
truthy: true,
|
|
144
|
+
},
|
|
145
|
+
}, hintSize: {
|
|
146
|
+
options: hintSizes,
|
|
147
|
+
control: {
|
|
148
|
+
type: 'select',
|
|
149
|
+
},
|
|
150
|
+
if: {
|
|
151
|
+
arg: 'hasHint',
|
|
152
|
+
truthy: true,
|
|
153
|
+
},
|
|
154
|
+
}, hintTargetPlacement: {
|
|
155
|
+
options: hintTargetPlacements,
|
|
156
|
+
control: {
|
|
157
|
+
type: 'inline-radio',
|
|
158
|
+
},
|
|
159
|
+
if: {
|
|
160
|
+
arg: 'hasHint',
|
|
161
|
+
truthy: true,
|
|
162
|
+
},
|
|
163
|
+
}, hintTrigger: {
|
|
164
|
+
options: hintTriggers,
|
|
165
|
+
control: {
|
|
166
|
+
type: 'inline-radio',
|
|
167
|
+
},
|
|
168
|
+
if: {
|
|
169
|
+
arg: 'hasHint',
|
|
170
|
+
truthy: true,
|
|
171
|
+
},
|
|
172
|
+
}, hintPlacement: {
|
|
173
|
+
options: placements,
|
|
174
|
+
control: {
|
|
175
|
+
type: 'select',
|
|
176
|
+
},
|
|
177
|
+
if: {
|
|
178
|
+
arg: 'hasHint',
|
|
179
|
+
truthy: true,
|
|
180
|
+
},
|
|
181
|
+
mappers: placements,
|
|
182
|
+
}, hintHasArrow: {
|
|
183
|
+
control: { type: 'boolean' },
|
|
184
|
+
if: {
|
|
185
|
+
arg: 'hasHint',
|
|
186
|
+
truthy: true,
|
|
187
|
+
},
|
|
188
|
+
}, hintWidth: {
|
|
189
|
+
control: { type: 'text' },
|
|
190
|
+
if: {
|
|
191
|
+
arg: 'hasHint',
|
|
192
|
+
truthy: true,
|
|
193
|
+
},
|
|
194
|
+
} }, additionalArgTypes));
|
|
195
|
+
};
|
|
196
|
+
var commonDisabledArgs = [
|
|
197
|
+
'firstValueSuccess',
|
|
198
|
+
'secondValueSuccess',
|
|
199
|
+
'firstValueError',
|
|
200
|
+
'secondValueError',
|
|
201
|
+
'contentLeft',
|
|
202
|
+
'contentRight',
|
|
203
|
+
'onToggle',
|
|
204
|
+
'onChangeValue',
|
|
205
|
+
'onCommitDate',
|
|
206
|
+
'onBlur',
|
|
207
|
+
'onFocus',
|
|
208
|
+
'eventTooltipOptions',
|
|
209
|
+
'eventList',
|
|
210
|
+
'eventMonthList',
|
|
211
|
+
'eventQuarterList',
|
|
212
|
+
'eventYearList',
|
|
213
|
+
];
|
|
214
|
+
export var createMeta = function (_a) {
|
|
215
|
+
var component = _a.component, componentConfig = _a.componentConfig, _b = _a.title, title = _b === void 0 ? 'Data Entry/DatePicker' : _b, _c = _a.defaultArgs, defaultArgs = _c === void 0 ? {} : _c, _d = _a.additionalArgTypes, additionalArgTypes = _d === void 0 ? {} : _d, _e = _a.disablePropsList, disablePropsList = _e === void 0 ? [] : _e;
|
|
216
|
+
return {
|
|
217
|
+
title: title,
|
|
218
|
+
decorators: [InSpacingDecorator],
|
|
219
|
+
component: component,
|
|
220
|
+
args: __assign(__assign(__assign({}, commonArgs), { inputView: 'default', placeholder: '30.05.2024', labelPlacement: 'outer', defaultDate: new Date(2024, 5, 14), maskWithFormat: true, textBefore: '' }), defaultArgs),
|
|
221
|
+
argTypes: __assign(__assign(__assign({}, getCommonArgTypes(componentConfig, additionalArgTypes)), { defaultDate: {
|
|
222
|
+
control: {
|
|
223
|
+
type: 'date',
|
|
224
|
+
},
|
|
225
|
+
}, labelPlacement: {
|
|
226
|
+
options: labelPlacements,
|
|
227
|
+
control: {
|
|
228
|
+
type: 'select',
|
|
229
|
+
},
|
|
230
|
+
}, inputView: {
|
|
231
|
+
options: inputViews,
|
|
232
|
+
control: { type: 'select' },
|
|
233
|
+
} }), disableProps(__spreadArray(__spreadArray([], commonDisabledArgs, true), disablePropsList, true))),
|
|
234
|
+
};
|
|
235
|
+
};
|
|
236
|
+
export var createRangeMeta = function (_a) {
|
|
237
|
+
var component = _a.component, componentConfig = _a.componentConfig, _b = _a.title, title = _b === void 0 ? 'Data Entry/DatePicker' : _b, _c = _a.defaultArgs, defaultArgs = _c === void 0 ? {} : _c, _d = _a.additionalArgTypes, additionalArgTypes = _d === void 0 ? {} : _d, _e = _a.disablePropsList, disablePropsList = _e === void 0 ? [] : _e;
|
|
238
|
+
return {
|
|
239
|
+
title: title,
|
|
240
|
+
decorators: [InSpacingDecorator],
|
|
241
|
+
component: component,
|
|
242
|
+
args: __assign(__assign(__assign({}, commonArgs), { firstInputView: 'default', secondInputView: 'default', firstPlaceholder: '30.05.2024', secondPlaceholder: '04.06.2024', firstTextfieldTextBefore: '', secondTextfieldTextBefore: '', firstTextfieldTextAfter: '', secondTextfieldTextAfter: '', isDoubleCalendar: false, dividerVariant: 'dash', maskWithFormat: false, enableFirstTextfieldContentLeft: false, enableFirstTextfieldContentRight: false, enableSecondTextfieldContentLeft: false, enableSecondTextfieldContentRight: false }), defaultArgs),
|
|
243
|
+
argTypes: __assign(__assign(__assign({}, getCommonArgTypes(componentConfig, additionalArgTypes)), { dividerVariant: {
|
|
244
|
+
options: dividers,
|
|
245
|
+
control: {
|
|
246
|
+
type: 'select',
|
|
247
|
+
},
|
|
248
|
+
}, firstInputView: {
|
|
249
|
+
options: inputViews,
|
|
250
|
+
control: { type: 'select' },
|
|
251
|
+
}, secondInputView: {
|
|
252
|
+
options: inputViews,
|
|
253
|
+
control: { type: 'select' },
|
|
254
|
+
} }), disableProps(__spreadArray(__spreadArray([], commonDisabledArgs, true), disablePropsList, true))),
|
|
255
|
+
};
|
|
256
|
+
};
|
|
257
|
+
//# sourceMappingURL=meta.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../src/components/DatePicker/meta.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export declare const createDefaultStory: (DatePicker: any) => ({ appearance, enableContentLeft, enableContentRight, inputView, size, lang, format, min, max, eventTooltipSize, enableEventTooltip, ...rest }: any) => JSX.Element;
|
|
2
|
+
export declare const createRangeStory: (DatePickerRange: any, IconButton: any, EmbedIconButton: any) => ({ dividerVariant, enableContentLeft, enableContentRight, firstTextfieldTextBefore, secondTextfieldTextBefore, enableFirstTextfieldContentLeft, enableSecondTextfieldContentLeft, enableFirstTextfieldContentRight, enableSecondTextfieldContentRight, firstInputView, secondInputView, size, lang, min, max, appearance, enableEventTooltip, eventTooltipSize, ...rest }: any) => JSX.Element;
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
+
var t = {};
|
|
14
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
+
t[p] = s[p];
|
|
16
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
+
t[p[i]] = s[p[i]];
|
|
20
|
+
}
|
|
21
|
+
return t;
|
|
22
|
+
};
|
|
23
|
+
import React, { useRef, useState } from 'react';
|
|
24
|
+
import { action } from '@storybook/addon-actions';
|
|
25
|
+
import { IconPlasma, IconCalendar, IconSearch, IconArrowRight } from '@salutejs/plasma-icons';
|
|
26
|
+
import { getBaseEvents, getIconSize, ActionButton, EventTooltipBody } from './helpers';
|
|
27
|
+
var onChangeValue = action('onChangeValue');
|
|
28
|
+
var onCommitDate = action('onCommitDate');
|
|
29
|
+
var onBlur = action('onBlur');
|
|
30
|
+
var onFocus = action('onFocus');
|
|
31
|
+
var onToggle = action('onToggle');
|
|
32
|
+
var onChangeFirstValue = action('onChangeFirstValue');
|
|
33
|
+
var onChangeSecondValue = action('onChangeSecondValue');
|
|
34
|
+
export var createDefaultStory = function (DatePicker) {
|
|
35
|
+
return function (_a) {
|
|
36
|
+
var appearance = _a.appearance, enableContentLeft = _a.enableContentLeft, enableContentRight = _a.enableContentRight, inputView = _a.inputView, size = _a.size, lang = _a.lang, format = _a.format, min = _a.min, max = _a.max, eventTooltipSize = _a.eventTooltipSize, enableEventTooltip = _a.enableEventTooltip, rest = __rest(_a, ["appearance", "enableContentLeft", "enableContentRight", "inputView", "size", "lang", "format", "min", "max", "eventTooltipSize", "enableEventTooltip"]);
|
|
37
|
+
var _b = useState(false), isOpen = _b[0], setIsOpen = _b[1];
|
|
38
|
+
var eventList = getBaseEvents('days', 5, enableEventTooltip);
|
|
39
|
+
var eventMonthList = getBaseEvents('months', 5, enableEventTooltip);
|
|
40
|
+
var eventQuarterList = getBaseEvents('quarters', 2, enableEventTooltip);
|
|
41
|
+
var eventYearList = getBaseEvents('years', 2, enableEventTooltip);
|
|
42
|
+
var iconSize = getIconSize(size);
|
|
43
|
+
var inputViews = {
|
|
44
|
+
valueSuccess: inputView === 'positive',
|
|
45
|
+
valueError: inputView === 'negative',
|
|
46
|
+
};
|
|
47
|
+
return (React.createElement(DatePicker, __assign({ opened: isOpen, appearance: appearance, size: size, contentLeft: enableContentLeft ? React.createElement(IconCalendar, { color: "inherit", size: iconSize }) : undefined, contentRight: enableContentRight ? React.createElement(IconSearch, { color: "inherit", size: iconSize }) : undefined, onBlur: onBlur, onFocus: onFocus, onToggle: function (is) {
|
|
48
|
+
setIsOpen(is);
|
|
49
|
+
onToggle(is);
|
|
50
|
+
}, onChangeValue: onChangeValue, onCommitDate: onCommitDate, lang: lang, format: format, min: min, max: max, eventTooltipOptions: {
|
|
51
|
+
bodyWrapper: EventTooltipBody,
|
|
52
|
+
size: eventTooltipSize,
|
|
53
|
+
}, eventList: eventList, eventMonthList: eventMonthList, eventQuarterList: eventQuarterList, eventYearList: eventYearList, autoComplete: "off" }, inputViews, rest)));
|
|
54
|
+
};
|
|
55
|
+
};
|
|
56
|
+
export var createRangeStory = function (DatePickerRange, IconButton, EmbedIconButton) {
|
|
57
|
+
return function (_a) {
|
|
58
|
+
var dividerVariant = _a.dividerVariant, enableContentLeft = _a.enableContentLeft, enableContentRight = _a.enableContentRight, firstTextfieldTextBefore = _a.firstTextfieldTextBefore, secondTextfieldTextBefore = _a.secondTextfieldTextBefore, enableFirstTextfieldContentLeft = _a.enableFirstTextfieldContentLeft, enableSecondTextfieldContentLeft = _a.enableSecondTextfieldContentLeft, enableFirstTextfieldContentRight = _a.enableFirstTextfieldContentRight, enableSecondTextfieldContentRight = _a.enableSecondTextfieldContentRight, firstInputView = _a.firstInputView, secondInputView = _a.secondInputView, size = _a.size, lang = _a.lang, min = _a.min, max = _a.max, appearance = _a.appearance, enableEventTooltip = _a.enableEventTooltip, eventTooltipSize = _a.eventTooltipSize, rest = __rest(_a, ["dividerVariant", "enableContentLeft", "enableContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "enableFirstTextfieldContentLeft", "enableSecondTextfieldContentLeft", "enableFirstTextfieldContentRight", "enableSecondTextfieldContentRight", "firstInputView", "secondInputView", "size", "lang", "min", "max", "appearance", "enableEventTooltip", "eventTooltipSize"]);
|
|
59
|
+
var rangeRef = useRef(null);
|
|
60
|
+
var _b = useState(false), isOpen = _b[0], setIsOpen = _b[1];
|
|
61
|
+
var showDividerIcon = dividerVariant === 'icon';
|
|
62
|
+
var showDefaultTextBefore = dividerVariant === 'none';
|
|
63
|
+
var iconSize = getIconSize(size);
|
|
64
|
+
var embedIconButtonSize = appearance === 'clear' && size === 'xs' ? 's' : size;
|
|
65
|
+
var dividerIconProps = {
|
|
66
|
+
dividerIcon: showDividerIcon ? React.createElement(IconArrowRight, { color: "inherit", size: iconSize }) : null,
|
|
67
|
+
dividerVariant: dividerVariant,
|
|
68
|
+
};
|
|
69
|
+
var eventList = getBaseEvents('days', 5, enableEventTooltip);
|
|
70
|
+
var eventMonthList = getBaseEvents('months', 5, enableEventTooltip);
|
|
71
|
+
var eventQuarterList = getBaseEvents('quarters', 2, enableEventTooltip);
|
|
72
|
+
var eventYearList = getBaseEvents('years', 2, enableEventTooltip);
|
|
73
|
+
var inputsViews = {
|
|
74
|
+
firstValueSuccess: firstInputView === 'positive',
|
|
75
|
+
secondValueSuccess: secondInputView === 'positive',
|
|
76
|
+
firstValueError: firstInputView === 'negative',
|
|
77
|
+
secondValueError: secondInputView === 'negative',
|
|
78
|
+
};
|
|
79
|
+
return (React.createElement(DatePickerRange, __assign({ ref: rangeRef, opened: isOpen, appearance: appearance, size: size, contentLeft: enableContentLeft ? React.createElement(IconCalendar, { color: "inherit", size: iconSize }) : undefined, contentRight: enableContentRight ? (React.createElement(ActionButton, { buttonComponent: appearance === 'clear' ? EmbedIconButton : IconButton, appearance: appearance, size: embedIconButtonSize, readOnly: rest.readOnly })) : undefined, firstTextfieldContentLeft: enableFirstTextfieldContentLeft ? React.createElement(IconPlasma, { color: "inherit", size: iconSize }) : undefined, firstTextfieldContentRight: enableFirstTextfieldContentRight ? React.createElement(IconPlasma, { color: "inherit", size: iconSize }) : undefined, secondTextfieldContentLeft: enableSecondTextfieldContentLeft ? React.createElement(IconPlasma, { color: "inherit", size: iconSize }) : undefined, secondTextfieldContentRight: enableSecondTextfieldContentRight ? React.createElement(IconPlasma, { color: "inherit", size: iconSize }) : undefined, firstTextfieldTextBefore: showDefaultTextBefore ? firstTextfieldTextBefore || 'С' : firstTextfieldTextBefore, secondTextfieldTextBefore: showDefaultTextBefore ? secondTextfieldTextBefore || 'ПО' : secondTextfieldTextBefore, onToggle: function (is) {
|
|
80
|
+
setIsOpen(is);
|
|
81
|
+
onToggle(is);
|
|
82
|
+
}, onChangeFirstValue: onChangeFirstValue, onChangeSecondValue: onChangeSecondValue, lang: lang, min: min, max: max, autoComplete: "off", eventTooltipOptions: {
|
|
83
|
+
bodyWrapper: EventTooltipBody,
|
|
84
|
+
size: eventTooltipSize,
|
|
85
|
+
}, eventList: eventList, eventMonthList: eventMonthList, eventQuarterList: eventQuarterList, eventYearList: eventYearList }, inputsViews, dividerIconProps, rest)));
|
|
86
|
+
};
|
|
87
|
+
};
|
|
88
|
+
//# sourceMappingURL=stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"stories.js","sourceRoot":"","sources":["../../../src/components/DatePicker/stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAE9F,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAEvF,IAAM,aAAa,GAAG,MAAM,CAAC,eAAe,CAAC,CAAC;AAC9C,IAAM,YAAY,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC;AAC5C,IAAM,MAAM,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;AAChC,IAAM,OAAO,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;AAClC,IAAM,QAAQ,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;AAEpC,IAAM,kBAAkB,GAAG,MAAM,CAAC,oBAAoB,CAAC,CAAC;AACxD,IAAM,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC,CAAC;AAE1D,MAAM,CAAC,IAAM,kBAAkB,GAAG,UAAC,UAAe;IAC9C,OAAO,UAAC,EAaF;QAZF,IAAA,UAAU,gBAAA,EACV,iBAAiB,uBAAA,EACjB,kBAAkB,wBAAA,EAClB,SAAS,eAAA,EACT,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,GAAG,SAAA,EACH,GAAG,SAAA,EACH,gBAAgB,sBAAA,EAChB,kBAAkB,wBAAA,EACf,IAAI,cAZH,wJAaP,CADU;QAED,IAAA,KAAsB,QAAQ,CAAC,KAAK,CAAC,EAApC,MAAM,QAAA,EAAE,SAAS,QAAmB,CAAC;QAE5C,IAAM,SAAS,GAAG,aAAa,CAAC,MAAM,EAAE,CAAC,EAAE,kBAAkB,CAAC,CAAC;QAC/D,IAAM,cAAc,GAAG,aAAa,CAAC,QAAQ,EAAE,CAAC,EAAE,kBAAkB,CAAC,CAAC;QACtE,IAAM,gBAAgB,GAAG,aAAa,CAAC,UAAU,EAAE,CAAC,EAAE,kBAAkB,CAAC,CAAC;QAC1E,IAAM,aAAa,GAAG,aAAa,CAAC,OAAO,EAAE,CAAC,EAAE,kBAAkB,CAAC,CAAC;QAEpE,IAAM,QAAQ,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;QAEnC,IAAM,UAAU,GAAG;YACf,YAAY,EAAE,SAAS,KAAK,UAAU;YACtC,UAAU,EAAE,SAAS,KAAK,UAAU;SACvC,CAAC;QAEF,OAAO,CACH,oBAAC,UAAU,aACP,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,iBAAiB,CAAC,CAAC,CAAC,oBAAC,YAAY,IAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAE,QAAQ,GAAI,CAAC,CAAC,CAAC,SAAS,EAC7F,YAAY,EAAE,kBAAkB,CAAC,CAAC,CAAC,oBAAC,UAAU,IAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAE,QAAQ,GAAI,CAAC,CAAC,CAAC,SAAS,EAC7F,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,UAAC,EAAW;gBAClB,SAAS,CAAC,EAAE,CAAC,CAAC;gBACd,QAAQ,CAAC,EAAE,CAAC,CAAC;YACjB,CAAC,EACD,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,mBAAmB,EAAE;gBACjB,WAAW,EAAE,gBAAgB;gBAC7B,IAAI,EAAE,gBAAgB;aACzB,EACD,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,gBAAgB,EAAE,gBAAgB,EAClC,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAC,KAAK,IACd,UAAU,EACV,IAAI,EACV,CACL,CAAC;IACN,CAAC,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAC,eAAoB,EAAE,UAAe,EAAE,eAAoB;IACxF,OAAO,UAAC,EAoBF;QAnBF,IAAA,cAAc,oBAAA,EACd,iBAAiB,uBAAA,EACjB,kBAAkB,wBAAA,EAClB,wBAAwB,8BAAA,EACxB,yBAAyB,+BAAA,EACzB,+BAA+B,qCAAA,EAC/B,gCAAgC,sCAAA,EAChC,gCAAgC,sCAAA,EAChC,iCAAiC,uCAAA,EACjC,cAAc,oBAAA,EACd,eAAe,qBAAA,EACf,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,GAAG,SAAA,EACH,GAAG,SAAA,EACH,UAAU,gBAAA,EACV,kBAAkB,wBAAA,EAClB,gBAAgB,sBAAA,EACb,IAAI,cAnBH,iYAoBP,CADU;QAEP,IAAM,QAAQ,GAAG,MAAM,CAAM,IAAI,CAAC,CAAC;QAC7B,IAAA,KAAsB,QAAQ,CAAC,KAAK,CAAC,EAApC,MAAM,QAAA,EAAE,SAAS,QAAmB,CAAC;QAE5C,IAAM,eAAe,GAAG,cAAc,KAAK,MAAM,CAAC;QAClD,IAAM,qBAAqB,GAAG,cAAc,KAAK,MAAM,CAAC;QAExD,IAAM,QAAQ,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;QACnC,IAAM,mBAAmB,GAAG,UAAU,KAAK,OAAO,IAAI,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;QAEjF,IAAM,gBAAgB,GAAG;YACrB,WAAW,EAAE,eAAe,CAAC,CAAC,CAAC,oBAAC,cAAc,IAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAE,QAAQ,GAAI,CAAC,CAAC,CAAC,IAAI;YACxF,cAAc,gBAAA;SACjB,CAAC;QAEF,IAAM,SAAS,GAAG,aAAa,CAAC,MAAM,EAAE,CAAC,EAAE,kBAAkB,CAAC,CAAC;QAC/D,IAAM,cAAc,GAAG,aAAa,CAAC,QAAQ,EAAE,CAAC,EAAE,kBAAkB,CAAC,CAAC;QACtE,IAAM,gBAAgB,GAAG,aAAa,CAAC,UAAU,EAAE,CAAC,EAAE,kBAAkB,CAAC,CAAC;QAC1E,IAAM,aAAa,GAAG,aAAa,CAAC,OAAO,EAAE,CAAC,EAAE,kBAAkB,CAAC,CAAC;QAEpE,IAAM,WAAW,GAAG;YAChB,iBAAiB,EAAE,cAAc,KAAK,UAAU;YAChD,kBAAkB,EAAE,eAAe,KAAK,UAAU;YAClD,eAAe,EAAE,cAAc,KAAK,UAAU;YAC9C,gBAAgB,EAAE,eAAe,KAAK,UAAU;SACnD,CAAC;QAEF,OAAO,CACH,oBAAC,eAAe,aACZ,GAAG,EAAE,QAAQ,EACb,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,iBAAiB,CAAC,CAAC,CAAC,oBAAC,YAAY,IAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAE,QAAQ,GAAI,CAAC,CAAC,CAAC,SAAS,EAC7F,YAAY,EACR,kBAAkB,CAAC,CAAC,CAAC,CACjB,oBAAC,YAAY,IACT,eAAe,EAAE,UAAU,KAAK,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,UAAU,EACtE,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,mBAAmB,EACzB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GACzB,CACL,CAAC,CAAC,CAAC,SAAS,EAEjB,yBAAyB,EACrB,+BAA+B,CAAC,CAAC,CAAC,oBAAC,UAAU,IAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAE,QAAQ,GAAI,CAAC,CAAC,CAAC,SAAS,EAEhG,0BAA0B,EACtB,gCAAgC,CAAC,CAAC,CAAC,oBAAC,UAAU,IAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAE,QAAQ,GAAI,CAAC,CAAC,CAAC,SAAS,EAEjG,0BAA0B,EACtB,gCAAgC,CAAC,CAAC,CAAC,oBAAC,UAAU,IAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAE,QAAQ,GAAI,CAAC,CAAC,CAAC,SAAS,EAEjG,2BAA2B,EACvB,iCAAiC,CAAC,CAAC,CAAC,oBAAC,UAAU,IAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAE,QAAQ,GAAI,CAAC,CAAC,CAAC,SAAS,EAElG,wBAAwB,EACpB,qBAAqB,CAAC,CAAC,CAAC,wBAAwB,IAAI,GAAG,CAAC,CAAC,CAAC,wBAAwB,EAEtF,yBAAyB,EACrB,qBAAqB,CAAC,CAAC,CAAC,yBAAyB,IAAI,IAAI,CAAC,CAAC,CAAC,yBAAyB,EAEzF,QAAQ,EAAE,UAAC,EAAW;gBAClB,SAAS,CAAC,EAAE,CAAC,CAAC;gBACd,QAAQ,CAAC,EAAE,CAAC,CAAC;YACjB,CAAC,EACD,kBAAkB,EAAE,kBAAkB,EACtC,mBAAmB,EAAE,mBAAmB,EACxC,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,YAAY,EAAC,KAAK,EAClB,mBAAmB,EAAE;gBACjB,WAAW,EAAE,gBAAgB;gBAC7B,IAAI,EAAE,gBAAgB;aACzB,EACD,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,gBAAgB,EAAE,gBAAgB,EAClC,aAAa,EAAE,aAAa,IACxB,WAAW,EACX,gBAAgB,EAChB,IAAI,EACV,CACL,CAAC;IACN,CAAC,CAAC;AACN,CAAC,CAAC"}
|
package/lib/components/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,SAAS,IAAI,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,mBAAmB,EAAE,4BAA4B,EAAE,MAAM,4BAA4B,CAAC;AAC/F,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,SAAS,IAAI,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,mBAAmB,EAAE,4BAA4B,EAAE,MAAM,4BAA4B,CAAC;AAC/F,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-sb-utils",
|
|
3
|
-
"version": "0.213.0-canary.
|
|
3
|
+
"version": "0.213.0-canary.2417.20986471487.0",
|
|
4
4
|
"description": "Code shared between ui libraries.",
|
|
5
5
|
"author": "Salute Frontend Team <salute.developers@gmail.com>",
|
|
6
6
|
"license": "MIT",
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
},
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@salutejs/plasma-colors": "0.16.0",
|
|
23
|
-
"@salutejs/plasma-core": "1.213.0-canary.
|
|
23
|
+
"@salutejs/plasma-core": "1.213.0-canary.2417.20986471487.0",
|
|
24
24
|
"@salutejs/plasma-icons": "1.228.0",
|
|
25
25
|
"@storybook/addon-actions": "8.6.14",
|
|
26
26
|
"@storybook/react": "8.6.14",
|
|
@@ -46,5 +46,5 @@
|
|
|
46
46
|
"files": [
|
|
47
47
|
"lib"
|
|
48
48
|
],
|
|
49
|
-
"gitHead": "
|
|
49
|
+
"gitHead": "c3e1d51d7f2012b26286b3b736e2124885586452"
|
|
50
50
|
}
|