infinity-forge 14.8.4 → 14.8.6

package/dist/ui/components/form/input-range-picker/index.js

@@ -10,108 +10,22 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputRangePickerInline = exports.InputRangePickerDefault = void 0;
 exports.InputRangePicker = InputRangePicker;
 var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var ui_1 = require("../../../../ui/index.js");
-var Inputs = __importStar(require("../../../../ui/components/form/index.js"));
-var S = __importStar(require("./styles.js"));
-var error_1 = require("../input-control/error/index.js");
-function InputRangePicker(_a) {
-    var name = _a.name, InputStart = _a.InputStart, InputEnd = _a.InputEnd, placeholder = _a.placeholder, onChangeInput = _a.onChangeInput;
-    var _b = (0, react_1.useState)(false), open = _b[0], setOpen = _b[1];
-    var filterRef = (0, react_1.useRef)(null);
-    var InputStartElement = Inputs[InputStart.InputComponent];
-    var InputEndElement = Inputs[InputEnd.InputComponent];
-    function handleOpenForm() {
-        setOpen(function (prev) { return !prev; });
-    }
-    var formik = (0, ui_1.useFormHandler)().formik;
-    var values = formik.values, setFieldValue = formik.setFieldValue, errors = formik.errors;
-    var valueStartFake = values["".concat(InputStart.name, "-start")];
-    var valueEndFake = values["".concat(InputEnd.name, "-end")];
-    function handleSubmit() {
-        var _a;
-        if (onChangeInput) {
-            onChangeInput((_a = {},
-                _a[InputStart.name] = values[InputStart.name],
-                _a[InputEnd.name] = values[InputEnd.name],
-                _a));
-        }
-        setOpen(false);
+var default_1 = require("./default.js");
+var inline_1 = require("./inline.js");
+function InputRangePicker(props) {
+    switch (props.inputRangePickerVersion) {
+        case 'inline':
+            return (0, jsx_runtime_1.jsx)(inline_1.InputRangePickerInline, __assign({}, props));
+        default:
+            return (0, jsx_runtime_1.jsx)(default_1.InputRangePickerDefault, __assign({}, props));
     }
-    (0, react_1.useEffect)(function () {
-        function handleClickOutside(event) {
-            var target = event.target;
-            if (filterRef.current && !filterRef.current.contains(target) && !target.closest('#CALENDAR')) {
-                setOpen(false);
-                setFieldValue("".concat(InputStart.name, "-start"), null);
-                setFieldValue("".concat(InputEnd.name, "-end"), null);
-            }
-        }
-        if (open) {
-            document.addEventListener('mousedown', handleClickOutside);
-        }
-        else {
-            document.removeEventListener('mousedown', handleClickOutside);
-        }
-        return function () {
-            document.removeEventListener('mousedown', handleClickOutside);
-        };
-    }, [open]);
-    var hasInitialized = (0, react_1.useRef)(false);
-    (0, react_1.useEffect)(function () {
-        if (hasInitialized.current)
-            return;
-        if (!valueStartFake && !valueEndFake) {
-            setFieldValue("".concat(InputStart.name, "-start"), values[InputStart.name] || null);
-            setFieldValue("".concat(InputEnd.name, "-end"), values[InputEnd.name] || null);
-            hasInitialized.current = true;
-        }
-    }, [values]);
-    var style = {
-        opacity: 0,
-        height: 0,
-        width: 0,
-        position: 'absolute',
-        border: 0,
-        padding: 0,
-        margin: 0,
-    };
-    return ((0, jsx_runtime_1.jsxs)(S.InputRangePicker, { className: 'input_range_picker', children: [(0, jsx_runtime_1.jsx)(ui_1.Input, { name: "".concat(InputStart.name, "-start"), style: style }), (0, jsx_runtime_1.jsx)(ui_1.Input, { name: "".concat(InputEnd.name, "-end"), style: style }), (0, jsx_runtime_1.jsxs)("div", { className: 'input-container', ref: filterRef, children: [(0, jsx_runtime_1.jsxs)("div", { className: "fake-input ".concat(open ? 'open' : ''), onClick: function () { return handleOpenForm(); }, children: [(0, jsx_runtime_1.jsx)("span", { children: placeholder || 'Selecione' }), (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconBottomChevron' })] }), errors[name] && (0, jsx_runtime_1.jsx)(error_1.ErrorMessage, { error: errors[name] }), (0, jsx_runtime_1.jsxs)("div", { className: "filter ".concat(open ? 'open' : ''), children: [(0, jsx_runtime_1.jsxs)("div", { className: 'row', children: ["De ", (0, jsx_runtime_1.jsx)(InputStartElement, __assign({}, InputStart)), "At\u00E9", (0, jsx_runtime_1.jsx)(InputEndElement, __assign({}, InputEnd))] }), (0, jsx_runtime_1.jsx)(ui_1.Button, { type: 'button', text: 'Aplicar', onClick: handleSubmit })] })] })] }));
 }
+var default_2 = require("./default.js");
+Object.defineProperty(exports, "InputRangePickerDefault", { enumerable: true, get: function () { return default_2.InputRangePickerDefault; } });
+var inline_2 = require("./inline.js");
+Object.defineProperty(exports, "InputRangePickerInline", { enumerable: true, get: function () { return inline_2.InputRangePickerInline; } });
 //# sourceMappingURL=index.js.map

package/dist/ui/components/form/input-range-picker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-range-picker/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-range-picker/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAoBA,4CAQC;;AAxBD,qCAAmD;AACnD,mCAAiD;AAejD,SAAgB,gBAAgB,CAAC,KAAyC;IACxE,QAAQ,KAAK,CAAC,uBAAuB,EAAE,CAAC;QACtC,KAAK,QAAQ;YACX,OAAO,uBAAC,+BAAsB,eAAK,KAAK,EAAI,CAAA;QAE9C;YACE,OAAO,uBAAC,iCAAuB,eAAK,KAAK,EAAI,CAAA;IACjD,CAAC;AACH,CAAC;AAED,qCAAmD;AAA1C,kHAAA,uBAAuB,OAAA;AAChC,mCAAiD;AAAxC,gHAAA,sBAAsB,OAAA"}

package/dist/ui/components/form/input-range-picker/inline.d.ts

@@ -0,0 +1,3 @@
+import { InputProps } from '../../../../ui/index.js';
+import type { InputRangePickerProps } from './index.js';
+export declare function InputRangePickerInline({ name, InputStart, InputEnd, placeholder, betweenText, }: InputRangePickerProps & InputProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/form/input-range-picker/inline.js

@@ -0,0 +1,61 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputRangePickerInline = InputRangePickerInline;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var ui_1 = require("../../../../ui/index.js");
+var Inputs = __importStar(require("../../../../ui/components/form/index.js"));
+var S = __importStar(require("./styles.js"));
+var error_1 = require("../input-control/error/index.js");
+function InputRangePickerInline(_a) {
+    var name = _a.name, InputStart = _a.InputStart, InputEnd = _a.InputEnd, placeholder = _a.placeholder, betweenText = _a.betweenText;
+    var InputStartElement = Inputs[InputStart.InputComponent];
+    var InputEndElement = Inputs[InputEnd.InputComponent];
+    var formik = (0, ui_1.useFormHandler)().formik;
+    var errors = formik.errors;
+    return ((0, jsx_runtime_1.jsxs)(S.InputRangePickerInline, { className: 'input_range_picker_inline', children: [(0, jsx_runtime_1.jsxs)("div", { className: 'row', children: [(0, jsx_runtime_1.jsx)(InputStartElement, __assign({}, InputStart, { placeholder: InputStart.placeholder || placeholder })), (0, jsx_runtime_1.jsx)("span", { className: 'between', children: betweenText || 'Até' }), (0, jsx_runtime_1.jsx)(InputEndElement, __assign({}, InputEnd))] }), errors[name] && (0, jsx_runtime_1.jsx)(error_1.ErrorMessage, { error: errors[name] })] }));
+}
+//# sourceMappingURL=inline.js.map

package/dist/ui/components/form/input-range-picker/inline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-range-picker/inline.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,wDA0BC;;AAlCD,2BAAiD;AAEjD,iEAAoD;AAEpD,0CAA6B;AAC7B,gDAAqD;AAGrD,SAAgB,sBAAsB,CAAC,EAMF;QALnC,IAAI,UAAA,EACJ,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,WAAW,iBAAA;IAEX,IAAM,iBAAiB,GAAG,MAAM,CAAC,UAAU,CAAC,cAAc,CAAoC,CAAA;IAC9F,IAAM,eAAe,GAAG,MAAM,CAAC,QAAQ,CAAC,cAAc,CAAoC,CAAA;IAElF,IAAA,MAAM,GAAK,IAAA,mBAAc,GAAE,OAArB,CAAqB;IAC3B,IAAA,MAAM,GAAK,MAAM,OAAX,CAAW;IAEzB,OAAO,CACL,wBAAC,CAAC,CAAC,sBAAsB,IAAC,SAAS,EAAC,2BAA2B,aAC7D,iCAAK,SAAS,EAAC,KAAK,aAClB,uBAAC,iBAAiB,eAAK,UAAU,IAAE,WAAW,EAAE,UAAU,CAAC,WAAW,IAAI,WAAW,IAAI,EAEzF,iCAAM,SAAS,EAAC,SAAS,YAAE,WAAW,IAAI,KAAK,GAAQ,EAEvD,uBAAC,eAAe,eAAK,QAAQ,EAAI,IAC7B,EAEL,MAAM,CAAC,IAAI,CAAC,IAAI,uBAAC,oBAAY,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,CAAW,GAAI,IACvC,CAC5B,CAAA;AACH,CAAC"}

package/dist/ui/components/form/input-range-picker/styles.d.ts

@@ -1 +1,2 @@
 export declare const InputRangePicker: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, never>> & string;
+export declare const InputRangePickerInline: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, never>> & string;

package/dist/ui/components/form/input-range-picker/styles.js

@@ -7,8 +7,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.InputRangePicker = void 0;
+exports.InputRangePickerInline = exports.InputRangePicker = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
 exports.InputRangePicker = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  .input-container {\n    position: relative;\n\n    .fake-input {\n      height: 40px;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 0 10px;\n      gap: 2px;\n\n      svg {\n        flex-shrink: 0;\n        width: 10px;\n        height: auto;\n      }\n    }\n\n    .row {\n      font-size: 14px;\n      align-items: center;\n    }\n\n    .input_control {\n      margin-bottom: 0 !important;\n    }\n\n    .filter {\n      position: absolute;\n      bottom: -5px;\n      left: 0;\n      background-color: #fff;\n      z-index: -2;\n      opacity: 0;\n      border-radius: 5px;\n      box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n      padding: 16px;\n      transform: translateY(100%);\n      height: 0;\n      width: 0;\n\n      * {\n        min-width: 0;\n      }\n\n      &.open {\n        opacity: 1;\n        z-index: 1055;\n        width: 420px;\n        height: auto;\n      }\n\n      button {\n        margin-top: 16px;\n      }\n    }\n  }\n"], ["\n  .input-container {\n    position: relative;\n\n    .fake-input {\n      height: 40px;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 0 10px;\n      gap: 2px;\n\n      svg {\n        flex-shrink: 0;\n        width: 10px;\n        height: auto;\n      }\n    }\n\n    .row {\n      font-size: 14px;\n      align-items: center;\n    }\n\n    .input_control {\n      margin-bottom: 0 !important;\n    }\n\n    .filter {\n      position: absolute;\n      bottom: -5px;\n      left: 0;\n      background-color: #fff;\n      z-index: -2;\n      opacity: 0;\n      border-radius: 5px;\n      box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n      padding: 16px;\n      transform: translateY(100%);\n      height: 0;\n      width: 0;\n\n      * {\n        min-width: 0;\n      }\n\n      &.open {\n        opacity: 1;\n        z-index: 1055;\n        width: 420px;\n        height: auto;\n      }\n\n      button {\n        margin-top: 16px;\n      }\n    }\n  }\n"])));
-var templateObject_1;
+exports.InputRangePickerInline = (0, styled_components_1.default)('div')(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  .row {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 14px;\n\n    > *:not(.between) {\n      flex: 1;\n      min-width: 0;\n    }\n\n    .between {\n      flex: 0 0 auto;\n      white-space: nowrap;\n    }\n  }\n\n  .input_control {\n    margin-bottom: 0 !important;\n  }\n"], ["\n  .row {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 14px;\n\n    > *:not(.between) {\n      flex: 1;\n      min-width: 0;\n    }\n\n    .between {\n      flex: 0 0 auto;\n      white-space: nowrap;\n    }\n  }\n\n  .input_control {\n    margin-bottom: 0 !important;\n  }\n"])));
+var templateObject_1, templateObject_2;
 //# sourceMappingURL=styles.js.map

package/dist/ui/components/form/input-range-picker/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-range-picker/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,gBAAgB,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,yjCAAA,s/BA0D5C,KAAA"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-range-picker/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,gBAAgB,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,yjCAAA,s/BA0D5C,KAAA;AAEY,QAAA,sBAAsB,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,yXAAA,sTAqBlD,KAAA"}