inconel 0.1.24 → 0.1.26
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/cjs/components/DatePicker/DatePicker.cjs +1 -1
- package/dist/cjs/components/DatePicker/DatePicker.cjs.map +1 -1
- package/dist/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/dist/components/DatePicker/DatePicker.js +17 -17
- package/dist/components/DatePicker/DatePicker.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),pe=require("react"),k=require("react-datepicker"),De=require("date-fns/locale");;/* empty css */const n=require("../shared/classNames.cjs");;/* empty css */;/* empty css */const a=require("./utils.cjs"),_e=require("../../adapters/context.cjs"),ke=require("../DotLoader/DotLoader.cjs"),he=require("../Svg/Svg.cjs");k.registerLocale("tr",De.tr);const qe=k;function Ne({id:d="",value:l=null,onChange:h,onBlur:q,onFocus:N,onClose:j,disabled:f=!1,className:x,labelClassName:y,inputClassName:z,placeholder:S,name:u="",label:m,timeIntervals:g=1,errorMessage:s,errorPlace:p,dateFormat:v="dd.MM.yyyy",minDate:P,maxDate:R=new Date("9999-12-31"),showTimeSelect:T=!1,showTimeSelectOnly:b=!1,showYearPicker:A=!1,showMonthYearPicker:L=!1,showFullMonthYearPicker:B=!1,autoComplete:C="off",notNull:I=!0,minTime:$,maxTime:w,readOnly:F=!1,portalId:O,isClearable:r=!1,peekNextMonth:V=!1,showMonthDropdown:E=!1,showYearDropdown:G=!1,dropdownMode:H,multiple:t,defaultDate:J=!1,initialDate:K,removeLabel:Q=!1,size:D="md",showWeekNumbers:U=!1,required:W=!1,dayClassName:X,monthsShown:Y=1,selectsRange:Z=!1,border:M=!0,inline:ee=!1,startDate:ae,endDate:se,onCalendarOpen:le,onCalendarClose:ne,icon:c=!0,onMonthChange:re,onYearChange:te,highlightDates:ce=[],popperContainer:ie,isLoading:oe=!1}){const i=_e.useInconelAdapters(),de=pe.useRef(a.normalizeDate(l)),fe=a.normalizeDate(l),_=typeof c=="string"?c:i.assets?.calendar,ue=p==="in"&&s?String(s):S??String(i.translate?.("date","Tarih seçin")??"Tarih seçin");return e.jsxs("div",{className:n.classNames("inconel-date-picker",`inconel-size-${D}`,`inconel-date-picker--${D}`,f&&"inconel-is-disabled",x),children:[!Q&&!!m&&e.jsxs("label",{htmlFor:d,className:n.classNames("inconel-date-picker__label",y),children:[m,t&&e.jsx("span",{className:"inconel-date-picker__multiple",title:String(t),children:t}),W&&!l&&e.jsx("span",{className:"inconel-field__required",children:" *"}),oe&&e.jsx(ke.DotLoader,{})]}),e.jsxs("div",{className:n.classNames("inconel-date-picker__control",M&&"inconel-date-picker__control--bordered"),children:[e.jsx(qe,{id:d,name:u,disabled:f,className:n.classNames("inconel-date-picker__input",!!s&&"inconel-is-invalid",z),selected:fe,onChange:o=>{const me=Array.isArray(o)?o:a.resolveClearedDate(o,{isClearable:r,notNull:I,defaultDate:J,initialDate:K,fallbackDate:de.current});h?.(u,me)},locale:(i.locale??"tr-TR").split("-")[0],placeholderText:ue,dateFormat:v,onBlur:q,onFocus:N,onCalendarClose:()=>{j?.(),ne?.()},onCalendarOpen:le,minDate:a.normalizeDate(P),maxDate:a.normalizeDate(R),showTimeSelect:T,showTimeSelectOnly:b,timeIntervals:g,showMonthYearPicker:L,showFullMonthYearPicker:B,showYearPicker:A,autoComplete:C,minTime:$,maxTime:w,readOnly:F,portalId:O,isClearable:r,peekNextMonth:V,showMonthDropdown:E,showYearDropdown:G,dropdownMode:H,showWeekNumbers:U,dayClassName:X,monthsShown:Y,selectsRange:Z,inline:ee,startDate:a.normalizeDate(ae),endDate:a.normalizeDate(se),onMonthChange:re,onYearChange:te,highlightDates:ce,popperContainer:ie}),c&&!(r&&l)&&_&&e.jsx(he.default,{src:_,className:"inconel-date-picker__icon","aria-hidden":"true"})]}),p!=="in"&&s&&e.jsx("span",{className:"inconel-date-picker__error",role:"alert",children:s})]})}exports.DatePicker=Ne;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),pe=require("react"),k=require("react-datepicker"),De=require("date-fns/locale");;/* empty css */const n=require("../shared/classNames.cjs");;/* empty css */;/* empty css */const a=require("./utils.cjs"),_e=require("../../adapters/context.cjs"),ke=require("../DotLoader/DotLoader.cjs"),he=require("../Svg/Svg.cjs");k.registerLocale("tr",De.tr);const qe=k;function Ne({id:d="",value:l=null,onChange:h,onBlur:q,onFocus:N,onClose:j,disabled:f=!1,className:x,labelClassName:y,inputClassName:z,placeholder:S,name:u="",label:m,timeIntervals:g=1,errorMessage:s,errorPlace:p,dateFormat:v="dd.MM.yyyy",minDate:P,maxDate:R=new Date("9999-12-31"),showTimeSelect:T=!1,showTimeSelectOnly:b=!1,showYearPicker:A=!1,showMonthYearPicker:L=!1,showFullMonthYearPicker:B=!1,autoComplete:C="off",notNull:I=!0,minTime:$,maxTime:w,readOnly:F=!1,portalId:O="inconel-date-picker-portal",isClearable:r=!1,peekNextMonth:V=!1,showMonthDropdown:E=!1,showYearDropdown:G=!1,dropdownMode:H,multiple:t,defaultDate:J=!1,initialDate:K,removeLabel:Q=!1,size:D="md",showWeekNumbers:U=!1,required:W=!1,dayClassName:X,monthsShown:Y=1,selectsRange:Z=!1,border:M=!0,inline:ee=!1,startDate:ae,endDate:se,onCalendarOpen:le,onCalendarClose:ne,icon:c=!0,onMonthChange:re,onYearChange:te,highlightDates:ce=[],popperContainer:ie,isLoading:oe=!1}){const i=_e.useInconelAdapters(),de=pe.useRef(a.normalizeDate(l)),fe=a.normalizeDate(l),_=typeof c=="string"?c:i.assets?.calendar,ue=p==="in"&&s?String(s):S??String(i.translate?.("date","Tarih seçin")??"Tarih seçin");return e.jsxs("div",{className:n.classNames("inconel-date-picker",`inconel-size-${D}`,`inconel-date-picker--${D}`,f&&"inconel-is-disabled",x),children:[!Q&&!!m&&e.jsxs("label",{htmlFor:d,className:n.classNames("inconel-date-picker__label",y),children:[m,t&&e.jsx("span",{className:"inconel-date-picker__multiple",title:String(t),children:t}),W&&!l&&e.jsx("span",{className:"inconel-field__required",children:" *"}),oe&&e.jsx(ke.DotLoader,{})]}),e.jsxs("div",{className:n.classNames("inconel-date-picker__control",M&&"inconel-date-picker__control--bordered"),children:[e.jsx(qe,{id:d,name:u,disabled:f,className:n.classNames("inconel-date-picker__input",!!s&&"inconel-is-invalid",z),selected:fe,onChange:o=>{const me=Array.isArray(o)?o:a.resolveClearedDate(o,{isClearable:r,notNull:I,defaultDate:J,initialDate:K,fallbackDate:de.current});h?.(u,me)},locale:(i.locale??"tr-TR").split("-")[0],placeholderText:ue,dateFormat:v,onBlur:q,onFocus:N,onCalendarClose:()=>{j?.(),ne?.()},onCalendarOpen:le,minDate:a.normalizeDate(P),maxDate:a.normalizeDate(R),showTimeSelect:T,showTimeSelectOnly:b,timeIntervals:g,showMonthYearPicker:L,showFullMonthYearPicker:B,showYearPicker:A,autoComplete:C,minTime:$,maxTime:w,readOnly:F,portalId:O,isClearable:r,peekNextMonth:V,showMonthDropdown:E,showYearDropdown:G,dropdownMode:H,showWeekNumbers:U,dayClassName:X,monthsShown:Y,selectsRange:Z,inline:ee,startDate:a.normalizeDate(ae),endDate:a.normalizeDate(se),onMonthChange:re,onYearChange:te,highlightDates:ce,popperContainer:ie}),c&&!(r&&l)&&_&&e.jsx(he.default,{src:_,className:"inconel-date-picker__icon","aria-hidden":"true"})]}),p!=="in"&&s&&e.jsx("span",{className:"inconel-date-picker__error",role:"alert",children:s})]})}exports.DatePicker=Ne;
|
|
2
2
|
//# sourceMappingURL=DatePicker.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.cjs","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["import {\n useRef,\n type ComponentType,\n type FocusEventHandler,\n type ReactNode,\n} from 'react'\nimport ReactDatePicker, { registerLocale } from 'react-datepicker'\nimport { tr } from 'date-fns/locale'\nimport 'react-datepicker/dist/react-datepicker.css'\n\nimport { useInconelAdapters } from '../../adapters'\nimport { classNames } from '../shared/classNames'\nimport '../shared/sizes.css'\nimport type { ControlSize } from '../shared/types'\nimport { DotLoader } from '../DotLoader'\nimport { Svg } from '../Svg'\nimport './styles.css'\nimport { normalizeDate, resolveClearedDate } from './utils'\n\nregisterLocale('tr', tr)\n\ntype DateInput = Date | string | number | null\ntype PickerChange = Date | null | [Date | null, Date | null]\nconst Picker = ReactDatePicker as unknown as ComponentType<\n Record<string, unknown>\n>\n\nexport interface DatePickerProps {\n id?: string\n value?: DateInput\n onChange?: (name: string, value: PickerChange) => void\n onBlur?: FocusEventHandler<HTMLInputElement>\n onFocus?: FocusEventHandler<HTMLInputElement>\n onClose?: () => void\n disabled?: boolean\n className?: string\n labelClassName?: string\n inputClassName?: string\n placeholder?: string\n name?: string\n label?: ReactNode\n timeIntervals?: number\n errorMessage?: ReactNode\n errorPlace?: 'in' | 'out' | string\n dateFormat?: string\n minDate?: DateInput\n maxDate?: DateInput\n showTimeSelect?: boolean\n showTimeSelectOnly?: boolean\n showYearPicker?: boolean\n showMonthYearPicker?: boolean\n showFullMonthYearPicker?: boolean\n autoComplete?: string\n notNull?: boolean\n minTime?: Date | null\n maxTime?: Date | null\n readOnly?: boolean\n portalId?: string | null\n isClearable?: boolean\n peekNextMonth?: boolean\n showMonthDropdown?: boolean\n showYearDropdown?: boolean\n dropdownMode?: 'scroll' | 'select' | null\n multiple?: ReactNode\n defaultDate?: boolean\n initialDate?: Date | null\n removeLabel?: boolean\n size?: ControlSize\n showWeekNumbers?: boolean\n required?: boolean\n dayClassName?: (date: Date) => string\n monthsShown?: number\n selectsRange?: boolean\n border?: boolean\n inline?: boolean\n startDate?: DateInput\n endDate?: DateInput\n onCalendarOpen?: () => void\n onCalendarClose?: () => void\n icon?: boolean | string\n onMonthChange?: (date: Date) => void\n onYearChange?: (date: Date) => void\n highlightDates?: Array<Date | Record<string, Date[]>>\n popperContainer?: ComponentType<{ children?: ReactNode }> | null\n isLoading?: boolean\n}\n\nexport function DatePicker({\n id = '',\n value = null,\n onChange,\n onBlur,\n onFocus,\n onClose,\n disabled = false,\n className,\n labelClassName,\n inputClassName,\n placeholder,\n name = '',\n label,\n timeIntervals = 1,\n errorMessage,\n errorPlace,\n dateFormat = 'dd.MM.yyyy',\n minDate,\n maxDate = new Date('9999-12-31'),\n showTimeSelect = false,\n showTimeSelectOnly = false,\n showYearPicker = false,\n showMonthYearPicker = false,\n showFullMonthYearPicker = false,\n autoComplete = 'off',\n notNull = true,\n minTime,\n maxTime,\n readOnly = false,\n portalId,\n isClearable = false,\n peekNextMonth = false,\n showMonthDropdown = false,\n showYearDropdown = false,\n dropdownMode,\n multiple,\n defaultDate = false,\n initialDate,\n removeLabel = false,\n size = 'md',\n showWeekNumbers = false,\n required = false,\n dayClassName,\n monthsShown = 1,\n selectsRange = false,\n border = true,\n inline = false,\n startDate,\n endDate,\n onCalendarOpen,\n onCalendarClose,\n icon = true,\n onMonthChange,\n onYearChange,\n highlightDates = [],\n popperContainer,\n isLoading = false,\n}: DatePickerProps) {\n const adapters = useInconelAdapters()\n const initialValue = useRef(normalizeDate(value))\n const selected = normalizeDate(value)\n const calendarIcon =\n typeof icon === 'string' ? icon : adapters.assets?.calendar\n const resolvedPlaceholder =\n errorPlace === 'in' && errorMessage\n ? String(errorMessage)\n : placeholder ??\n String(adapters.translate?.('date', 'Tarih seçin') ?? 'Tarih seçin')\n\n return (\n <div\n className={classNames(\n 'inconel-date-picker',\n `inconel-size-${size}`,\n `inconel-date-picker--${size}`,\n disabled && 'inconel-is-disabled',\n className,\n )}\n >\n {!removeLabel && Boolean(label) && (\n <label\n htmlFor={id}\n className={classNames(\n 'inconel-date-picker__label',\n labelClassName,\n )}\n >\n {label}\n {multiple && (\n <span className=\"inconel-date-picker__multiple\" title={String(multiple)}>\n {multiple}\n </span>\n )}\n {required && !value && (\n <span className=\"inconel-field__required\"> *</span>\n )}\n {isLoading && <DotLoader />}\n </label>\n )}\n <div\n className={classNames(\n 'inconel-date-picker__control',\n border && 'inconel-date-picker__control--bordered',\n )}\n >\n <Picker\n id={id}\n name={name}\n disabled={disabled}\n className={classNames(\n 'inconel-date-picker__input',\n Boolean(errorMessage) && 'inconel-is-invalid',\n inputClassName,\n )}\n selected={selected}\n onChange={(next: PickerChange) => {\n const resolved = Array.isArray(next)\n ? next\n : resolveClearedDate(next, {\n isClearable,\n notNull,\n defaultDate,\n initialDate,\n fallbackDate: initialValue.current,\n })\n onChange?.(name, resolved)\n }}\n locale={(adapters.locale ?? 'tr-TR').split('-')[0]}\n placeholderText={resolvedPlaceholder}\n dateFormat={dateFormat}\n onBlur={onBlur}\n onFocus={onFocus}\n onCalendarClose={() => {\n onClose?.()\n onCalendarClose?.()\n }}\n onCalendarOpen={onCalendarOpen}\n minDate={normalizeDate(minDate)}\n maxDate={normalizeDate(maxDate)}\n showTimeSelect={showTimeSelect}\n showTimeSelectOnly={showTimeSelectOnly}\n timeIntervals={timeIntervals}\n showMonthYearPicker={showMonthYearPicker}\n showFullMonthYearPicker={showFullMonthYearPicker}\n showYearPicker={showYearPicker}\n autoComplete={autoComplete}\n minTime={minTime}\n maxTime={maxTime}\n readOnly={readOnly}\n portalId={portalId}\n isClearable={isClearable}\n peekNextMonth={peekNextMonth}\n showMonthDropdown={showMonthDropdown}\n showYearDropdown={showYearDropdown}\n dropdownMode={dropdownMode}\n showWeekNumbers={showWeekNumbers}\n dayClassName={dayClassName}\n monthsShown={monthsShown}\n selectsRange={selectsRange}\n inline={inline}\n startDate={normalizeDate(startDate)}\n endDate={normalizeDate(endDate)}\n onMonthChange={onMonthChange}\n onYearChange={onYearChange}\n highlightDates={highlightDates}\n popperContainer={popperContainer}\n />\n {icon && !(isClearable && value) && calendarIcon && (\n <Svg\n src={calendarIcon}\n className=\"inconel-date-picker__icon\"\n aria-hidden=\"true\"\n />\n )}\n </div>\n {errorPlace !== 'in' && errorMessage && (\n <span className=\"inconel-date-picker__error\" role=\"alert\">\n {errorMessage}\n </span>\n )}\n </div>\n )\n}\n"],"names":["registerLocale","tr","Picker","ReactDatePicker","DatePicker","id","value","onChange","onBlur","onFocus","onClose","disabled","className","labelClassName","inputClassName","placeholder","name","label","timeIntervals","errorMessage","errorPlace","dateFormat","minDate","maxDate","showTimeSelect","showTimeSelectOnly","showYearPicker","showMonthYearPicker","showFullMonthYearPicker","autoComplete","notNull","minTime","maxTime","readOnly","portalId","isClearable","peekNextMonth","showMonthDropdown","showYearDropdown","dropdownMode","multiple","defaultDate","initialDate","removeLabel","size","showWeekNumbers","required","dayClassName","monthsShown","selectsRange","border","inline","startDate","endDate","onCalendarOpen","onCalendarClose","icon","onMonthChange","onYearChange","highlightDates","popperContainer","isLoading","adapters","useInconelAdapters","initialValue","useRef","normalizeDate","selected","calendarIcon","resolvedPlaceholder","jsxs","classNames","DotLoader","jsx","next","resolved","resolveClearedDate","Svg"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"DatePicker.cjs","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["import {\n useRef,\n type ComponentType,\n type FocusEventHandler,\n type ReactNode,\n} from 'react'\nimport ReactDatePicker, { registerLocale } from 'react-datepicker'\nimport { tr } from 'date-fns/locale'\nimport 'react-datepicker/dist/react-datepicker.css'\n\nimport { useInconelAdapters } from '../../adapters'\nimport { classNames } from '../shared/classNames'\nimport '../shared/sizes.css'\nimport type { ControlSize } from '../shared/types'\nimport { DotLoader } from '../DotLoader'\nimport { Svg } from '../Svg'\nimport './styles.css'\nimport { normalizeDate, resolveClearedDate } from './utils'\n\nregisterLocale('tr', tr)\n\ntype DateInput = Date | string | number | null\ntype PickerChange = Date | null | [Date | null, Date | null]\nconst Picker = ReactDatePicker as unknown as ComponentType<\n Record<string, unknown>\n>\n\nexport interface DatePickerProps {\n id?: string\n value?: DateInput\n onChange?: (name: string, value: PickerChange) => void\n onBlur?: FocusEventHandler<HTMLInputElement>\n onFocus?: FocusEventHandler<HTMLInputElement>\n onClose?: () => void\n disabled?: boolean\n className?: string\n labelClassName?: string\n inputClassName?: string\n placeholder?: string\n name?: string\n label?: ReactNode\n timeIntervals?: number\n errorMessage?: ReactNode\n errorPlace?: 'in' | 'out' | string\n dateFormat?: string\n minDate?: DateInput\n maxDate?: DateInput\n showTimeSelect?: boolean\n showTimeSelectOnly?: boolean\n showYearPicker?: boolean\n showMonthYearPicker?: boolean\n showFullMonthYearPicker?: boolean\n autoComplete?: string\n notNull?: boolean\n minTime?: Date | null\n maxTime?: Date | null\n readOnly?: boolean\n portalId?: string | null\n isClearable?: boolean\n peekNextMonth?: boolean\n showMonthDropdown?: boolean\n showYearDropdown?: boolean\n dropdownMode?: 'scroll' | 'select' | null\n multiple?: ReactNode\n defaultDate?: boolean\n initialDate?: Date | null\n removeLabel?: boolean\n size?: ControlSize\n showWeekNumbers?: boolean\n required?: boolean\n dayClassName?: (date: Date) => string\n monthsShown?: number\n selectsRange?: boolean\n border?: boolean\n inline?: boolean\n startDate?: DateInput\n endDate?: DateInput\n onCalendarOpen?: () => void\n onCalendarClose?: () => void\n icon?: boolean | string\n onMonthChange?: (date: Date) => void\n onYearChange?: (date: Date) => void\n highlightDates?: Array<Date | Record<string, Date[]>>\n popperContainer?: ComponentType<{ children?: ReactNode }> | null\n isLoading?: boolean\n}\n\nexport function DatePicker({\n id = '',\n value = null,\n onChange,\n onBlur,\n onFocus,\n onClose,\n disabled = false,\n className,\n labelClassName,\n inputClassName,\n placeholder,\n name = '',\n label,\n timeIntervals = 1,\n errorMessage,\n errorPlace,\n dateFormat = 'dd.MM.yyyy',\n minDate,\n maxDate = new Date('9999-12-31'),\n showTimeSelect = false,\n showTimeSelectOnly = false,\n showYearPicker = false,\n showMonthYearPicker = false,\n showFullMonthYearPicker = false,\n autoComplete = 'off',\n notNull = true,\n minTime,\n maxTime,\n readOnly = false,\n portalId = 'inconel-date-picker-portal',\n isClearable = false,\n peekNextMonth = false,\n showMonthDropdown = false,\n showYearDropdown = false,\n dropdownMode,\n multiple,\n defaultDate = false,\n initialDate,\n removeLabel = false,\n size = 'md',\n showWeekNumbers = false,\n required = false,\n dayClassName,\n monthsShown = 1,\n selectsRange = false,\n border = true,\n inline = false,\n startDate,\n endDate,\n onCalendarOpen,\n onCalendarClose,\n icon = true,\n onMonthChange,\n onYearChange,\n highlightDates = [],\n popperContainer,\n isLoading = false,\n}: DatePickerProps) {\n const adapters = useInconelAdapters()\n const initialValue = useRef(normalizeDate(value))\n const selected = normalizeDate(value)\n const calendarIcon =\n typeof icon === 'string' ? icon : adapters.assets?.calendar\n const resolvedPlaceholder =\n errorPlace === 'in' && errorMessage\n ? String(errorMessage)\n : placeholder ??\n String(adapters.translate?.('date', 'Tarih seçin') ?? 'Tarih seçin')\n\n return (\n <div\n className={classNames(\n 'inconel-date-picker',\n `inconel-size-${size}`,\n `inconel-date-picker--${size}`,\n disabled && 'inconel-is-disabled',\n className,\n )}\n >\n {!removeLabel && Boolean(label) && (\n <label\n htmlFor={id}\n className={classNames(\n 'inconel-date-picker__label',\n labelClassName,\n )}\n >\n {label}\n {multiple && (\n <span className=\"inconel-date-picker__multiple\" title={String(multiple)}>\n {multiple}\n </span>\n )}\n {required && !value && (\n <span className=\"inconel-field__required\"> *</span>\n )}\n {isLoading && <DotLoader />}\n </label>\n )}\n <div\n className={classNames(\n 'inconel-date-picker__control',\n border && 'inconel-date-picker__control--bordered',\n )}\n >\n <Picker\n id={id}\n name={name}\n disabled={disabled}\n className={classNames(\n 'inconel-date-picker__input',\n Boolean(errorMessage) && 'inconel-is-invalid',\n inputClassName,\n )}\n selected={selected}\n onChange={(next: PickerChange) => {\n const resolved = Array.isArray(next)\n ? next\n : resolveClearedDate(next, {\n isClearable,\n notNull,\n defaultDate,\n initialDate,\n fallbackDate: initialValue.current,\n })\n onChange?.(name, resolved)\n }}\n locale={(adapters.locale ?? 'tr-TR').split('-')[0]}\n placeholderText={resolvedPlaceholder}\n dateFormat={dateFormat}\n onBlur={onBlur}\n onFocus={onFocus}\n onCalendarClose={() => {\n onClose?.()\n onCalendarClose?.()\n }}\n onCalendarOpen={onCalendarOpen}\n minDate={normalizeDate(minDate)}\n maxDate={normalizeDate(maxDate)}\n showTimeSelect={showTimeSelect}\n showTimeSelectOnly={showTimeSelectOnly}\n timeIntervals={timeIntervals}\n showMonthYearPicker={showMonthYearPicker}\n showFullMonthYearPicker={showFullMonthYearPicker}\n showYearPicker={showYearPicker}\n autoComplete={autoComplete}\n minTime={minTime}\n maxTime={maxTime}\n readOnly={readOnly}\n portalId={portalId}\n isClearable={isClearable}\n peekNextMonth={peekNextMonth}\n showMonthDropdown={showMonthDropdown}\n showYearDropdown={showYearDropdown}\n dropdownMode={dropdownMode}\n showWeekNumbers={showWeekNumbers}\n dayClassName={dayClassName}\n monthsShown={monthsShown}\n selectsRange={selectsRange}\n inline={inline}\n startDate={normalizeDate(startDate)}\n endDate={normalizeDate(endDate)}\n onMonthChange={onMonthChange}\n onYearChange={onYearChange}\n highlightDates={highlightDates}\n popperContainer={popperContainer}\n />\n {icon && !(isClearable && value) && calendarIcon && (\n <Svg\n src={calendarIcon}\n className=\"inconel-date-picker__icon\"\n aria-hidden=\"true\"\n />\n )}\n </div>\n {errorPlace !== 'in' && errorMessage && (\n <span className=\"inconel-date-picker__error\" role=\"alert\">\n {errorMessage}\n </span>\n )}\n </div>\n )\n}\n"],"names":["registerLocale","tr","Picker","ReactDatePicker","DatePicker","id","value","onChange","onBlur","onFocus","onClose","disabled","className","labelClassName","inputClassName","placeholder","name","label","timeIntervals","errorMessage","errorPlace","dateFormat","minDate","maxDate","showTimeSelect","showTimeSelectOnly","showYearPicker","showMonthYearPicker","showFullMonthYearPicker","autoComplete","notNull","minTime","maxTime","readOnly","portalId","isClearable","peekNextMonth","showMonthDropdown","showYearDropdown","dropdownMode","multiple","defaultDate","initialDate","removeLabel","size","showWeekNumbers","required","dayClassName","monthsShown","selectsRange","border","inline","startDate","endDate","onCalendarOpen","onCalendarClose","icon","onMonthChange","onYearChange","highlightDates","popperContainer","isLoading","adapters","useInconelAdapters","initialValue","useRef","normalizeDate","selected","calendarIcon","resolvedPlaceholder","jsxs","classNames","DotLoader","jsx","next","resolved","resolveClearedDate","Svg"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as d, jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import { useRef as _e } from "react";
|
|
3
|
-
import
|
|
3
|
+
import ke, { registerLocale as he } from "react-datepicker";
|
|
4
4
|
import { tr as De } from "date-fns/locale";
|
|
5
5
|
/* empty css */
|
|
6
6
|
import { classNames as n } from "../shared/classNames.js";
|
|
@@ -10,8 +10,8 @@ import { normalizeDate as a, resolveClearedDate as ue } from "./utils.js";
|
|
|
10
10
|
import { useInconelAdapters as Ne } from "../../adapters/context.js";
|
|
11
11
|
import { DotLoader as ye } from "../DotLoader/DotLoader.js";
|
|
12
12
|
import ve from "../Svg/Svg.js";
|
|
13
|
-
|
|
14
|
-
const Se =
|
|
13
|
+
he("tr", De);
|
|
14
|
+
const Se = ke;
|
|
15
15
|
function be({
|
|
16
16
|
id: f = "",
|
|
17
17
|
value: r = null,
|
|
@@ -28,7 +28,7 @@ function be({
|
|
|
28
28
|
label: _,
|
|
29
29
|
timeIntervals: A = 1,
|
|
30
30
|
errorMessage: l,
|
|
31
|
-
errorPlace:
|
|
31
|
+
errorPlace: k,
|
|
32
32
|
dateFormat: P = "dd.MM.yyyy",
|
|
33
33
|
minDate: R,
|
|
34
34
|
maxDate: j = /* @__PURE__ */ new Date("9999-12-31"),
|
|
@@ -42,7 +42,7 @@ function be({
|
|
|
42
42
|
minTime: w,
|
|
43
43
|
maxTime: z,
|
|
44
44
|
readOnly: F = !1,
|
|
45
|
-
portalId: V,
|
|
45
|
+
portalId: V = "inconel-date-picker-portal",
|
|
46
46
|
isClearable: t = !1,
|
|
47
47
|
peekNextMonth: E = !1,
|
|
48
48
|
showMonthDropdown: G = !1,
|
|
@@ -52,7 +52,7 @@ function be({
|
|
|
52
52
|
defaultDate: K = !1,
|
|
53
53
|
initialDate: O,
|
|
54
54
|
removeLabel: Q = !1,
|
|
55
|
-
size:
|
|
55
|
+
size: h = "md",
|
|
56
56
|
showWeekNumbers: U = !1,
|
|
57
57
|
required: W = !1,
|
|
58
58
|
dayClassName: X,
|
|
@@ -68,17 +68,17 @@ function be({
|
|
|
68
68
|
onMonthChange: te,
|
|
69
69
|
onYearChange: ie,
|
|
70
70
|
highlightDates: oe = [],
|
|
71
|
-
popperContainer:
|
|
72
|
-
isLoading:
|
|
71
|
+
popperContainer: ce,
|
|
72
|
+
isLoading: se = !1
|
|
73
73
|
}) {
|
|
74
|
-
const
|
|
74
|
+
const c = Ne(), de = _e(a(r)), fe = a(r), D = typeof o == "string" ? o : c.assets?.calendar, me = k === "in" && l ? String(l) : x ?? String(c.translate?.("date", "Tarih seçin") ?? "Tarih seçin");
|
|
75
75
|
return /* @__PURE__ */ d(
|
|
76
76
|
"div",
|
|
77
77
|
{
|
|
78
78
|
className: n(
|
|
79
79
|
"inconel-date-picker",
|
|
80
|
-
`inconel-size-${
|
|
81
|
-
`inconel-date-picker--${
|
|
80
|
+
`inconel-size-${h}`,
|
|
81
|
+
`inconel-date-picker--${h}`,
|
|
82
82
|
m && "inconel-is-disabled",
|
|
83
83
|
S
|
|
84
84
|
),
|
|
@@ -95,7 +95,7 @@ function be({
|
|
|
95
95
|
_,
|
|
96
96
|
i && /* @__PURE__ */ e("span", { className: "inconel-date-picker__multiple", title: String(i), children: i }),
|
|
97
97
|
W && !r && /* @__PURE__ */ e("span", { className: "inconel-field__required", children: " *" }),
|
|
98
|
-
|
|
98
|
+
se && /* @__PURE__ */ e(ye, {})
|
|
99
99
|
]
|
|
100
100
|
}
|
|
101
101
|
),
|
|
@@ -119,8 +119,8 @@ function be({
|
|
|
119
119
|
g
|
|
120
120
|
),
|
|
121
121
|
selected: fe,
|
|
122
|
-
onChange: (
|
|
123
|
-
const pe = Array.isArray(
|
|
122
|
+
onChange: (s) => {
|
|
123
|
+
const pe = Array.isArray(s) ? s : ue(s, {
|
|
124
124
|
isClearable: t,
|
|
125
125
|
notNull: q,
|
|
126
126
|
defaultDate: K,
|
|
@@ -129,7 +129,7 @@ function be({
|
|
|
129
129
|
});
|
|
130
130
|
u?.(p, pe);
|
|
131
131
|
},
|
|
132
|
-
locale: (
|
|
132
|
+
locale: (c.locale ?? "tr-TR").split("-")[0],
|
|
133
133
|
placeholderText: me,
|
|
134
134
|
dateFormat: P,
|
|
135
135
|
onBlur: N,
|
|
@@ -166,7 +166,7 @@ function be({
|
|
|
166
166
|
onMonthChange: te,
|
|
167
167
|
onYearChange: ie,
|
|
168
168
|
highlightDates: oe,
|
|
169
|
-
popperContainer:
|
|
169
|
+
popperContainer: ce
|
|
170
170
|
}
|
|
171
171
|
),
|
|
172
172
|
o && !(t && r) && D && /* @__PURE__ */ e(
|
|
@@ -180,7 +180,7 @@ function be({
|
|
|
180
180
|
]
|
|
181
181
|
}
|
|
182
182
|
),
|
|
183
|
-
|
|
183
|
+
k !== "in" && l && /* @__PURE__ */ e("span", { className: "inconel-date-picker__error", role: "alert", children: l })
|
|
184
184
|
]
|
|
185
185
|
}
|
|
186
186
|
);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["import {\n useRef,\n type ComponentType,\n type FocusEventHandler,\n type ReactNode,\n} from 'react'\nimport ReactDatePicker, { registerLocale } from 'react-datepicker'\nimport { tr } from 'date-fns/locale'\nimport 'react-datepicker/dist/react-datepicker.css'\n\nimport { useInconelAdapters } from '../../adapters'\nimport { classNames } from '../shared/classNames'\nimport '../shared/sizes.css'\nimport type { ControlSize } from '../shared/types'\nimport { DotLoader } from '../DotLoader'\nimport { Svg } from '../Svg'\nimport './styles.css'\nimport { normalizeDate, resolveClearedDate } from './utils'\n\nregisterLocale('tr', tr)\n\ntype DateInput = Date | string | number | null\ntype PickerChange = Date | null | [Date | null, Date | null]\nconst Picker = ReactDatePicker as unknown as ComponentType<\n Record<string, unknown>\n>\n\nexport interface DatePickerProps {\n id?: string\n value?: DateInput\n onChange?: (name: string, value: PickerChange) => void\n onBlur?: FocusEventHandler<HTMLInputElement>\n onFocus?: FocusEventHandler<HTMLInputElement>\n onClose?: () => void\n disabled?: boolean\n className?: string\n labelClassName?: string\n inputClassName?: string\n placeholder?: string\n name?: string\n label?: ReactNode\n timeIntervals?: number\n errorMessage?: ReactNode\n errorPlace?: 'in' | 'out' | string\n dateFormat?: string\n minDate?: DateInput\n maxDate?: DateInput\n showTimeSelect?: boolean\n showTimeSelectOnly?: boolean\n showYearPicker?: boolean\n showMonthYearPicker?: boolean\n showFullMonthYearPicker?: boolean\n autoComplete?: string\n notNull?: boolean\n minTime?: Date | null\n maxTime?: Date | null\n readOnly?: boolean\n portalId?: string | null\n isClearable?: boolean\n peekNextMonth?: boolean\n showMonthDropdown?: boolean\n showYearDropdown?: boolean\n dropdownMode?: 'scroll' | 'select' | null\n multiple?: ReactNode\n defaultDate?: boolean\n initialDate?: Date | null\n removeLabel?: boolean\n size?: ControlSize\n showWeekNumbers?: boolean\n required?: boolean\n dayClassName?: (date: Date) => string\n monthsShown?: number\n selectsRange?: boolean\n border?: boolean\n inline?: boolean\n startDate?: DateInput\n endDate?: DateInput\n onCalendarOpen?: () => void\n onCalendarClose?: () => void\n icon?: boolean | string\n onMonthChange?: (date: Date) => void\n onYearChange?: (date: Date) => void\n highlightDates?: Array<Date | Record<string, Date[]>>\n popperContainer?: ComponentType<{ children?: ReactNode }> | null\n isLoading?: boolean\n}\n\nexport function DatePicker({\n id = '',\n value = null,\n onChange,\n onBlur,\n onFocus,\n onClose,\n disabled = false,\n className,\n labelClassName,\n inputClassName,\n placeholder,\n name = '',\n label,\n timeIntervals = 1,\n errorMessage,\n errorPlace,\n dateFormat = 'dd.MM.yyyy',\n minDate,\n maxDate = new Date('9999-12-31'),\n showTimeSelect = false,\n showTimeSelectOnly = false,\n showYearPicker = false,\n showMonthYearPicker = false,\n showFullMonthYearPicker = false,\n autoComplete = 'off',\n notNull = true,\n minTime,\n maxTime,\n readOnly = false,\n portalId,\n isClearable = false,\n peekNextMonth = false,\n showMonthDropdown = false,\n showYearDropdown = false,\n dropdownMode,\n multiple,\n defaultDate = false,\n initialDate,\n removeLabel = false,\n size = 'md',\n showWeekNumbers = false,\n required = false,\n dayClassName,\n monthsShown = 1,\n selectsRange = false,\n border = true,\n inline = false,\n startDate,\n endDate,\n onCalendarOpen,\n onCalendarClose,\n icon = true,\n onMonthChange,\n onYearChange,\n highlightDates = [],\n popperContainer,\n isLoading = false,\n}: DatePickerProps) {\n const adapters = useInconelAdapters()\n const initialValue = useRef(normalizeDate(value))\n const selected = normalizeDate(value)\n const calendarIcon =\n typeof icon === 'string' ? icon : adapters.assets?.calendar\n const resolvedPlaceholder =\n errorPlace === 'in' && errorMessage\n ? String(errorMessage)\n : placeholder ??\n String(adapters.translate?.('date', 'Tarih seçin') ?? 'Tarih seçin')\n\n return (\n <div\n className={classNames(\n 'inconel-date-picker',\n `inconel-size-${size}`,\n `inconel-date-picker--${size}`,\n disabled && 'inconel-is-disabled',\n className,\n )}\n >\n {!removeLabel && Boolean(label) && (\n <label\n htmlFor={id}\n className={classNames(\n 'inconel-date-picker__label',\n labelClassName,\n )}\n >\n {label}\n {multiple && (\n <span className=\"inconel-date-picker__multiple\" title={String(multiple)}>\n {multiple}\n </span>\n )}\n {required && !value && (\n <span className=\"inconel-field__required\"> *</span>\n )}\n {isLoading && <DotLoader />}\n </label>\n )}\n <div\n className={classNames(\n 'inconel-date-picker__control',\n border && 'inconel-date-picker__control--bordered',\n )}\n >\n <Picker\n id={id}\n name={name}\n disabled={disabled}\n className={classNames(\n 'inconel-date-picker__input',\n Boolean(errorMessage) && 'inconel-is-invalid',\n inputClassName,\n )}\n selected={selected}\n onChange={(next: PickerChange) => {\n const resolved = Array.isArray(next)\n ? next\n : resolveClearedDate(next, {\n isClearable,\n notNull,\n defaultDate,\n initialDate,\n fallbackDate: initialValue.current,\n })\n onChange?.(name, resolved)\n }}\n locale={(adapters.locale ?? 'tr-TR').split('-')[0]}\n placeholderText={resolvedPlaceholder}\n dateFormat={dateFormat}\n onBlur={onBlur}\n onFocus={onFocus}\n onCalendarClose={() => {\n onClose?.()\n onCalendarClose?.()\n }}\n onCalendarOpen={onCalendarOpen}\n minDate={normalizeDate(minDate)}\n maxDate={normalizeDate(maxDate)}\n showTimeSelect={showTimeSelect}\n showTimeSelectOnly={showTimeSelectOnly}\n timeIntervals={timeIntervals}\n showMonthYearPicker={showMonthYearPicker}\n showFullMonthYearPicker={showFullMonthYearPicker}\n showYearPicker={showYearPicker}\n autoComplete={autoComplete}\n minTime={minTime}\n maxTime={maxTime}\n readOnly={readOnly}\n portalId={portalId}\n isClearable={isClearable}\n peekNextMonth={peekNextMonth}\n showMonthDropdown={showMonthDropdown}\n showYearDropdown={showYearDropdown}\n dropdownMode={dropdownMode}\n showWeekNumbers={showWeekNumbers}\n dayClassName={dayClassName}\n monthsShown={monthsShown}\n selectsRange={selectsRange}\n inline={inline}\n startDate={normalizeDate(startDate)}\n endDate={normalizeDate(endDate)}\n onMonthChange={onMonthChange}\n onYearChange={onYearChange}\n highlightDates={highlightDates}\n popperContainer={popperContainer}\n />\n {icon && !(isClearable && value) && calendarIcon && (\n <Svg\n src={calendarIcon}\n className=\"inconel-date-picker__icon\"\n aria-hidden=\"true\"\n />\n )}\n </div>\n {errorPlace !== 'in' && errorMessage && (\n <span className=\"inconel-date-picker__error\" role=\"alert\">\n {errorMessage}\n </span>\n )}\n </div>\n )\n}\n"],"names":["registerLocale","tr","Picker","ReactDatePicker","DatePicker","id","value","onChange","onBlur","onFocus","onClose","disabled","className","labelClassName","inputClassName","placeholder","name","label","timeIntervals","errorMessage","errorPlace","dateFormat","minDate","maxDate","showTimeSelect","showTimeSelectOnly","showYearPicker","showMonthYearPicker","showFullMonthYearPicker","autoComplete","notNull","minTime","maxTime","readOnly","portalId","isClearable","peekNextMonth","showMonthDropdown","showYearDropdown","dropdownMode","multiple","defaultDate","initialDate","removeLabel","size","showWeekNumbers","required","dayClassName","monthsShown","selectsRange","border","inline","startDate","endDate","onCalendarOpen","onCalendarClose","icon","onMonthChange","onYearChange","highlightDates","popperContainer","isLoading","adapters","useInconelAdapters","initialValue","useRef","normalizeDate","selected","calendarIcon","resolvedPlaceholder","jsxs","classNames","DotLoader","jsx","next","resolved","resolveClearedDate","Svg"],"mappings":";;;;;;;;;;;;AAmBAA,GAAe,MAAMC,EAAE;AAIvB,MAAMC,KAASC;AAgER,SAASC,GAAW;AAAA,EACzB,IAAAC,IAAK;AAAA,EACL,OAAAC,IAAQ;AAAA,EACR,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,SAAAC;AAAA,EACA,SAAAC,IAAU,oBAAI,KAAK,YAAY;AAAA,EAC/B,gBAAAC,IAAiB;AAAA,EACjB,oBAAAC,IAAqB;AAAA,EACrB,gBAAAC,IAAiB;AAAA,EACjB,qBAAAC,IAAsB;AAAA,EACtB,yBAAAC,IAA0B;AAAA,EAC1B,cAAAC,IAAe;AAAA,EACf,SAAAC,IAAU;AAAA,EACV,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,UAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,eAAAC,IAAgB;AAAA,EAChB,mBAAAC,IAAoB;AAAA,EACpB,kBAAAC,IAAmB;AAAA,EACnB,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,aAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,MAAAC,IAAO;AAAA,EACP,iBAAAC,IAAkB;AAAA,EAClB,UAAAC,IAAW;AAAA,EACX,cAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,cAAAC,IAAe;AAAA,EACf,QAAAC,IAAS;AAAA,EACT,QAAAC,KAAS;AAAA,EACT,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,eAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC,KAAiB,CAAA;AAAA,EACjB,iBAAAC;AAAA,EACA,WAAAC,KAAY;AACd,GAAoB;AAClB,QAAMC,IAAWC,GAAA,GACXC,KAAeC,GAAOC,EAAc5D,CAAK,CAAC,GAC1C6D,KAAWD,EAAc5D,CAAK,GAC9B8D,IACJ,OAAOZ,KAAS,WAAWA,IAAOM,EAAS,QAAQ,UAC/CO,KACJjD,MAAe,QAAQD,IACnB,OAAOA,CAAY,IACnBJ,KACA,OAAO+C,EAAS,YAAY,QAAQ,aAAa,KAAK,aAAa;AAEzE,SACE,gBAAAQ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACA,gBAAgB3B,CAAI;AAAA,QACpB,wBAAwBA,CAAI;AAAA,QAC5BjC,KAAY;AAAA,QACZC;AAAA,MAAA;AAAA,MAGD,UAAA;AAAA,QAAA,CAAC+B,KAAe,EAAQ1B,KACvB,gBAAAqD;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,SAASjE;AAAA,YACT,WAAWkE;AAAA,cACT;AAAA,cACA1D;AAAA,YAAA;AAAA,YAGD,UAAA;AAAA,cAAAI;AAAA,cACAuB,uBACE,QAAA,EAAK,WAAU,iCAAgC,OAAO,OAAOA,CAAQ,GACnE,UAAAA,EAAA,CACH;AAAA,cAEDM,KAAY,CAACxC,uBACX,QAAA,EAAK,WAAU,2BAA0B,UAAA,MAAE;AAAA,cAE7CuD,wBAAcW,IAAA,CAAA,CAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAG7B,gBAAAF;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWC;AAAA,cACT;AAAA,cACArB,KAAU;AAAA,YAAA;AAAA,YAGZ,UAAA;AAAA,cAAA,gBAAAuB;AAAA,gBAACvE;AAAA,gBAAA;AAAA,kBACC,IAAAG;AAAA,kBACA,MAAAW;AAAA,kBACA,UAAAL;AAAA,kBACA,WAAW4D;AAAA,oBACT;AAAA,oBACA,EAAQpD,KAAiB;AAAA,oBACzBL;AAAA,kBAAA;AAAA,kBAEF,UAAAqD;AAAA,kBACA,UAAU,CAACO,MAAuB;AAChC,0BAAMC,KAAW,MAAM,QAAQD,CAAI,IAC/BA,IACAE,GAAmBF,GAAM;AAAA,sBACvB,aAAAvC;AAAA,sBACA,SAAAL;AAAA,sBACA,aAAAW;AAAA,sBACA,aAAAC;AAAA,sBACA,cAAcsB,GAAa;AAAA,oBAAA,CAC5B;AACL,oBAAAzD,IAAWS,GAAM2D,EAAQ;AAAA,kBAC3B;AAAA,kBACA,SAASb,EAAS,UAAU,SAAS,MAAM,GAAG,EAAE,CAAC;AAAA,kBACjD,iBAAiBO;AAAA,kBACjB,YAAAhD;AAAA,kBACA,QAAAb;AAAA,kBACA,SAAAC;AAAA,kBACA,iBAAiB,MAAM;AACrB,oBAAAC,IAAA,GACA6C,KAAA;AAAA,kBACF;AAAA,kBACA,gBAAAD;AAAA,kBACA,SAASY,EAAc5C,CAAO;AAAA,kBAC9B,SAAS4C,EAAc3C,CAAO;AAAA,kBAC9B,gBAAAC;AAAA,kBACA,oBAAAC;AAAA,kBACA,eAAAP;AAAA,kBACA,qBAAAS;AAAA,kBACA,yBAAAC;AAAA,kBACA,gBAAAF;AAAA,kBACA,cAAAG;AAAA,kBACA,SAAAE;AAAA,kBACA,SAAAC;AAAA,kBACA,UAAAC;AAAA,kBACA,UAAAC;AAAA,kBACA,aAAAC;AAAA,kBACA,eAAAC;AAAA,kBACA,mBAAAC;AAAA,kBACA,kBAAAC;AAAA,kBACA,cAAAC;AAAA,kBACA,iBAAAM;AAAA,kBACA,cAAAE;AAAA,kBACA,aAAAC;AAAA,kBACA,cAAAC;AAAA,kBACA,QAAAE;AAAA,kBACA,WAAWe,EAAcd,EAAS;AAAA,kBAClC,SAASc,EAAcb,EAAO;AAAA,kBAC9B,eAAAI;AAAA,kBACA,cAAAC;AAAA,kBACA,gBAAAC;AAAA,kBACA,iBAAAC;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEDJ,KAAQ,EAAErB,KAAe7B,MAAU8D,KAClC,gBAAAK;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACC,KAAKT;AAAA,kBACL,WAAU;AAAA,kBACV,eAAY;AAAA,gBAAA;AAAA,cAAA;AAAA,YACd;AAAA,UAAA;AAAA,QAAA;AAAA,QAGHhD,MAAe,QAAQD,KACtB,gBAAAsD,EAAC,UAAK,WAAU,8BAA6B,MAAK,SAC/C,UAAAtD,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["import {\n useRef,\n type ComponentType,\n type FocusEventHandler,\n type ReactNode,\n} from 'react'\nimport ReactDatePicker, { registerLocale } from 'react-datepicker'\nimport { tr } from 'date-fns/locale'\nimport 'react-datepicker/dist/react-datepicker.css'\n\nimport { useInconelAdapters } from '../../adapters'\nimport { classNames } from '../shared/classNames'\nimport '../shared/sizes.css'\nimport type { ControlSize } from '../shared/types'\nimport { DotLoader } from '../DotLoader'\nimport { Svg } from '../Svg'\nimport './styles.css'\nimport { normalizeDate, resolveClearedDate } from './utils'\n\nregisterLocale('tr', tr)\n\ntype DateInput = Date | string | number | null\ntype PickerChange = Date | null | [Date | null, Date | null]\nconst Picker = ReactDatePicker as unknown as ComponentType<\n Record<string, unknown>\n>\n\nexport interface DatePickerProps {\n id?: string\n value?: DateInput\n onChange?: (name: string, value: PickerChange) => void\n onBlur?: FocusEventHandler<HTMLInputElement>\n onFocus?: FocusEventHandler<HTMLInputElement>\n onClose?: () => void\n disabled?: boolean\n className?: string\n labelClassName?: string\n inputClassName?: string\n placeholder?: string\n name?: string\n label?: ReactNode\n timeIntervals?: number\n errorMessage?: ReactNode\n errorPlace?: 'in' | 'out' | string\n dateFormat?: string\n minDate?: DateInput\n maxDate?: DateInput\n showTimeSelect?: boolean\n showTimeSelectOnly?: boolean\n showYearPicker?: boolean\n showMonthYearPicker?: boolean\n showFullMonthYearPicker?: boolean\n autoComplete?: string\n notNull?: boolean\n minTime?: Date | null\n maxTime?: Date | null\n readOnly?: boolean\n portalId?: string | null\n isClearable?: boolean\n peekNextMonth?: boolean\n showMonthDropdown?: boolean\n showYearDropdown?: boolean\n dropdownMode?: 'scroll' | 'select' | null\n multiple?: ReactNode\n defaultDate?: boolean\n initialDate?: Date | null\n removeLabel?: boolean\n size?: ControlSize\n showWeekNumbers?: boolean\n required?: boolean\n dayClassName?: (date: Date) => string\n monthsShown?: number\n selectsRange?: boolean\n border?: boolean\n inline?: boolean\n startDate?: DateInput\n endDate?: DateInput\n onCalendarOpen?: () => void\n onCalendarClose?: () => void\n icon?: boolean | string\n onMonthChange?: (date: Date) => void\n onYearChange?: (date: Date) => void\n highlightDates?: Array<Date | Record<string, Date[]>>\n popperContainer?: ComponentType<{ children?: ReactNode }> | null\n isLoading?: boolean\n}\n\nexport function DatePicker({\n id = '',\n value = null,\n onChange,\n onBlur,\n onFocus,\n onClose,\n disabled = false,\n className,\n labelClassName,\n inputClassName,\n placeholder,\n name = '',\n label,\n timeIntervals = 1,\n errorMessage,\n errorPlace,\n dateFormat = 'dd.MM.yyyy',\n minDate,\n maxDate = new Date('9999-12-31'),\n showTimeSelect = false,\n showTimeSelectOnly = false,\n showYearPicker = false,\n showMonthYearPicker = false,\n showFullMonthYearPicker = false,\n autoComplete = 'off',\n notNull = true,\n minTime,\n maxTime,\n readOnly = false,\n portalId = 'inconel-date-picker-portal',\n isClearable = false,\n peekNextMonth = false,\n showMonthDropdown = false,\n showYearDropdown = false,\n dropdownMode,\n multiple,\n defaultDate = false,\n initialDate,\n removeLabel = false,\n size = 'md',\n showWeekNumbers = false,\n required = false,\n dayClassName,\n monthsShown = 1,\n selectsRange = false,\n border = true,\n inline = false,\n startDate,\n endDate,\n onCalendarOpen,\n onCalendarClose,\n icon = true,\n onMonthChange,\n onYearChange,\n highlightDates = [],\n popperContainer,\n isLoading = false,\n}: DatePickerProps) {\n const adapters = useInconelAdapters()\n const initialValue = useRef(normalizeDate(value))\n const selected = normalizeDate(value)\n const calendarIcon =\n typeof icon === 'string' ? icon : adapters.assets?.calendar\n const resolvedPlaceholder =\n errorPlace === 'in' && errorMessage\n ? String(errorMessage)\n : placeholder ??\n String(adapters.translate?.('date', 'Tarih seçin') ?? 'Tarih seçin')\n\n return (\n <div\n className={classNames(\n 'inconel-date-picker',\n `inconel-size-${size}`,\n `inconel-date-picker--${size}`,\n disabled && 'inconel-is-disabled',\n className,\n )}\n >\n {!removeLabel && Boolean(label) && (\n <label\n htmlFor={id}\n className={classNames(\n 'inconel-date-picker__label',\n labelClassName,\n )}\n >\n {label}\n {multiple && (\n <span className=\"inconel-date-picker__multiple\" title={String(multiple)}>\n {multiple}\n </span>\n )}\n {required && !value && (\n <span className=\"inconel-field__required\"> *</span>\n )}\n {isLoading && <DotLoader />}\n </label>\n )}\n <div\n className={classNames(\n 'inconel-date-picker__control',\n border && 'inconel-date-picker__control--bordered',\n )}\n >\n <Picker\n id={id}\n name={name}\n disabled={disabled}\n className={classNames(\n 'inconel-date-picker__input',\n Boolean(errorMessage) && 'inconel-is-invalid',\n inputClassName,\n )}\n selected={selected}\n onChange={(next: PickerChange) => {\n const resolved = Array.isArray(next)\n ? next\n : resolveClearedDate(next, {\n isClearable,\n notNull,\n defaultDate,\n initialDate,\n fallbackDate: initialValue.current,\n })\n onChange?.(name, resolved)\n }}\n locale={(adapters.locale ?? 'tr-TR').split('-')[0]}\n placeholderText={resolvedPlaceholder}\n dateFormat={dateFormat}\n onBlur={onBlur}\n onFocus={onFocus}\n onCalendarClose={() => {\n onClose?.()\n onCalendarClose?.()\n }}\n onCalendarOpen={onCalendarOpen}\n minDate={normalizeDate(minDate)}\n maxDate={normalizeDate(maxDate)}\n showTimeSelect={showTimeSelect}\n showTimeSelectOnly={showTimeSelectOnly}\n timeIntervals={timeIntervals}\n showMonthYearPicker={showMonthYearPicker}\n showFullMonthYearPicker={showFullMonthYearPicker}\n showYearPicker={showYearPicker}\n autoComplete={autoComplete}\n minTime={minTime}\n maxTime={maxTime}\n readOnly={readOnly}\n portalId={portalId}\n isClearable={isClearable}\n peekNextMonth={peekNextMonth}\n showMonthDropdown={showMonthDropdown}\n showYearDropdown={showYearDropdown}\n dropdownMode={dropdownMode}\n showWeekNumbers={showWeekNumbers}\n dayClassName={dayClassName}\n monthsShown={monthsShown}\n selectsRange={selectsRange}\n inline={inline}\n startDate={normalizeDate(startDate)}\n endDate={normalizeDate(endDate)}\n onMonthChange={onMonthChange}\n onYearChange={onYearChange}\n highlightDates={highlightDates}\n popperContainer={popperContainer}\n />\n {icon && !(isClearable && value) && calendarIcon && (\n <Svg\n src={calendarIcon}\n className=\"inconel-date-picker__icon\"\n aria-hidden=\"true\"\n />\n )}\n </div>\n {errorPlace !== 'in' && errorMessage && (\n <span className=\"inconel-date-picker__error\" role=\"alert\">\n {errorMessage}\n </span>\n )}\n </div>\n )\n}\n"],"names":["registerLocale","tr","Picker","ReactDatePicker","DatePicker","id","value","onChange","onBlur","onFocus","onClose","disabled","className","labelClassName","inputClassName","placeholder","name","label","timeIntervals","errorMessage","errorPlace","dateFormat","minDate","maxDate","showTimeSelect","showTimeSelectOnly","showYearPicker","showMonthYearPicker","showFullMonthYearPicker","autoComplete","notNull","minTime","maxTime","readOnly","portalId","isClearable","peekNextMonth","showMonthDropdown","showYearDropdown","dropdownMode","multiple","defaultDate","initialDate","removeLabel","size","showWeekNumbers","required","dayClassName","monthsShown","selectsRange","border","inline","startDate","endDate","onCalendarOpen","onCalendarClose","icon","onMonthChange","onYearChange","highlightDates","popperContainer","isLoading","adapters","useInconelAdapters","initialValue","useRef","normalizeDate","selected","calendarIcon","resolvedPlaceholder","jsxs","classNames","DotLoader","jsx","next","resolved","resolveClearedDate","Svg"],"mappings":"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"}
|