infinity-forge 7.7.5 → 7.7.6
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/dist/ui/components/carousel/carousel-lib/modules/grid.d.ts +5 -0
- package/dist/ui/components/carousel/carousel-lib/modules/grid.js +144 -0
- package/dist/ui/components/carousel/carousel-lib/modules/grid.js.map +1 -0
- package/dist/ui/components/carousel/carousel-lib/modules/index.d.ts +7 -6
- package/dist/ui/components/carousel/carousel-lib/modules/index.js +1 -0
- package/dist/ui/components/carousel/carousel-lib/modules/index.js.map +1 -1
- package/dist/ui/components/carousel/index.js +1 -1
- package/dist/ui/components/carousel/index.js.map +1 -1
- package/dist/ui/components/form/checkbox/index.d.ts +1 -0
- package/dist/ui/components/form/checkbox/index.js.map +1 -1
- package/dist/ui/components/form/drag-and-drop/index.d.ts +9 -3
- package/dist/ui/components/form/drag-and-drop/index.js +37 -8
- package/dist/ui/components/form/drag-and-drop/index.js.map +1 -1
- package/dist/ui/components/form/handler/dynamic_form_handler/styles.js +1 -1
- package/dist/ui/components/form/handler/dynamic_form_handler/styles.js.map +1 -1
- package/dist/ui/components/form/input-file/component.d.ts +13 -2
- package/dist/ui/components/form/input-file/component.js +1 -1
- package/dist/ui/components/form/input-file/component.js.map +1 -1
- package/dist/ui/components/form/input-file/hooks/use-file.js +3 -2
- package/dist/ui/components/form/input-file/hooks/use-file.js.map +1 -1
- package/dist/ui/components/form/input-file/render-files/component.js +1 -1
- package/dist/ui/components/form/input-file/render-files/component.js.map +1 -1
- package/dist/ui/components/form/input-manager/component.d.ts +2 -1
- package/dist/ui/components/form/input-manager/component.js +17 -6
- package/dist/ui/components/form/input-manager/component.js.map +1 -1
- package/dist/ui/components/form/interfaces.d.ts +0 -11
- package/dist/ui/components/form/text-editor/react-quill.css +922 -0
- package/dist/ui/components/modal/component.js +2 -2
- package/dist/ui/components/modal/component.js.map +1 -1
- package/dist/ui/components/modal/styles.js +1 -1
- package/dist/ui/components/modal/styles.js.map +1 -1
- package/dist/ui/styles/fonts.css +768 -0
- package/dist/ui/styles/reset.css +351 -0
- package/dist/ui/utils/file/load-file.d.ts +1 -1
- package/dist/ui/utils/file/upload-file.d.ts +1 -1
- package/package.json +73 -71
|
@@ -0,0 +1,144 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Grid = Grid;
|
|
4
|
+
function Grid(_a) {
|
|
5
|
+
var swiper = _a.swiper, extendParams = _a.extendParams, on = _a.on;
|
|
6
|
+
extendParams({
|
|
7
|
+
grid: {
|
|
8
|
+
rows: 1,
|
|
9
|
+
fill: 'column',
|
|
10
|
+
},
|
|
11
|
+
});
|
|
12
|
+
var slidesNumberEvenToRows;
|
|
13
|
+
var slidesPerRow;
|
|
14
|
+
var numFullColumns;
|
|
15
|
+
var wasMultiRow;
|
|
16
|
+
var getSpaceBetween = function () {
|
|
17
|
+
var spaceBetween = swiper.params.spaceBetween;
|
|
18
|
+
if (typeof spaceBetween === 'string' && spaceBetween.indexOf('%') >= 0) {
|
|
19
|
+
spaceBetween = (parseFloat(spaceBetween.replace('%', '')) / 100) * swiper.size;
|
|
20
|
+
}
|
|
21
|
+
else if (typeof spaceBetween === 'string') {
|
|
22
|
+
spaceBetween = parseFloat(spaceBetween);
|
|
23
|
+
}
|
|
24
|
+
return spaceBetween;
|
|
25
|
+
};
|
|
26
|
+
var initSlides = function (slides) {
|
|
27
|
+
var slidesPerView = swiper.params.slidesPerView;
|
|
28
|
+
var _a = swiper.params.grid, rows = _a.rows, fill = _a.fill;
|
|
29
|
+
var slidesLength = swiper.virtual && swiper.params.virtual.enabled ? swiper.virtual.slides.length : slides.length;
|
|
30
|
+
numFullColumns = Math.floor(slidesLength / rows);
|
|
31
|
+
if (Math.floor(slidesLength / rows) === slidesLength / rows) {
|
|
32
|
+
slidesNumberEvenToRows = slidesLength;
|
|
33
|
+
}
|
|
34
|
+
else {
|
|
35
|
+
slidesNumberEvenToRows = Math.ceil(slidesLength / rows) * rows;
|
|
36
|
+
}
|
|
37
|
+
if (slidesPerView !== 'auto' && fill === 'row') {
|
|
38
|
+
slidesNumberEvenToRows = Math.max(slidesNumberEvenToRows, slidesPerView * rows);
|
|
39
|
+
}
|
|
40
|
+
slidesPerRow = slidesNumberEvenToRows / rows;
|
|
41
|
+
};
|
|
42
|
+
var unsetSlides = function () {
|
|
43
|
+
if (swiper.slides) {
|
|
44
|
+
swiper.slides.forEach(function (slide) {
|
|
45
|
+
if (slide.swiperSlideGridSet) {
|
|
46
|
+
slide.style.height = '';
|
|
47
|
+
slide.style[swiper.getDirectionLabel('margin-top')] = '';
|
|
48
|
+
}
|
|
49
|
+
});
|
|
50
|
+
}
|
|
51
|
+
};
|
|
52
|
+
var updateSlide = function (i, slide, slides) {
|
|
53
|
+
var slidesPerGroup = swiper.params.slidesPerGroup;
|
|
54
|
+
var spaceBetween = getSpaceBetween();
|
|
55
|
+
var _a = swiper.params.grid, rows = _a.rows, fill = _a.fill;
|
|
56
|
+
var slidesLength = swiper.virtual && swiper.params.virtual.enabled ? swiper.virtual.slides.length : slides.length;
|
|
57
|
+
// Set slides order
|
|
58
|
+
var newSlideOrderIndex;
|
|
59
|
+
var column;
|
|
60
|
+
var row;
|
|
61
|
+
if (fill === 'row' && slidesPerGroup > 1) {
|
|
62
|
+
var groupIndex = Math.floor(i / (slidesPerGroup * rows));
|
|
63
|
+
var slideIndexInGroup = i - rows * slidesPerGroup * groupIndex;
|
|
64
|
+
var columnsInGroup = groupIndex === 0
|
|
65
|
+
? slidesPerGroup
|
|
66
|
+
: Math.min(Math.ceil((slidesLength - groupIndex * rows * slidesPerGroup) / rows), slidesPerGroup);
|
|
67
|
+
row = Math.floor(slideIndexInGroup / columnsInGroup);
|
|
68
|
+
column = slideIndexInGroup - row * columnsInGroup + groupIndex * slidesPerGroup;
|
|
69
|
+
newSlideOrderIndex = column + (row * slidesNumberEvenToRows) / rows;
|
|
70
|
+
slide.style.order = newSlideOrderIndex;
|
|
71
|
+
}
|
|
72
|
+
else if (fill === 'column') {
|
|
73
|
+
column = Math.floor(i / rows);
|
|
74
|
+
row = i - column * rows;
|
|
75
|
+
if (column > numFullColumns || (column === numFullColumns && row === rows - 1)) {
|
|
76
|
+
row += 1;
|
|
77
|
+
if (row >= rows) {
|
|
78
|
+
row = 0;
|
|
79
|
+
column += 1;
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
else {
|
|
84
|
+
row = Math.floor(i / slidesPerRow);
|
|
85
|
+
column = i - row * slidesPerRow;
|
|
86
|
+
}
|
|
87
|
+
slide.row = row;
|
|
88
|
+
slide.column = column;
|
|
89
|
+
slide.style.height = "calc((100% - ".concat((rows - 1) * spaceBetween, "px) / ").concat(rows, ")");
|
|
90
|
+
slide.style[swiper.getDirectionLabel('margin-top')] = row !== 0 ? spaceBetween && "".concat(spaceBetween, "px") : '';
|
|
91
|
+
slide.swiperSlideGridSet = true;
|
|
92
|
+
};
|
|
93
|
+
var updateWrapperSize = function (slideSize, snapGrid) {
|
|
94
|
+
var _a = swiper.params, centeredSlides = _a.centeredSlides, roundLengths = _a.roundLengths;
|
|
95
|
+
var spaceBetween = getSpaceBetween();
|
|
96
|
+
var rows = swiper.params.grid.rows;
|
|
97
|
+
swiper.virtualSize = (slideSize + spaceBetween) * slidesNumberEvenToRows;
|
|
98
|
+
swiper.virtualSize = Math.ceil(swiper.virtualSize / rows) - spaceBetween;
|
|
99
|
+
if (!swiper.params.cssMode) {
|
|
100
|
+
swiper.wrapperEl.style[swiper.getDirectionLabel('width')] = "".concat(swiper.virtualSize + spaceBetween, "px");
|
|
101
|
+
}
|
|
102
|
+
if (centeredSlides) {
|
|
103
|
+
var newSlidesGrid = [];
|
|
104
|
+
for (var i = 0; i < snapGrid.length; i += 1) {
|
|
105
|
+
var slidesGridItem = snapGrid[i];
|
|
106
|
+
if (roundLengths)
|
|
107
|
+
slidesGridItem = Math.floor(slidesGridItem);
|
|
108
|
+
if (snapGrid[i] < swiper.virtualSize + snapGrid[0])
|
|
109
|
+
newSlidesGrid.push(slidesGridItem);
|
|
110
|
+
}
|
|
111
|
+
snapGrid.splice(0, snapGrid.length);
|
|
112
|
+
snapGrid.push.apply(snapGrid, newSlidesGrid);
|
|
113
|
+
}
|
|
114
|
+
};
|
|
115
|
+
var onInit = function () {
|
|
116
|
+
wasMultiRow = swiper.params.grid && swiper.params.grid.rows > 1;
|
|
117
|
+
};
|
|
118
|
+
var onUpdate = function () {
|
|
119
|
+
var params = swiper.params, el = swiper.el;
|
|
120
|
+
var isMultiRow = params.grid && params.grid.rows > 1;
|
|
121
|
+
if (wasMultiRow && !isMultiRow) {
|
|
122
|
+
el.classList.remove("".concat(params.containerModifierClass, "grid"), "".concat(params.containerModifierClass, "grid-column"));
|
|
123
|
+
numFullColumns = 1;
|
|
124
|
+
swiper.emitContainerClasses();
|
|
125
|
+
}
|
|
126
|
+
else if (!wasMultiRow && isMultiRow) {
|
|
127
|
+
el.classList.add("".concat(params.containerModifierClass, "grid"));
|
|
128
|
+
if (params.grid.fill === 'column') {
|
|
129
|
+
el.classList.add("".concat(params.containerModifierClass, "grid-column"));
|
|
130
|
+
}
|
|
131
|
+
swiper.emitContainerClasses();
|
|
132
|
+
}
|
|
133
|
+
wasMultiRow = isMultiRow;
|
|
134
|
+
};
|
|
135
|
+
on('init', onInit);
|
|
136
|
+
on('update', onUpdate);
|
|
137
|
+
swiper.grid = {
|
|
138
|
+
initSlides: initSlides,
|
|
139
|
+
unsetSlides: unsetSlides,
|
|
140
|
+
updateSlide: updateSlide,
|
|
141
|
+
updateWrapperSize: updateWrapperSize,
|
|
142
|
+
};
|
|
143
|
+
}
|
|
144
|
+
//# sourceMappingURL=grid.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"grid.js","sourceRoot":"","sources":["../../../../../../src/ui/components/carousel/carousel-lib/modules/grid.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
export * from
|
|
3
|
-
export * from
|
|
4
|
-
export * from
|
|
5
|
-
export * from
|
|
6
|
-
export * from
|
|
1
|
+
export * from './grid.js';
|
|
2
|
+
export * from './autoplay.js';
|
|
3
|
+
export * from './effect-fade.js';
|
|
4
|
+
export * from './free-mode.js';
|
|
5
|
+
export * from './navigation.js';
|
|
6
|
+
export * from './pagination.js';
|
|
7
|
+
export * from './virtual.js';
|
|
@@ -14,6 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
14
14
|
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./grid.js"), exports);
|
|
17
18
|
__exportStar(require("./autoplay.js"), exports);
|
|
18
19
|
__exportStar(require("./effect-fade.js"), exports);
|
|
19
20
|
__exportStar(require("./free-mode.js"), exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/components/carousel/carousel-lib/modules/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,6CAA0B;AAC1B,gDAA6B;AAC7B,8CAA2B;AAC3B,+CAA4B;AAC5B,+CAA4B;AAC5B,4CAAyB"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/components/carousel/carousel-lib/modules/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAsB;AACtB,6CAA0B;AAC1B,gDAA6B;AAC7B,8CAA2B;AAC3B,+CAA4B;AAC5B,+CAA4B;AAC5B,4CAAyB"}
|
|
@@ -68,7 +68,7 @@ function useCarousel(_a) {
|
|
|
68
68
|
return ((0, jsx_runtime_1.jsx)("button", { type: 'button', className: nextUID, children: children }));
|
|
69
69
|
}
|
|
70
70
|
function Carousel() {
|
|
71
|
-
return ((0, jsx_runtime_1.jsx)(S.Carousel, { children: (0, jsx_runtime_1.jsx)(SwiperLib, __assign({}, config, { ref: swiperRef, modules: [index_1.Pagination, index_1.Autoplay, index_1.Navigation, index_1.Virtual, index_1.EffectFade], navigation: {
|
|
71
|
+
return ((0, jsx_runtime_1.jsx)(S.Carousel, { children: (0, jsx_runtime_1.jsx)(SwiperLib, __assign({}, config, { ref: swiperRef, modules: [index_1.Pagination, index_1.Autoplay, index_1.Navigation, index_1.Virtual, index_1.EffectFade, index_1.Grid], navigation: {
|
|
72
72
|
nextEl: '.' + nextUID,
|
|
73
73
|
prevEl: '.' + prevUID,
|
|
74
74
|
}, children: items.map(function (item) { return ((0, jsx_runtime_1.jsx)(SwiperSlideLib, { children: (0, jsx_runtime_1.jsx)(Component, __assign({}, item)) }, item.id || (0, ui_1.uid)(11, true))); }) })) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/carousel/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/carousel/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,kCA6DC;;AAzED,2BAA0B;AAE1B,sDAAoD;AACpD,kEAA+D;AAE/D,sDAA0G;AAI1G,0CAA6B;AAC7B,+BAA8B;AAE9B,SAAgB,WAAW,CAAU,EAAkD;QAAhD,EAAE,QAAA,EAAE,KAAK,WAAA,EAAE,SAAS,eAAA,EAAE,MAAM,YAAA;IACjE,IAAM,OAAO,GAAG,MAAM,GAAG,EAAE,CAAA;IAC3B,IAAM,OAAO,GAAG,MAAM,GAAG,EAAE,CAAA;IAE3B,IAAM,SAAS,GAAG,eAAa,CAAA;IAC/B,IAAM,cAAc,GAAG,0BAAkB,CAAA;IAEzC,IAAM,SAAS,GAAG,IAAA,cAAM,EAAM,IAAI,CAAC,CAAA;IAEnC,SAAS,IAAI,CAAC,EAA2C;YAAzC,QAAQ,cAAA;QACtB,OAAO,CACL,mCAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,OAAO,YACrC,QAAQ,GACF,CACV,CAAA;IACH,CAAC;IAED,SAAS,IAAI,CAAC,EAA2C;YAAzC,QAAQ,cAAA;QACtB,OAAO,CACL,mCAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,OAAO,YACrC,QAAQ,GACF,CACV,CAAA;IACH,CAAC;IAED,SAAS,QAAQ;QACf,OAAO,CACL,uBAAC,CAAC,CAAC,QAAQ,cACT,uBAAC,SAAS,eACJ,MAAM,IACV,GAAG,EAAE,SAAS,EACd,OAAO,EAAE,CAAC,kBAAU,EAAE,gBAAQ,EAAE,kBAAU,EAAE,eAAO,EAAE,kBAAU,EAAE,YAAI,CAAC,EACtE,UAAU,EAAE;oBACV,MAAM,EAAE,GAAG,GAAG,OAAO;oBACrB,MAAM,EAAE,GAAG,GAAG,OAAO;iBACtB,YAEA,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CACnB,uBAAC,cAAc,cACb,uBAAC,SAAS,eAAK,IAAI,EAAI,IADH,IAAY,CAAC,EAAE,IAAI,IAAA,QAAG,EAAC,EAAE,EAAE,IAAI,CAAC,CAErC,CAClB,EAJoB,CAIpB,CAAC,IACQ,GACD,CACd,CAAA;IACH,CAAC;IAED,IAAM,OAAO,GAAG;QACd,OAAO,EAAE,UAAC,KAAa;YACrB,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;gBACtB,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;YACzC,CAAC;QACH,CAAC;KACF,CAAA;IAED,OAAO;QACL,QAAQ,UAAA;QACR,IAAI,MAAA;QACJ,IAAI,MAAA;QACJ,OAAO,SAAA;KACR,CAAA;AACH,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { InputProps, Option } from '../interfaces.js';
|
|
3
3
|
export interface InputCheckboxProps {
|
|
4
|
+
checkbox_key?: string;
|
|
4
5
|
OptionComponent?: (props: Option) => React.ReactNode;
|
|
5
6
|
}
|
|
6
7
|
export declare function InputCheckbox(props: InputCheckboxProps & InputProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/checkbox/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/checkbox/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,sCAoCC;;;AAlDD,+BAAwC;AACxC,iCAAiC;AAEjC,kDAA+C;AAI/C,0CAA6B;AAO7B,SAAgB,aAAa,CAAC,KAAsC;IAC5D,IAAA,KAAsB,IAAA,iBAAQ,EAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,EAAnD,KAAK,QAAA,EAAE,CAAC,QAAA,EAAE,OAAO,QAAkC,CAAA;IAE1D,IAAA,iBAAS,EAAC;QACR,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,EAAE,CAAC;YAC9B,OAAO,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;QACxB,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAA;IAEjB,OAAO,CACL,uBAAC,4BAAY,eAAK,KAAK,IAAE,IAAI,EAAE,KAAK,CAAC,IAAI,YACvC,uBAAC,CAAC,CAAC,aAAa,cACd,gCAAK,SAAS,EAAC,aAAa,YACzB,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,EAAE,KAAK;;oBAAK,OAAA,CACpC,mCAA0B,OAAO,EAAE,KAAK,CAAC,IAAI,GAAG,KAAK,aACnD,2CACE,EAAE,EAAE,KAAK,CAAC,IAAI,GAAG,KAAK,IAClB,KAAK,EACL,KAAK,IACT,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,MAAM,CAAC,UAAU,EAC7C,OAAO,EAAE,CAAC,CAAC,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,KAAK,MAAM,CAAC,KAAK,EAAlB,CAAkB,CAAC,CAAA,EACxD,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAAE,IAC5D,EACD,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,CACvB,2BAAC,KAAK,CAAC,eAAe,eAAK,MAAM,IAAE,GAAG,EAAE,MAAM,CAAC,KAAK,IAAI,CACzD,CAAC,CAAC,CAAC,CACF,iCAAM,uBAAuB,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,KAAK,EAAE,GAAI,CAC5D,KAfS,MAAM,CAAC,KAAK,CAgBhB,CACT,CAAA;iBAAA,CAAC,GACE,GACU,IACL,CAChB,CAAA;AACH,CAAC"}
|
|
@@ -8,11 +8,17 @@ export interface SortableItemProvided {
|
|
|
8
8
|
transition: any;
|
|
9
9
|
isDragging: boolean;
|
|
10
10
|
}
|
|
11
|
-
interface DragAndDropListProps<T> {
|
|
11
|
+
export interface DragAndDropListProps<T> {
|
|
12
12
|
items: T[];
|
|
13
13
|
onReorder: (newItems: T[]) => void;
|
|
14
|
-
renderItem: (item: T, index: number, provided:
|
|
14
|
+
renderItem: (item: T, index: number, provided: any) => React.ReactNode;
|
|
15
15
|
getItemId: (item: T) => string;
|
|
16
|
+
maxItemWidth?: number | string;
|
|
16
17
|
}
|
|
17
|
-
export declare function DragAndDropList<T>({ items, onReorder, renderItem, getItemId, }: DragAndDropListProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
export declare function DragAndDropList<T>({ items, onReorder, renderItem, getItemId, maxItemWidth, }: DragAndDropListProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
interface SortableItemProps {
|
|
20
|
+
id: string;
|
|
21
|
+
children: (provided: any) => React.ReactNode;
|
|
22
|
+
}
|
|
23
|
+
export declare function SortableItem({ id, children }: SortableItemProps): import("react/jsx-runtime").JSX.Element;
|
|
18
24
|
export {};
|
|
@@ -10,42 +10,71 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
};
|
|
11
11
|
return __assign.apply(this, arguments);
|
|
12
12
|
};
|
|
13
|
+
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
14
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
15
|
+
if (ar || !(i in from)) {
|
|
16
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
17
|
+
ar[i] = from[i];
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
21
|
+
};
|
|
13
22
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
23
|
exports.DragAndDropList = DragAndDropList;
|
|
24
|
+
exports.SortableItem = SortableItem;
|
|
15
25
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
16
26
|
var core_1 = require("@dnd-kit/core");
|
|
17
27
|
var sortable_1 = require("@dnd-kit/sortable");
|
|
28
|
+
var modifiers_1 = require("@dnd-kit/modifiers");
|
|
18
29
|
var utilities_1 = require("@dnd-kit/utilities");
|
|
19
30
|
function DragAndDropList(_a) {
|
|
20
|
-
var items = _a.items, onReorder = _a.onReorder, renderItem = _a.renderItem, getItemId = _a.getItemId;
|
|
31
|
+
var items = _a.items, onReorder = _a.onReorder, renderItem = _a.renderItem, getItemId = _a.getItemId, _b = _a.maxItemWidth, maxItemWidth = _b === void 0 ? 290 : _b;
|
|
21
32
|
var sensors = (0, core_1.useSensors)((0, core_1.useSensor)(core_1.PointerSensor, {
|
|
22
33
|
activationConstraint: { distance: 15 },
|
|
23
34
|
}));
|
|
24
|
-
|
|
35
|
+
// Define a largura mínima dos itens
|
|
36
|
+
var itemMinWidth = "min(100%, ".concat(typeof maxItemWidth === 'number' ? "".concat(maxItemWidth, "px") : maxItemWidth, ")");
|
|
37
|
+
// Define o grid-template-columns com auto-fit e minmax
|
|
38
|
+
var gridTemplateColumns = "repeat(auto-fit, minmax(".concat(itemMinWidth, ", 1fr))");
|
|
39
|
+
function arrayMove(array, from, to) {
|
|
40
|
+
var newArray = __spreadArray([], array, true);
|
|
41
|
+
if (from < 0 || from >= newArray.length || to < 0 || to >= newArray.length) {
|
|
42
|
+
console.warn('Índices fora do intervalo');
|
|
43
|
+
return newArray;
|
|
44
|
+
}
|
|
45
|
+
var movedItem = newArray.splice(from, 1)[0];
|
|
46
|
+
newArray.splice(to, 0, movedItem);
|
|
47
|
+
return newArray;
|
|
48
|
+
}
|
|
49
|
+
function handleDragEnd(event) {
|
|
25
50
|
var active = event.active, over = event.over;
|
|
26
51
|
if (!over || active.id === over.id)
|
|
27
52
|
return;
|
|
28
53
|
var oldIndex = items.findIndex(function (item) { return getItemId(item) === String(active.id); });
|
|
29
54
|
var newIndex = items.findIndex(function (item) { return getItemId(item) === String(over.id); });
|
|
30
55
|
if (oldIndex !== -1 && newIndex !== -1) {
|
|
31
|
-
var newItems =
|
|
56
|
+
var newItems = arrayMove(items, oldIndex, newIndex);
|
|
32
57
|
onReorder(newItems);
|
|
33
58
|
}
|
|
34
|
-
}
|
|
35
|
-
return ((0, jsx_runtime_1.jsx)(core_1.DndContext, { sensors: sensors, collisionDetection: core_1.closestCenter, onDragEnd: handleDragEnd, children: (0, jsx_runtime_1.jsx)(sortable_1.SortableContext, { items: items.map(getItemId), strategy: sortable_1.
|
|
59
|
+
}
|
|
60
|
+
return ((0, jsx_runtime_1.jsx)(core_1.DndContext, { sensors: sensors, collisionDetection: core_1.closestCenter, onDragEnd: handleDragEnd, modifiers: [modifiers_1.restrictToParentElement], children: (0, jsx_runtime_1.jsx)(sortable_1.SortableContext, { items: items.map(getItemId), strategy: sortable_1.rectSortingStrategy, children: (0, jsx_runtime_1.jsx)("div", { style: {
|
|
61
|
+
display: 'grid',
|
|
62
|
+
gridTemplateColumns: gridTemplateColumns, // Usa auto-fit para ajustar dinamicamente
|
|
63
|
+
gap: '16px', // Espaçamento entre os itens
|
|
64
|
+
width: '100%',
|
|
65
|
+
overflow: 'hidden',
|
|
66
|
+
}, children: items === null || items === void 0 ? void 0 : items.map(function (item, index) { return ((0, jsx_runtime_1.jsx)(SortableItem, { id: getItemId(item), children: function (provided) { return renderItem(item, index, provided); } }, getItemId(item))); }) }) }) }));
|
|
36
67
|
}
|
|
37
68
|
function SortableItem(_a) {
|
|
38
69
|
var id = _a.id, children = _a.children;
|
|
39
70
|
var _b = (0, sortable_1.useSortable)({ id: id }), attributes = _b.attributes, listeners = _b.listeners, setNodeRef = _b.setNodeRef, transform = _b.transform, transition = _b.transition, isDragging = _b.isDragging;
|
|
40
|
-
var provided = { attributes: attributes, listeners: listeners, setNodeRef: setNodeRef, transform: transform, transition: transition, isDragging: isDragging };
|
|
41
71
|
var style = {
|
|
42
72
|
transform: utilities_1.CSS.Transform.toString(transform),
|
|
43
73
|
transition: transition,
|
|
44
74
|
opacity: isDragging ? 0.5 : 1,
|
|
45
75
|
width: '100%',
|
|
46
|
-
marginBottom: '8px',
|
|
47
76
|
cursor: 'grab',
|
|
48
77
|
};
|
|
49
|
-
return ((0, jsx_runtime_1.jsx)("div", __assign({ ref: setNodeRef, style: style }, attributes, listeners, { children: children(
|
|
78
|
+
return ((0, jsx_runtime_1.jsx)("div", __assign({ ref: setNodeRef, style: style }, attributes, listeners, { children: children({ attributes: attributes, listeners: listeners, setNodeRef: setNodeRef, transform: transform, transition: transition, isDragging: isDragging }) })));
|
|
50
79
|
}
|
|
51
80
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/drag-and-drop/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/drag-and-drop/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,6 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
10
|
exports.DynamiFormHandler = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
-
exports.DynamiFormHandler = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding-bottom: 20px
|
|
12
|
+
exports.DynamiFormHandler = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n /* padding-bottom: 20px; */\n\n .header {\n margin-bottom: 20px;\n\n h3 {\n color: ", ";\n margin: 0;\n }\n\n span {\n display: block;\n color: #888;\n }\n }\n\n form {\n > div {\n > div + div {\n margin-top: 12px;\n }\n }\n }\n\n .form-button {\n button {\n background: #1abb9b;\n border: 0;\n border-radius: 5px;\n height: 46px;\n font-size: 16px;\n font-weight: 700;\n }\n }\n"], ["\n /* padding-bottom: 20px; */\n\n .header {\n margin-bottom: 20px;\n\n h3 {\n color: ", ";\n margin: 0;\n }\n\n span {\n display: block;\n color: #888;\n }\n }\n\n form {\n > div {\n > div + div {\n margin-top: 12px;\n }\n }\n }\n\n .form-button {\n button {\n background: #1abb9b;\n border: 0;\n border-radius: 5px;\n height: 46px;\n font-size: 16px;\n font-weight: 700;\n }\n }\n"])), function (props) { return props.theme.darkColor; });
|
|
13
13
|
var templateObject_1;
|
|
14
14
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/handler/dynamic_form_handler/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,iBAAiB,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/handler/dynamic_form_handler/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,iBAAiB,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,wiBAAA,qGAO/B,EAAgC,8XA4B9C,KA5Bc,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EA4B9C"}
|
|
@@ -1,8 +1,19 @@
|
|
|
1
|
-
import { InputProps,
|
|
1
|
+
import { InputProps, DragAndDropListProps } from '../../../../ui/index.js';
|
|
2
|
+
export type UploadOptions = {
|
|
3
|
+
version?: 'v1' | 'v2';
|
|
4
|
+
apiUrl?: string;
|
|
5
|
+
auth?: boolean;
|
|
6
|
+
};
|
|
2
7
|
export type InputFileProps = {
|
|
3
8
|
upload?: UploadOptions;
|
|
4
9
|
inputFileConfigurations?: {
|
|
5
|
-
styleVersion:
|
|
10
|
+
styleVersion: 'v1' | 'v2';
|
|
6
11
|
};
|
|
12
|
+
isLocalFile?: boolean;
|
|
13
|
+
sizeImageFile?: string;
|
|
14
|
+
sizeImageFileMobile?: string;
|
|
15
|
+
enableMobileImage?: boolean;
|
|
16
|
+
isAccumalativeFile?: boolean;
|
|
17
|
+
maxItemWidth?: DragAndDropListProps<any>["maxItemWidth"];
|
|
7
18
|
};
|
|
8
19
|
export declare function InputFile(props: InputProps & InputFileProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -52,6 +52,6 @@ var S = __importStar(require("./styles.js"));
|
|
|
52
52
|
function InputFile(props) {
|
|
53
53
|
var _a = (0, ui_1.useFile)(props), loading = _a.loading, InputFile = _a.InputFile, LabelFileArea = _a.LabelFileArea, field = _a.field, handlers = _a.handlers;
|
|
54
54
|
var files = (field === null || field === void 0 ? void 0 : field.value) || [];
|
|
55
|
-
return ((0, jsx_runtime_1.jsx)(ui_1.InputControl, __assign({}, props, { children: (0, jsx_runtime_1.jsxs)(S.InputFileStyles, { children: [(0, jsx_runtime_1.jsx)(InputFile, { visible: false }), (0, jsx_runtime_1.jsx)(ui_1.DragAndDropList, { items: files, onReorder: function (newFiles) { return handlers.setValue(newFiles); }, getItemId: function (file) { return String(file.id); }, renderItem: function (file, index, provided) { return ((0, jsx_runtime_1.jsx)("div", __assign({ ref: provided.setNodeRef }, provided.attributes, provided.listeners, { children: (0, react_1.createElement)(ui_1.RenderFiles, __assign({}, props, { key: file.id + 'file_key', file: file, index: index })) }))); } }), (0, jsx_runtime_1.jsx)(LabelFileArea, { children: loading ? ((0, jsx_runtime_1.jsx)(ui_1.LoaderCircle, { size: 20, color: '#000' })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconDropFile' }), (0, jsx_runtime_1.jsx)("span", { children: "Selecione um arquivo" })] })) })] }) })));
|
|
55
|
+
return ((0, jsx_runtime_1.jsx)(ui_1.InputControl, __assign({}, props, { children: (0, jsx_runtime_1.jsxs)(S.InputFileStyles, { children: [(0, jsx_runtime_1.jsx)(InputFile, { visible: false }), (0, jsx_runtime_1.jsx)(ui_1.DragAndDropList, __assign({}, props, { items: files, onReorder: function (newFiles) { return handlers.setValue(newFiles); }, getItemId: function (file) { return String(file.id); }, renderItem: function (file, index, provided) { return ((0, jsx_runtime_1.jsx)("div", __assign({ ref: provided.setNodeRef }, provided.attributes, provided.listeners, { children: (0, react_1.createElement)(ui_1.RenderFiles, __assign({}, props, provided, { key: file.id + 'file_key', file: file, index: index })) }))); } })), (0, jsx_runtime_1.jsx)(LabelFileArea, { children: loading ? ((0, jsx_runtime_1.jsx)(ui_1.LoaderCircle, { size: 20, color: '#000' })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconDropFile' }), (0, jsx_runtime_1.jsx)("span", { children: "Selecione um arquivo" })] })) })] }) })));
|
|
56
56
|
}
|
|
57
57
|
//# sourceMappingURL=component.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-file/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-file/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,8BAkCC;;;AAlED,2BASa;AAEb,0CAA6B;AAqB7B,SAAgB,SAAS,CAAC,KAAkC;IACpD,IAAA,KAAyD,IAAA,YAAO,EAAC,KAAK,CAAC,EAArE,OAAO,aAAA,EAAE,SAAS,eAAA,EAAE,aAAa,mBAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAmB,CAAA;IAC7E,IAAM,KAAK,GAAG,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,KAAI,EAAE,CAAA;IAEhC,OAAO,CACL,uBAAC,iBAAY,eAAK,KAAK,cACrB,wBAAC,CAAC,CAAC,eAAe,eAChB,uBAAC,SAAS,IAAC,OAAO,EAAE,KAAK,GAAI,EAE7B,uBAAC,oBAAe,eACV,KAAK,IACT,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,UAAC,QAAQ,IAAK,OAAA,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAA3B,CAA2B,EACpD,SAAS,EAAE,UAAC,IAAI,IAAK,OAAA,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,EAAf,CAAe,EACpC,UAAU,EAAE,UAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,IAAK,OAAA,CACrC,yCAAK,GAAG,EAAE,QAAQ,CAAC,UAAU,IAAM,QAAQ,CAAC,UAAU,EAAM,QAAQ,CAAC,SAAS,cAC5E,2BAAC,gBAAW,eAAK,KAAK,EAAM,QAAQ,IAAE,GAAG,EAAE,IAAI,CAAC,EAAE,GAAG,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,IAAI,IACzF,CACP,EAJsC,CAItC,IACD,EAEF,uBAAC,aAAa,cACX,OAAO,CAAC,CAAC,CAAC,CACT,uBAAC,iBAAY,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,MAAM,GAAG,CACxC,CAAC,CAAC,CAAC,CACF,6DACE,uBAAC,SAAI,IAAC,IAAI,EAAC,cAAc,GAAG,EAC5B,oEAAiC,IAChC,CACJ,GACa,IACE,IACP,CAChB,CAAA;AACH,CAAC"}
|
|
@@ -71,8 +71,9 @@ function useFile(props) {
|
|
|
71
71
|
var _b = (0, react_1.useState)(false), loading = _b[0], setLoading = _b[1];
|
|
72
72
|
var _c = (0, formik_1.useField)({ name: (props === null || props === void 0 ? void 0 : props.name) || '' }), field = _c[0], _ = _c[1], handlers = _c[2];
|
|
73
73
|
function convertToFileSystemType(file) {
|
|
74
|
+
var uniqueId = "".concat(Date.now(), "-").concat(Math.floor(Math.random() * 100000));
|
|
74
75
|
return {
|
|
75
|
-
id:
|
|
76
|
+
id: uniqueId,
|
|
76
77
|
url: URL.createObjectURL(file),
|
|
77
78
|
title: file.name,
|
|
78
79
|
length: file.size.toString(),
|
|
@@ -89,7 +90,7 @@ function useFile(props) {
|
|
|
89
90
|
_b.trys.push([0, 6, 7, 8]);
|
|
90
91
|
files = event.currentTarget.files;
|
|
91
92
|
if (!props.isLocalFile) return [3 /*break*/, 1];
|
|
92
|
-
fileSystemTypes = Array.from(files).map(convertToFileSystemType);
|
|
93
|
+
fileSystemTypes = Array.from(files).map(function (item) { return convertToFileSystemType(item); });
|
|
93
94
|
if (props.isAccumalativeFile && field.value) {
|
|
94
95
|
handlers.setValue(__spreadArray(__spreadArray([], field.value, true), fileSystemTypes, true));
|
|
95
96
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-file.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-file/hooks/use-file.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,
|
|
1
|
+
{"version":3,"file":"use-file.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-file/hooks/use-file.ts"],"names":[],"mappings":"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"}
|
|
@@ -23,7 +23,7 @@ function RenderFiles(props) {
|
|
|
23
23
|
var mobileProps = __assign(__assign({}, props), { id: nameMobile, name: fileReferenceList, fileReferenceList: fileReferenceList, multiple: false, isAccumalativeFile: false, nameFileMobile: nameMobile, isLocalFile: props.isLocalFile, enableMobileImage: props.enableMobileImage, mobileFilesAlredyExist: mobileFiles && mobileFiles.length > 0 });
|
|
24
24
|
return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(file_item_1.FileItem, __assign({}, props, { mobile: __assign({}, mobileProps) })), mobileFiles &&
|
|
25
25
|
mobileFiles.map(function (fileSystem, index) {
|
|
26
|
-
return (0, jsx_runtime_1.jsx)(file_item_1.FileItem, __assign({}, mobileProps, { name: nameMobile, file: fileSystem, isMobile: true, index: index }), nameMobile);
|
|
26
|
+
return ((0, jsx_runtime_1.jsx)(file_item_1.FileItem, __assign({}, mobileProps, { name: nameMobile, file: fileSystem, isMobile: true, index: index }), nameMobile));
|
|
27
27
|
})] }));
|
|
28
28
|
}
|
|
29
29
|
//# sourceMappingURL=component.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-file/render-files/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-file/render-files/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAOA,kCAiCC;;AAxCD,iCAAgD;AAGhD,yCAAsC;AAItC,SAAgB,WAAW,CAAC,KAAsB;IACxC,IAAA,MAAM,GAAK,IAAA,yBAAgB,GAAE,OAAvB,CAAuB;IAErC,IAAM,iBAAiB,GAAG,UAAG,KAAK,CAAC,IAAI,cAAI,KAAK,CAAC,KAAK,aAAU,CAAA;IAChE,IAAM,UAAU,GAAG,iBAAiB,GAAG,KAAK,CAAA;IAE5C,IAAM,WAAW,GAAG,CAAC,IAAA,cAAK,EAAC,MAAM,EAAE,iBAAiB,CAAC,IAAI,EAAE,CAAqB,CAAA;IAEhF,IAAM,WAAW,yBACZ,KAAK,KACR,EAAE,EAAE,UAAU,EACd,IAAI,EAAE,iBAAiB,EACvB,iBAAiB,mBAAA,EACjB,QAAQ,EAAE,KAAK,EACf,kBAAkB,EAAE,KAAK,EACzB,cAAc,EAAE,UAAU,EAC1B,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,EAC1C,sBAAsB,EAAE,WAAW,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,GAC9D,CAAA;IAED,OAAO,CACL,4CACE,uBAAC,oBAAQ,eAAK,KAAK,IAAE,MAAM,eAAO,WAAW,KAAM,EAElD,WAAW;gBACV,WAAW,CAAC,GAAG,CAAC,UAAC,UAAU,EAAE,KAAK;oBAChC,OAAO,CACL,uBAAC,oBAAQ,eAAsB,WAAW,IAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,QAAC,KAAK,EAAE,KAAK,KAAtF,UAAU,CAAgF,CAC1G,CAAA;gBACH,CAAC,CAAC,IACA,CACP,CAAA;AACH,CAAC"}
|
|
@@ -1,2 +1,3 @@
|
|
|
1
1
|
import { InputProps } from '../../../../ui/index.js';
|
|
2
|
-
|
|
2
|
+
import * as Inputs from '../../../../ui/components/form/index.js';
|
|
3
|
+
export declare function InputManager({ name, label, inputs, gridColumns, inputPath, placeholder, ...rest }: InputProps & Inputs.DragAndDropListProps<any>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -43,6 +43,17 @@ var __importStar = (this && this.__importStar) || (function () {
|
|
|
43
43
|
return result;
|
|
44
44
|
};
|
|
45
45
|
})();
|
|
46
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
47
|
+
var t = {};
|
|
48
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
49
|
+
t[p] = s[p];
|
|
50
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
51
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
52
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
53
|
+
t[p[i]] = s[p[i]];
|
|
54
|
+
}
|
|
55
|
+
return t;
|
|
56
|
+
};
|
|
46
57
|
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
47
58
|
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
48
59
|
if (ar || !(i in from)) {
|
|
@@ -60,18 +71,18 @@ var ui_1 = require("../../../../ui/index.js");
|
|
|
60
71
|
var Inputs = __importStar(require("../../../../ui/components/form/index.js"));
|
|
61
72
|
var S = __importStar(require("./styles.js"));
|
|
62
73
|
function InputManager(_a) {
|
|
63
|
-
var name = _a.name, label = _a.label, inputs = _a.inputs, _b = _a.gridColumns, gridColumns = _b === void 0 ? 3 : _b, inputPath = _a.inputPath, placeholder = _a.placeholder;
|
|
74
|
+
var name = _a.name, label = _a.label, inputs = _a.inputs, _b = _a.gridColumns, gridColumns = _b === void 0 ? 3 : _b, inputPath = _a.inputPath, placeholder = _a.placeholder, rest = __rest(_a, ["name", "label", "inputs", "gridColumns", "inputPath", "placeholder"]);
|
|
64
75
|
var _c = (0, formik_1.useFormikContext)(), values = _c.values, setFieldValue = _c.setFieldValue;
|
|
65
76
|
var path = inputPath ? name : "jsonContent.".concat(name);
|
|
66
77
|
var items = (0, formik_1.getIn)(values, path) || [];
|
|
67
|
-
return ((0, jsx_runtime_1.jsxs)(S.InputManager, { "$gridColumns": gridColumns, children: [(0, jsx_runtime_1.jsx)("div", { className:
|
|
78
|
+
return ((0, jsx_runtime_1.jsxs)(S.InputManager, { "$gridColumns": gridColumns, children: [(0, jsx_runtime_1.jsx)("div", { className: 'add_new_item_input_manager', children: (0, jsx_runtime_1.jsxs)("button", { type: 'button', className: 'font-16-regular', onClick: function () {
|
|
68
79
|
var guid = (0, ui_1.generateGUID)();
|
|
69
80
|
setFieldValue(path, __spreadArray(__spreadArray([], items, true), [{ id: guid }], false));
|
|
70
|
-
}, children: [label, " ", (0, jsx_runtime_1.jsx)(ui_1.Icon, { name:
|
|
81
|
+
}, children: [label, " ", (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'PlusIcon' })] }) }), (0, jsx_runtime_1.jsx)(Inputs.DragAndDropList, __assign({}, rest, { items: items, onReorder: function (newItems) { return setFieldValue(path, newItems); }, getItemId: function (item) { return item.id; }, renderItem: function (item, itemIndex, provided) {
|
|
71
82
|
var basePath = "".concat(path, "[").concat(itemIndex, "].");
|
|
72
|
-
return ((0, jsx_runtime_1.jsxs)("div", __assign({ ref: provided.setNodeRef }, provided.attributes, provided.listeners, { className:
|
|
83
|
+
return ((0, jsx_runtime_1.jsxs)("div", __assign({ ref: provided.setNodeRef }, provided.attributes, provided.listeners, { className: 'item', children: [(0, jsx_runtime_1.jsxs)("div", { className: 'top-input-manager', children: [(0, jsx_runtime_1.jsxs)("h3", { className: 'font-18-regular', children: [placeholder, " ", itemIndex + 1] }), (0, jsx_runtime_1.jsx)("button", { type: 'button', className: 'delete', onClick: function () {
|
|
73
84
|
setFieldValue(path, items.filter(function (i) { return i.id !== item.id; }));
|
|
74
|
-
}, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name:
|
|
85
|
+
}, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconDelete' }) })] }), inputs === null || inputs === void 0 ? void 0 : inputs.map(function (row) {
|
|
75
86
|
var KEYROW = item.id + row.reduce(function (reducer, inputList) { return reducer + (inputList.name || ''); }, '');
|
|
76
87
|
return ((0, jsx_runtime_1.jsx)("div", { style: { display: 'grid', gap: 15, gridTemplateColumns: "repeat(".concat(row.length, ", 1fr)") }, children: row.map(function (input) {
|
|
77
88
|
var Element = Inputs[input.InputComponent];
|
|
@@ -80,6 +91,6 @@ function InputManager(_a) {
|
|
|
80
91
|
return (0, jsx_runtime_1.jsx)(Element, __assign({}, input, { name: name, inputPath: basePath }), KEYinput);
|
|
81
92
|
}) }, KEYROW));
|
|
82
93
|
})] })));
|
|
83
|
-
} })] }));
|
|
94
|
+
} }))] }));
|
|
84
95
|
}
|
|
85
96
|
//# sourceMappingURL=component.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-manager/component.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-manager/component.tsx"],"names":[],"mappings":"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"}
|
|
@@ -45,23 +45,13 @@ export type ISelectProps = {
|
|
|
45
45
|
CustomComponent?: React.ReactNode;
|
|
46
46
|
};
|
|
47
47
|
};
|
|
48
|
-
export type UploadOptions = {
|
|
49
|
-
version?: 'v1' | 'v2';
|
|
50
|
-
apiUrl?: string;
|
|
51
|
-
auth?: boolean;
|
|
52
|
-
};
|
|
53
48
|
interface Props {
|
|
54
49
|
disable?: boolean;
|
|
55
50
|
debug?: boolean;
|
|
56
51
|
prefix?: string;
|
|
57
52
|
name: string;
|
|
58
53
|
label?: string;
|
|
59
|
-
checkbox_key?: string;
|
|
60
54
|
loading?: boolean;
|
|
61
|
-
isLocalFile?: boolean;
|
|
62
|
-
sizeImageFile?: string;
|
|
63
|
-
sizeImageFileMobile?: string;
|
|
64
|
-
enableMobileImage?: boolean;
|
|
65
55
|
icon?: {
|
|
66
56
|
name?: IconsNames;
|
|
67
57
|
element?: React.ReactNode;
|
|
@@ -71,7 +61,6 @@ interface Props {
|
|
|
71
61
|
onClick?: (value: any) => void;
|
|
72
62
|
};
|
|
73
63
|
iconDirection?: 'left' | 'right';
|
|
74
|
-
isAccumalativeFile?: boolean;
|
|
75
64
|
only?: 'cpf' | 'cnpj';
|
|
76
65
|
onChangeInput?: (value: number | string | boolean | string[] | Date | FileSystemType[], callback?: () => void, formik?: InputFormikState, applyMask?: (value: string, mask: string) => string, formikContext?: FormikContextType<unknown>) => any;
|
|
77
66
|
controlledInitialValue?: {
|