albinasoft-ui-package 1.1.46 → 1.1.47

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.
Files changed (2) hide show
  1. package/dist/components/CustomDateTimePicker.js +49 -39
  2. package/package.json +1 -1
package/dist/components/CustomDateTimePicker.js CHANGED
@@ -1,27 +1,4 @@
1
1
  "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
2
  var __importDefault = (this && this.__importDefault) || function (mod) {
26
3
  return (mod && mod.__esModule) ? mod : { "default": mod };
27
4
  };
@@ -30,12 +7,8 @@ exports.TimeFormat = exports.CustomDateTimePicker = void 0;
30
7
  var react_1 = __importDefault(require("react"));
31
8
  var react_bootstrap_1 = require("react-bootstrap");
32
9
  var fa_1 = require("react-icons/fa");
33
- var react_datepicker_1 = __importStar(require("react-datepicker"));
34
- var tr_1 = __importDefault(require("date-fns/locale/tr"));
35
- var date_fns_tz_1 = require("date-fns-tz");
10
+ var react_datepicker_1 = __importDefault(require("react-datepicker"));
36
11
  require("../assets/css/custom-datetime-picker.css");
37
- // date-fns locale tipi TypeScript’te bazen uyumsuz görünüyor, bu yüzden type assertion yapıyoruz
38
- (0, react_datepicker_1.registerLocale)("tr", tr_1.default);
39
12
  var TimeFormat;
40
13
  (function (TimeFormat) {
41
14
  TimeFormat["H"] = "HH";
@@ -43,30 +16,67 @@ var TimeFormat;
43
16
  TimeFormat["HM"] = "HH:mm";
44
17
  })(TimeFormat || (TimeFormat = {}));
45
18
  exports.TimeFormat = TimeFormat;
