infinity-forge 14.4.1 → 14.4.3
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/types/swiper-options.d.ts +1 -0
- package/dist/ui/components/carousel/component.js +11 -4
- package/dist/ui/components/carousel/component.js.map +1 -1
- package/dist/ui/components/carousel/interfaces.d.ts +2 -0
- package/dist/ui/components/form/select/index.js +1 -1
- package/dist/ui/components/form/select/index.js.map +1 -1
- package/dist/ui/components/form/select/styles.js +1 -1
- package/dist/ui/components/form/select/styles.js.map +1 -1
- package/package.json +1 -1
|
@@ -73,15 +73,22 @@ function useCarousel(_a) {
|
|
|
73
73
|
swiperRef.current.swiper.slideTo(index);
|
|
74
74
|
}
|
|
75
75
|
},
|
|
76
|
+
slideNext: function () {
|
|
77
|
+
if (swiperRef.current) {
|
|
78
|
+
swiperRef.current.swiper.slideNext();
|
|
79
|
+
}
|
|
80
|
+
},
|
|
81
|
+
slidePrev: function () {
|
|
82
|
+
if (swiperRef.current) {
|
|
83
|
+
swiperRef.current.swiper.slidePrev();
|
|
84
|
+
}
|
|
85
|
+
},
|
|
76
86
|
};
|
|
77
87
|
function Carousel() {
|
|
78
88
|
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: {
|
|
79
89
|
nextEl: '.' + nextUID,
|
|
80
90
|
prevEl: '.' + prevUID,
|
|
81
|
-
}, onSlideChange: function () {
|
|
82
|
-
if (swiperRef.current) {
|
|
83
|
-
}
|
|
84
|
-
}, children: items.map(function (item, index) { return ((0, jsx_runtime_1.jsx)(SwiperSlideLib, { children: (0, jsx_runtime_1.jsx)(Component, __assign({}, item, actions, { index: index })) }, item.id || (0, ui_1.uid)(11, true))); }) })) }));
|
|
91
|
+
}, onSlideChange: config === null || config === void 0 ? void 0 : config.onSlideChange, children: items.map(function (item, index) { return ((0, jsx_runtime_1.jsx)(SwiperSlideLib, { children: (0, jsx_runtime_1.jsx)(Component, __assign({}, item, actions, { index: index })) }, item.id || (0, ui_1.uid)(11, true))); }) })) }));
|
|
85
92
|
}
|
|
86
93
|
return {
|
|
87
94
|
Carousel: Carousel,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/ui/components/carousel/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,
|
|
1
|
+
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/ui/components/carousel/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,kCAwEC;;AArFD,+BAAwC;AAExC,2BAA0B;AAE1B,sDAAoD;AACpD,kEAA+D;AAE/D,sDAA0G;AAI1G,0CAA6B;AAE7B,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,gBAAa,MAAM,YACxD,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,gBAAa,MAAM,YACxD,QAAQ,GACF,CACV,CAAA;IACH,CAAC;IAED,IAAM,OAAO,GAAoB;QAC/B,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;QACD,SAAS,EAAE;YACT,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;gBACtB,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC,SAAS,EAAE,CAAA;YACtC,CAAC;QACH,CAAC;QACD,SAAS,EAAE;YACT,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;gBACtB,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC,SAAS,EAAE,CAAA;YACtC,CAAC;QACH,CAAC;KACF,CAAA;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,EACD,aAAa,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,aAAa,YAEnC,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CAC1B,uBAAC,cAAc,cACb,uBAAC,SAAS,eAAK,IAAI,EAAM,OAAO,IAAE,KAAK,EAAE,KAAK,IAAI,IAD9B,IAAY,CAAC,EAAE,IAAI,IAAA,QAAG,EAAC,EAAE,EAAE,IAAI,CAAC,CAErC,CAClB,EAJ2B,CAI3B,CAAC,IACQ,GACD,CACd,CAAA;IACH,CAAC;IAED,OAAO;QACL,QAAQ,UAAA;QACR,IAAI,MAAA;QACJ,IAAI,MAAA;QACJ,OAAO,SAAA;KACR,CAAA;AACH,CAAC"}
|
|
@@ -90,7 +90,7 @@ function Select(props) {
|
|
|
90
90
|
if (!isMounted) {
|
|
91
91
|
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
|
|
92
92
|
}
|
|
93
|
-
return ((0, jsx_runtime_1.jsxs)(S.Select, { ref: selectRef, children: [(0, jsx_runtime_1.jsxs)(ui_1.InputControl, __assign({}, props, { i18n: { disabled: true }, children: [!!props.showSelectedValues && Array.isArray(values) && ((0, jsx_runtime_1.jsx)("div", { className: 'show_selected_values_infinity_forge', children: values === null || values === void 0 ? void 0 : values.map(function (v) {
|
|
93
|
+
return ((0, jsx_runtime_1.jsxs)(S.Select, { ref: selectRef, style: __assign({}, props.style), children: [(0, jsx_runtime_1.jsxs)(ui_1.InputControl, __assign({}, props, { i18n: { disabled: true }, children: [!!props.showSelectedValues && Array.isArray(values) && ((0, jsx_runtime_1.jsx)("div", { className: 'show_selected_values_infinity_forge', children: values === null || values === void 0 ? void 0 : values.map(function (v) {
|
|
94
94
|
var _a;
|
|
95
95
|
return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("button", { type: 'button', onClick: function () { return utils.setValue(values.filter(function (value) { return value !== v; })); }, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconClose' }) }), (0, jsx_runtime_1.jsx)("span", { children: (_a = props.options.find(function (o) { return o.value === v; })) === null || _a === void 0 ? void 0 : _a.label })] }, v));
|
|
96
96
|
}) })), (0, jsx_runtime_1.jsx)(react_select_1.default, __assign({}, selectProps, { value: valueSelect, components: components, options: options, isClearable: props.isClearable, onChange: function (ev) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/select/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,wBA+GC;;AA1HD,+BAA4D;AAE5D,iCAAiC;AACjC,8DAAsC;AAEtC,2BAA6G;AAE7G,iCAA0E;AAE1E,0CAA6B;AAE7B,SAAgB,MAAM,CAAC,KAAiB;;IAChC,IAAA,KAA4B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAA;IAC3C,IAAA,KAA8B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA5C,UAAU,QAAA,EAAE,aAAa,QAAmB,CAAA;IAC7C,IAAA,KAAwB,IAAA,gBAAQ,EAAW,KAAK,CAAC,OAAO,IAAI,EAAE,CAAC,EAA9D,OAAO,QAAA,EAAE,UAAU,QAA2C,CAAA;IAErE,IAAM,SAAS,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAA;IACxB,IAAA,KAAwB,IAAA,iBAAQ,EAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,EAArD,KAAK,QAAA,EAAE,KAAK,QAAA,EAAE,KAAK,QAAkC,CAAA;IAC5D,IAAM,EAAE,GAAG,IAAA,eAAO,EAAC,cAAM,OAAA,iBAAU,KAAK,CAAC,IAAI,CAAE,EAAtB,CAAsB,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAA;IAE9D,IAAM,SAAS,GAAG,IAAA,0BAAqB,GAAE,CAAA;IACjC,IAAA,MAAM,GAAK,IAAA,mBAAc,GAAE,OAArB,CAAqB;IACnC,IAAM,MAAM,GAAG,MAAA,MAAM,CAAC,MAAM,0CAAG,KAAK,CAAC,IAAI,CAAC,CAAA;IAE1C,IAAM,eAAe,GAAG;QACtB,EAAE,IAAA;QACF,KAAK,OAAA;QACL,KAAK,OAAA;QACL,KAAK,OAAA;QACL,OAAO,SAAA;QACP,SAAS,WAAA;QACT,SAAS,WAAA;QACT,UAAU,YAAA;QACV,UAAU,YAAA;QACV,YAAY,cAAA;QACZ,aAAa,eAAA;QACb,wBAAwB,EAAE,KAAK;QAC/B,WAAW,EAAE,KAAK,CAAC,WAAW;QAC9B,sBAAsB,EAAE,KAAK,CAAC,sBAAsB;QACpD,UAAU,EAAE,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,UAAU;KAC/C,CAAA;IAEK,IAAA,KAAiC,IAAA,mBAAW,EAAC,eAAe,CAAC,EAA3D,KAAK,WAAA,EAAE,mBAAmB,yBAAiC,CAAA;IAEnE,IAAM,WAAW,GACf,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC,mBAAmB,IAAI,CAAC,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAG,CAAC,CAAC,CAAA,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;IAE3G,IAAM,WAAW,GAAG,IAAA,sBAAc,wBAAM,eAAe,KAAE,WAAW,aAAA,IAAG,CAAA;IACvE,IAAM,UAAU,GAAG,IAAA,2BAAmB,EAAC,eAAe,CAAC,CAAA;IAEvD,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,OAAO,kDAAK,CAAA;IACd,CAAC;IAED,OAAO,CACL,wBAAC,CAAC,CAAC,MAAM,IAAC,GAAG,EAAE,SAAS,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/select/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.Select = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
-
exports.Select = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n display: flex;\n\n .optionCustom {\n min-width: auto;\n\n .option {\n height: 32px;\n margin: 1px 2px;\n\n > div {\n align-items: center;\n display: flex;\n margin: 0;\n }\n }\n }\n\n [class*='__indicator'] {\n position: absolute;\n top: 0;\n right: 0;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n height: 100%;\n }\n\n [class*='__clear-indicator'] {\n right: 20px;\n z-index: 2;\n cursor: pointer;\n\n &:hover {\n opacity: 0.7;\n }\n }\n\n .optionCustom.transparent {\n opacity: 0;\n }\n\n [class*='-Svg'] {\n transition: 0.2s;\n transform: rotate(0);\n }\n\n .open {\n [class*='-Svg'] {\n transform: rotate(180deg);\n }\n }\n\n .add {\n padding: 0;\n border: 0;\n background: none;\n width: 42px;\n height: 42px;\n border: 1px solid currentColor;\n border-radius: 4px;\n padding: 12px;\n cursor: pointer;\n color: hsl(0, 0%, 80%);\n margin: auto 0 11px 4px;\n\n &:hover {\n background: #828282;\n color: #fff;\n }\n\n svg {\n width: 100%;\n height: auto;\n fill: currentColor;\n }\n }\n"], ["\n width: 100%;\n display: flex;\n\n .optionCustom {\n min-width: auto;\n\n .option {\n height: 32px;\n margin: 1px 2px;\n\n > div {\n align-items: center;\n display: flex;\n margin: 0;\n }\n }\n }\n\n [class*='__indicator'] {\n position: absolute;\n top: 0;\n right: 0;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n height: 100%;\n }\n\n [class*='__clear-indicator'] {\n right: 20px;\n z-index: 2;\n cursor: pointer;\n\n &:hover {\n opacity: 0.7;\n }\n }\n\n .optionCustom.transparent {\n opacity: 0;\n }\n\n [class*='-Svg'] {\n transition: 0.2s;\n transform: rotate(0);\n }\n\n .open {\n [class*='-Svg'] {\n transform: rotate(180deg);\n }\n }\n\n .add {\n padding: 0;\n border: 0;\n background: none;\n width: 42px;\n height: 42px;\n border: 1px solid currentColor;\n border-radius: 4px;\n padding: 12px;\n cursor: pointer;\n color: hsl(0, 0%, 80%);\n margin: auto 0 11px 4px;\n\n &:hover {\n background: #828282;\n color: #fff;\n }\n\n svg {\n width: 100%;\n height: auto;\n fill: currentColor;\n }\n }\n"])));
|
|
12
|
+
exports.Select = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n display: flex;\n\n .optionCustom {\n min-width: auto;\n\n .option {\n height: 32px;\n margin: 1px 2px;\n\n > div {\n align-items: center;\n display: flex;\n margin: 0;\n }\n }\n }\n\n [class*='__value-container'] input {\n width: unset;\n }\n\n [class*='__indicator'] {\n position: absolute;\n top: 0;\n right: 0;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n height: 100%;\n }\n\n [class*='__clear-indicator'] {\n right: 20px;\n z-index: 2;\n cursor: pointer;\n\n &:hover {\n opacity: 0.7;\n }\n }\n\n .optionCustom.transparent {\n opacity: 0;\n }\n\n [class*='-Svg'] {\n transition: 0.2s;\n transform: rotate(0);\n }\n\n .open {\n [class*='-Svg'] {\n transform: rotate(180deg);\n }\n }\n\n .add {\n padding: 0;\n border: 0;\n background: none;\n width: 42px;\n height: 42px;\n border: 1px solid currentColor;\n border-radius: 4px;\n padding: 12px;\n cursor: pointer;\n color: hsl(0, 0%, 80%);\n margin: auto 0 11px 4px;\n\n &:hover {\n background: #828282;\n color: #fff;\n }\n\n svg {\n width: 100%;\n height: auto;\n fill: currentColor;\n }\n }\n"], ["\n width: 100%;\n display: flex;\n\n .optionCustom {\n min-width: auto;\n\n .option {\n height: 32px;\n margin: 1px 2px;\n\n > div {\n align-items: center;\n display: flex;\n margin: 0;\n }\n }\n }\n\n [class*='__value-container'] input {\n width: unset;\n }\n\n [class*='__indicator'] {\n position: absolute;\n top: 0;\n right: 0;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n height: 100%;\n }\n\n [class*='__clear-indicator'] {\n right: 20px;\n z-index: 2;\n cursor: pointer;\n\n &:hover {\n opacity: 0.7;\n }\n }\n\n .optionCustom.transparent {\n opacity: 0;\n }\n\n [class*='-Svg'] {\n transition: 0.2s;\n transform: rotate(0);\n }\n\n .open {\n [class*='-Svg'] {\n transform: rotate(180deg);\n }\n }\n\n .add {\n padding: 0;\n border: 0;\n background: none;\n width: 42px;\n height: 42px;\n border: 1px solid currentColor;\n border-radius: 4px;\n padding: 12px;\n cursor: pointer;\n color: hsl(0, 0%, 80%);\n margin: auto 0 11px 4px;\n\n &:hover {\n background: #828282;\n color: #fff;\n }\n\n svg {\n width: 100%;\n height: auto;\n fill: currentColor;\n }\n }\n"])));
|
|
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/select/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,MAAM,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/select/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,MAAM,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,s2CAAA,myCAmFlC,KAAA"}
|