albinasoft-ui-package 1.1.45 → 1.1.46

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 +43 -37
  2. package/package.json +2 -1
package/dist/components/CustomDateTimePicker.js CHANGED
@@ -1,4 +1,27 @@
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
+ };
2
25
  var __importDefault = (this && this.__importDefault) || function (mod) {
3
26
  return (mod && mod.__esModule) ? mod : { "default": mod };
4
27
  };
@@ -7,8 +30,12 @@ exports.TimeFormat = exports.CustomDateTimePicker = void 0;
7
30
  var react_1 = __importDefault(require("react"));
8
31
  var react_bootstrap_1 = require("react-bootstrap");
9
32
  var fa_1 = require("react-icons/fa");
10
- var react_datepicker_1 = __importDefault(require("react-datepicker"));
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");
11
36
  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);
12
39
  var TimeFormat;
13
40
  (function (TimeFormat) {
14
41
  TimeFormat["H"] = "HH";
@@ -16,51 +43,30 @@ var TimeFormat;
16
43
  TimeFormat["HM"] = "HH:mm";
17
44
  })(TimeFormat || (TimeFormat = {}));
18
45
  exports.TimeFormat = TimeFormat;
19
- // Manuel Türkçe locale objesi
20
- var customTrLocale = {
21
- localize: {
22
- month: function (n) {
23
- var months = [
24
- "Ocak",
25
- "Şubat",
26
- "Mart",
27
- "Nisan",
28
- "Mayıs",
29
- "Haziran",
30
- "Temmuz",
31
- "Ağustos",
32
- "Eylül",
33
- "Ekim",
34
- "Kasım",
35
- "Aralık",
36
- ];
37
- return months[n];
38
- },
39
- day: function (n) {
40
- var days = ["Pzr", "Pts", "Sal", "Çrş", "Prş", "Cum", "Cts"];
41
- return days[n];
42
- },
43
- },
44
- formatLong: {
45
- date: function () { return "dd.MM.yyyy"; },
46
- time: function () { return "HH:mm"; },
47
- dateTime: function () { return "dd.MM.yyyy HH:mm"; },
48
- },
49
- options: {
50
- weekStartsOn: 1,
51
- },
52
- };
53
46
  var CustomDateTimePicker = function (_a) {
54
47
  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;
55
- // Eğer form gönderildiyse ve required field boşsa hata durumu geçerli olsun.
56
48
  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);
56
+ };
57
+ // UTC saklanmış tarihleri TR saatine çevirerek input’ta göster
58
+ var displayedDate = value ? (0, date_fns_tz_1.toZonedTime)(value, timeZone) : null;
57
59
  return (react_1.default.createElement("div", { className: "col-12", style: style },
58
60
  react_1.default.createElement("div", { className: "form-group" },
59
61
  react_1.default.createElement("label", { htmlFor: id, className: "form-label" }, label),
60
62
  react_1.default.createElement("div", { className: "position-relative" },
61
63
  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)) },
62
64
  react_1.default.createElement("div", null,
63
- react_1.default.createElement(react_datepicker_1.default, { id: id, name: name, selected: value, onChange: onChange, className: "form-control ".concat(className || "", " ").concat(submitted ? (isInvalid ? "is-invalid" : "is-valid") : ""), placeholderText: placeholder, disabled: disabled, required: required, showTimeSelect: showTimeSelect || false, showTimeSelectOnly: showTimeSelectOnly || false, showYearDropdown: showYearDropdown || false, showTimeCaption: false, timeFormat: timeFormat, locale: customTrLocale, dateFormat: showTimeSelectOnly
65
+ react_1.default.createElement(react_datepicker_1.default, { id: id, name: name, selected: displayedDate, onChange: handleDateChange, className: "form-control ".concat(className || "", " ").concat(submitted
66
+ ? isInvalid
67
+ ? "is-invalid"
68
+ : "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
64
70
  ? timeFormat
65
71
  : showTimeSelect
66
72
  ? "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.45",
3
+ "version": "1.1.46",
4
4
  "main": "dist/index.js",
5
5
  "types": "dist/index.d.ts",
6
6
  "scripts": {
@@ -13,6 +13,7 @@
13
13
  "ag-grid-community": "^33.1.1",
14
14
  "ag-grid-react": "^33.1.1",
15
15
  "date-fns": "^4.1.0",
16
+ "date-fns-tz": "^3.2.0",
16
17
  "quill": "^2.0.3",
17
18
  "react": "^18.0.0",
18
19
  "react-bootstrap": "^2.10.6",