19
+ // Manuel Türkçe locale objesi
20
+ var customTrLocale = {
21
+ localize: {
22
+ month: function (n) {
23
+ var months = [
24
+ "Ocak", "Şubat", "Mart", "Nisan", "Mayıs", "Haziran",
25
+ "Temmuz", "Ağustos", "Eylül", "Ekim", "Kasım", "Aralık"
26
+ ];
27
+ return months[n];
28
+ },
29
+ day: function (n) {
30
+ var days = ["Pzr", "Pts", "Sal", "Çrş", "Prş", "Cum", "Cts"];
31
+ return days[n];
32
+ },
33
+ },
34
+ formatLong: {
35
+ date: function () { return "dd.MM.yyyy"; },
36
+ time: function () { return "HH:mm"; },
37
+ dateTime: function () { return "dd.MM.yyyy HH:mm"; },
38
+ },
39
+ options: {
40
+ weekStartsOn: 1,
41
+ },
42
+ };
43
+ // TR saatine göre ISO-like string oluşturan yardımcı fonksiyon
44
+ var toTrIsoString = function (date) {
45
+ var pad = function (n) { return n.toString().padStart(2, "0"); };
46
+ var year = date.getFullYear();
47
+ var month = pad(date.getMonth() + 1);
48
+ var day = pad(date.getDate());
49
+ var hour = pad(date.getHours());
50
+ var minute = pad(date.getMinutes());
51
+ var second = pad(date.getSeconds());
52
+ var ms = date.getMilliseconds().toString().padStart(3, "0");
53
+ return "".concat(year, "-").concat(month, "-").concat(day, "T").concat(hour, ":").concat(minute, ":").concat(second, ".").concat(ms);
54
+ };
46
55
  var CustomDateTimePicker = function (_a) {
47
56
  var id = _a.id, name = _a.name, label = _a.label, value = _a.value, placeholder = _a.placeholder, _b = _a.required, required = _b === void 0 ? false : _b, errorMessage = _a.errorMessage, _c = _a.conditionalErrorVisible, conditionalErrorVisible = _c === void 0 ? false : _c, conditionalErrorMessage = _a.conditionalErrorMessage, tooltip = _a.tooltip, description = _a.description, _d = _a.disabled, disabled = _d === void 0 ? false : _d, className = _a.className, style = _a.style, showTimeSelect = _a.showTimeSelect, showTimeSelectOnly = _a.showTimeSelectOnly, showYearDropdown = _a.showYearDropdown, _e = _a.timeFormat, timeFormat = _e === void 0 ? TimeFormat.HM : _e, timeIntervals = _a.timeIntervals, submitted = _a.submitted, onChange = _a.onChange;
48
57
  var isInvalid = submitted && required && !value;
49
- var timeZone = "Europe/Istanbul";
50
- // TR saatini UTC'ye dönüştür ve öyle gönder
51
- var handleDateChange = function (date) {
52
- if (!date)
53
- return onChange(null);
54
- var zonedDate = (0, date_fns_tz_1.fromZonedTime)(date, timeZone);
55
- onChange(zonedDate);
58
+ // Kullanıcının seçtiği tarihi TR saatinde, Z içermeyen şekilde Date nesnesi olarak dışarı ver
59
+ var handleChange = function (date) {
60
+ if (!date) {
61
+ onChange(null);
62
+ return;
63
+ }
64
+ // TR saatiyle toplanmış Date üret
65
+ var trIso = toTrIsoString(date);
66
+ var localDate = new Date(trIso); // UTC'ye çevrilmeden oluşturulmuş Date objesi
67
+ onChange(localDate);
56
68
  };
57
- // UTC saklanmış tarihleri TR saatine çevirerek input’ta göster
58
- var displayedDate = value ? (0, date_fns_tz_1.toZonedTime)(value, timeZone) : null;
59
69
  return (react_1.default.createElement("div", { className: "col-12", style: style },
60
70
  react_1.default.createElement("div", { className: "form-group" },
61
71
  react_1.default.createElement("label", { htmlFor: id, className: "form-label" }, label),
62
72
  react_1.default.createElement("div", { className: "position-relative" },
63
73
  react_1.default.createElement(react_bootstrap_1.OverlayTrigger, { placement: "bottom", overlay: tooltip ? (react_1.default.createElement(react_bootstrap_1.Tooltip, { id: "tooltip-".concat(id) }, tooltip)) : (react_1.default.createElement(react_1.default.Fragment, null)) },
64
74
  react_1.default.createElement("div", null,
65
- react_1.default.createElement(react_datepicker_1.default, { id: id, name: name, selected: displayedDate, onChange: handleDateChange, className: "form-control ".concat(className || "", " ").concat(submitted
75
+ react_1.default.createElement(react_datepicker_1.default, { id: id, name: name, selected: value, onChange: handleChange, className: "form-control ".concat(className || "", " ").concat(submitted
66
76
  ? isInvalid
67
77
  ? "is-invalid"
68
78
  : "is-valid"
69
- : ""), placeholderText: placeholder, disabled: disabled, required: required, showTimeSelect: showTimeSelect || false, showTimeSelectOnly: showTimeSelectOnly || false, showYearDropdown: showYearDropdown || false, showTimeCaption: false, timeFormat: timeFormat, locale: "tr", dateFormat: showTimeSelectOnly
79
+ : ""), placeholderText: placeholder, disabled: disabled, required: required, showTimeSelect: showTimeSelect || false, showTimeSelectOnly: showTimeSelectOnly || false, showYearDropdown: showYearDropdown || false, showTimeCaption: false, timeFormat: timeFormat, locale: customTrLocale, dateFormat: showTimeSelectOnly
70
80
  ? timeFormat
71
81
  : showTimeSelect
72
82
  ? "dd.MM.yyyy HH:mm"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "albinasoft-ui-package",
3
- "version": "1.1.46",
3
+ "version": "1.1.47",
4
4
  "main": "dist/index.js",
5
5
  "types": "dist/index.d.ts",
6
6
  "scripts": {