{text}
\r\n \r\n {format(date.date, 'iii')} {format(date.date, 'd MMM')}\r\n {date.isAvailable &&
\r\n - \r\n {props.options.map((option, index) => (\r\n
\r\n {(props.selectedOption as SelectOptionModel[]).map((option) => (\r\n \r\n {option.url ? {option.label} : option.label}\r\n props.onRemove(option)}>\r\n \r\n ))}\r\n
\r\n )}\r\n \r\n )\r\n}\r\nexport default SelectContainer\r\n","import { useEffect } from 'react'\r\n\r\nexport const useOnCloseElement = (ref: any, onClose: () => void) => {\r\n const handleKeyDown = (event: KeyboardEvent) => {\r\n if (event.key === 'Escape') {\r\n onClose()\r\n }\r\n }\r\n\r\n const handleClick = (event: Event) => {\r\n if (ref.current && !ref.current.contains(event.target as Node)) {\r\n onClose()\r\n }\r\n }\r\n useEffect(() => {\r\n document.addEventListener('mousedown', handleClick)\r\n document.addEventListener('touchstart', handleClick)\r\n document.addEventListener('keydown', handleKeyDown)\r\n return () => {\r\n document.removeEventListener('mousedown', handleClick)\r\n document.removeEventListener('touchstart', handleClick)\r\n document.removeEventListener('keydown', handleKeyDown)\r\n }\r\n }, [ref, onClose])\r\n}\r\n","import * as React from 'react'\r\nimport { SelectOptionModel, SelectOptionValueType } from './SelectOptionModel'\r\nimport SelectContainer from './SelectContainer'\r\nimport { useOnCloseElement } from '../Effects/useOnCloseElement'\r\nexport interface SelectProps {\r\n hideIfNoOptions?: boolean\r\n disabled?: boolean\r\n isMultiple?: boolean\r\n isClearable?: boolean\r\n isAutoComplete?: boolean\r\n isNotSearchable?: boolean\r\n tabIndex?: number\r\n wrapperClassName?: string\r\n placeholder?: string\r\n value?: SelectOptionValueType | SelectOptionValueType[]\r\n title?: string\r\n icon?: string\r\n zIndex?: number\r\n style?: React.CSSProperties\r\n bodyStyle?: React.CSSProperties\r\n customValue?: string\r\n autoCompleteEndPoint?: string\r\n autoCompleteToken?: () => string | null\r\n appendClass?: string\r\n autoCompleteResponseHandler?: (data: any) => SelectOptionModel[]\r\n onClear?: () => void\r\n onChange?: (options: SelectOptionModel) => void\r\n onChangeMulti?: (options: SelectOptionModel[]) => void\r\n onInputChanged?: (value: string) => void\r\n options: SelectOptionModel[]\r\n // wrapper?: StyledComponentClass\r\n
\r\n ) : (\r\n \r\n {/* {selectedOption?.value} */}\r\n {selectedOption && !props.isMultiple\r\n ? (selectedOption as SelectOptionModel).customRenderer\r\n ? (selectedOption as any).customRenderer(selectedOption)\r\n : selectedLabel\r\n : props.placeholder}\r\n
\r\n \r\n
\r\n )\r\n}\r\n","import * as React from 'react'\r\nimport { BaseFormFieldErrorProps } from '../BaseProps'\r\ninterface Props extends BaseFormFieldErrorProps {\r\n children: any\r\n customWrapperClass?: string\r\n}\r\nexport const FormFieldWrapper = (props: Props) => (\r\n \r\n 0)}\r\n onSelect={onSelect}\r\n isMultiple={props.isMultiple || false}\r\n onHover={onPreSelectOption}\r\n />\r\n \r\n
\r\n \r\n
\r\n \r\n {props.children}\r\n
\r\n)\r\n","import * as React from 'react'\r\ninterface Props {\r\n error?: string | React.ReactElement\r\n errorDescription?: string\r\n type?: FieldFooterType\r\n}\r\ntype FieldFooterType = 'warning' | 'info' | 'error'\r\nexport const FieldFooter = (props: Props) => {\r\n return (\r\n {props.children}
\r\n}\r\n\r\nexport type DateFormFieldProps = BaseFormFieldProps & {\r\n disabledDays?: Modifier | Modifier[]\r\n initialMonth?: Date\r\n value?: moment.Moment\r\n}\r\nexport const DateFormField = (props: DateFormFieldProps) => (\r\n \r\n \r\n
\r\n )\r\n}\r\nexport const ToggleFieldController = (props: BaseFormFieldProps & FormControllerProps) => (\r\n \r\n \r\n
\r\n \r\n {props.isClearable ?
\r\n )\r\n}\r\n","export const generateArrayOfN = (n: number) => Array.from(Array(n).keys())\r\nexport const generateArrayOfNBits = (n: number) => generateArrayOfN(n).map(i=> 1<\r\n \r\n \r\n \r\n \r\n
\r\n)\r\n","export class CurrencyConverter {\r\n static convert(value: number, rate: number, type: ConversionType) {\r\n return type == ConversionType.MULTI ? value * rate : value / rate\r\n }\r\n static convertBack(value: number, rate: number, type: ConversionType) {\r\n return type == ConversionType.DEV ? value * rate : value / rate\r\n }\r\n}\r\nexport enum ConversionType {\r\n MULTI, DEV\r\n}","import { Action, Reducer } from 'redux'\r\n\r\n// -----------------\r\n// STATE - This defines the type of data maintained in the Redux store.\r\n\r\nexport interface State {\r\n loading: number\r\n}\r\n\r\nconst INCREMENT_LOADING = 'A_INCREMENT_LOADING'\r\ninterface IncrementLoadingAction {\r\n type: 'A_INCREMENT_LOADING'\r\n}\r\nconst DECREMENT_LOADING = 'A_DECREMENT_LOADING'\r\ninterface DecrementLoadingAction {\r\n type: 'A_DECREMENT_LOADING'\r\n}\r\n\r\nexport type KnownAction = IncrementLoadingAction | DecrementLoadingAction\r\n\r\nexport const actionCreators = {\r\n incrementLoading: () => \r\n {this.props.children}\r\n
\r\n )\r\n }\r\n}\r\n","import moment from 'moment'\r\n\r\n// export const FilterType = {\r\n// NONE: 1,\r\n// TEXT: 2,\r\n// TEXTNUMBER: 3,\r\n// SELECT: 4,\r\n// MULTISELECT: 5,\r\n// DATERANGE: 6,\r\n// YEARSELECTOR: 7,\r\n// DATEPICKER: 8,\r\n// }\r\nexport enum FilterType {\r\n NONE,\r\n TEXT,\r\n TEXTNUMBER,\r\n SELECT,\r\n MULTISELECT,\r\n DATERANGE,\r\n YEARSELECTOR,\r\n DATEPICKER,\r\n DATERANGEOPTIONAL,\r\n MULTISELECTNUMBER\r\n}\r\nexport class FilterDateRangeType {\r\n static Create = (startDate: moment.Moment, endDate: moment.Moment) => {\r\n return Object.assign(new FilterDateRangeType(), { startDate, endDate })\r\n }\r\n constructor() {\r\n this.startDate = moment()\r\n this.endDate = moment()\r\n }\r\n startDate: moment.Moment\r\n endDate: moment.Moment\r\n toString() {\r\n let res = ''\r\n if (this.startDate) {\r\n res += `From: ${this.startDate.format('DD.MM.YYYY')} `\r\n }\r\n if (this.endDate) {\r\n res += `To: ${this.endDate.format('DD.MM.YYYY')}`\r\n }\r\n return res\r\n }\r\n get isActive() {\r\n return typeof this.startDate != 'undefined' || typeof this.endDate != 'undefined'\r\n }\r\n}\r\nexport type FilterValueType =\r\n | {\r\n value: undefined | string | number | number[] | string[] | FilterDateRangeType | moment.Moment\r\n type: FilterType\r\n }\r\n | undefined\r\n\r\nexport class FilterValuesWrapper {\r\n filter: Map\r\n {\r\n e.preventDefault()\r\n handleSubmit(onSubmit)\r\n e.stopPropagation()\r\n }}\r\n >\r\n \r\n ('title')}\r\n />\r\n ('description')}\r\n />\r\n\r\n
\r\n {locale.getString('Edit Photo')}
\r\n\r\n \r\n {locale.getString('Cancel')}\r\n \r\n \r\n
\r\n \r\n \r\n \r\n {(this.props.pagination.currentPage - 1) * this.props.pagination.itemsPerPage + 1}-\r\n {this.props.pagination.currentPage * this.props.pagination.itemsPerPage}/\r\n {this.props.pagination.totalItems}\r\n \r\n \r\n \r\n \r\n {p.pagesArray().map((page, index) => {\r\n return page == -1 ? (\r\n ...\r\n ) : (\r\n \r\n {page}\r\n \r\n )\r\n })}\r\n \r\n \r\n \r\n
\r\n ) : null\r\n }\r\n}\r\n\r\ninterface PaginationItemProps {\r\n href?: string\r\n page: number\r\n onClick?: (page: number) => void\r\n children: any\r\n className: string\r\n}\r\nclass PaginationItem extends React.Component\r\n
\r\n {/* */}\r\n \r\n
\r\n {Localization.getString('Drag & Drop Media Here')}
\r\n {Localization.getString('or')}\r\n \r\n \r\n
\r\n \r\n \r\n {Localization.getString('Add images')}\r\n ,\r\n
,\r\n ]}\r\n
\r\n - \r\n {selectedPhotos.map((x) => (\r\n
,\r\n ]}\r\n
\r\n
\r\n \r\n {photos && photos.pagingInfo.totalPages > 0 && (\r\n
\r\n - \r\n
{Localization.getString('Loading')}...
\r\n )}\r\n\r\n onClose(n)} />\r\n
\r\n {n.message}\r\n \r\n {props.value && (\r\n \r\n )}\r\n
\r\n )\r\n}\r\nexport default InputCheckbox\r\n","import * as React from 'react'\r\nimport { Autocomplete, GoogleMap, Marker, useJsApiLoader } from '@react-google-maps/api';\r\nimport { MapsLocation } from './MapsLocation';\r\n\r\nconst containerStyle = {\r\n width: '100%',\r\n height: '400px'\r\n};\r\ninterface Props {\r\n apiKey: string\r\n value: MapsLocation\r\n onChange: (value: MapsLocation) => void\r\n}\r\nlet autocomplete: google.maps.places.Autocomplete | undefined\r\nconst libraries: (\"drawing\" | \"geometry\" | \"localContext\" | \"places\" | \"visualization\")[] = [\"places\"];\r\nexport const MapsLocationPicker = (props: Props) => {\r\n const { isLoaded } = useJsApiLoader({\r\n id: 'google-map-script',\r\n googleMapsApiKey: props.apiKey,\r\n libraries: libraries\r\n })\r\n const onLoadAutocomplete = (autocompleteParam: google.maps.places.Autocomplete) => {\r\n autocomplete = autocompleteParam\r\n }\r\n const [userLocation, setUserLocation] = React.useState({ lat: 25.187440546619328, lng: 55.28278819138045 })\r\n const [map, setMap] = React.useState\r\n \r\n : null}\r\n {isLoaded\r\n ?
\r\n \r\n {this.props.children}\r\n
\r\n )\r\n }\r\n}\r\n","import * as React from 'react'\r\n\r\ninterface Props {\r\n title?: string\r\n onClick: () => void\r\n isOpen: boolean\r\n isActive: boolean\r\n}\r\nclass FilterIcon extends React.Component\r\n 0}\r\n isOpen={isOpen}\r\n onClick={() => {\r\n setIsOpen(!isOpen)\r\n setValue(props.value)\r\n }}\r\n />\r\n {isOpen && (\r\n \r\n {/* */}\r\n \r\n setSearch(e.target.value.toLowerCase())}\r\n />\r\n \r\n {options.map((x, index) => {\r\n return x.isParent ? (\r\n v == x.value) ? ' active' : ''\r\n }`}\r\n onClick={selectOption(x.value)}\r\n >\r\n {x.label}\r\n \r\n )\r\n })}\r\n \r\n {\r\n onSubmit()\r\n }}\r\n className=\"data-table-filter-add-button\"\r\n >\r\n Submit\r\n \r\n \r\n \r\n )}\r\n
\r\n )\r\n}\r\nexport default MultiSelectFilter\r\n","import * as React from 'react'\r\nimport moment from 'moment'\r\nimport FilterIcon from './FilterIcon'\r\nimport { FilterBody } from './FilterBody'\r\nimport DayPicker from 'react-day-picker/DayPicker'\r\nimport { useOnCloseElement } from '../../Effects/useOnCloseElement'\r\n\r\ninterface DateFilterProps {\r\n value?: moment.Moment\r\n onClose?: () => void\r\n children?: React.ReactNode\r\n externalControlled?: boolean\r\n onSubmit: (value?: moment.Moment) => void\r\n}\r\ninterface DateFilterState {\r\n isOpen: boolean\r\n value?: moment.Moment\r\n}\r\nexport const DateFilter = (props: DateFilterProps) => {\r\n const [isOpen, setIsOpen] = React.useState(false)\r\n const [value, setValue] = React.useState(props.value)\r\n\r\n const close = () => {\r\n setIsOpen(false)\r\n setValue(props.value)\r\n if (props.onClose) {\r\n props.onClose()\r\n }\r\n }\r\n const ref = React.useRef()\r\n useOnCloseElement(ref, close)\r\n const handleClickOutside = () => {\r\n close()\r\n }\r\n const onSubmit = () => {\r\n props.onSubmit(value)\r\n close()\r\n }\r\n const { externalControlled } = props\r\n return (\r\n \r\n {search && search.length > 0 && (\r\n \r\n Select All ({options.length})\r\n \r\n )}\r\n {value.length > 0 && (\r\n \r\n Clear Selection ({value.length})\r\n \r\n )}\r\n
\r\n \r\n {x.label}\r\n
\r\n ) : (\r\n\r\n {!externalControlled && (\r\n {\r\n setIsOpen(!isOpen)\r\n setValue(props.value)\r\n }}\r\n />\r\n )}\r\n {(isOpen || externalControlled) && (\r\n \r\n setValue(moment.utc(e).startOf('day'))}\r\n />\r\n {props.children}\r\n \r\n \r\n \r\n )}\r\n
\r\n )\r\n}\r\n","import * as React from 'react'\r\nimport FilterIcon from './FilterIcon'\r\nimport { FilterBody } from './FilterBody'\r\nimport { useOnCloseElement } from '../../Effects/useOnCloseElement'\r\n\r\ninterface Props {\r\n value: string\r\n onSubmit: (value: string) => void\r\n}\r\ninterface State {\r\n value: string\r\n isOpen: boolean\r\n}\r\nconst TextFilter = (props: Props) => {\r\n const [isOpen, setIsOpen] = React.useState(false)\r\n const [value, setValue] = React.useState('')\r\n\r\n const searchInput = React.useRef\r\n 0}\r\n isOpen={isOpen}\r\n onClick={() => {\r\n setIsOpen(!isOpen)\r\n setValue(props.value)\r\n }}\r\n />\r\n {isOpen && (\r\n \r\n \r\n \r\n \r\n \r\n \r\n )}\r\n
\r\n )\r\n}\r\nexport default TextFilter\r\n","import * as React from 'react'\r\nimport FilterIcon from './FilterIcon'\r\nimport { FilterBody } from './FilterBody'\r\nimport { isNumeric } from '../../Utils/isNumeric'\r\nimport { useOnCloseElement } from '../../Effects/useOnCloseElement'\r\n\r\n// type TextFilterProps = {\r\n// value: string,\r\n// onSubmit: (value: string) => void\r\n// }\r\n// type TextFilterState = {\r\n// value:string,\r\n// isOpen:boolean,\r\n// }\r\ninterface Props {\r\n onSubmit: (value: string) => void\r\n value: string\r\n}\r\ninterface State {\r\n isOpen: boolean\r\n value: string\r\n}\r\nconst TextNumberFilter = (props: Props) => {\r\n const [isOpen, setIsOpen] = React.useState(false)\r\n const [value, setValue] = React.useState('')\r\n\r\n const searchInput = React.useRef\r\n 0}\r\n isOpen={isOpen}\r\n onClick={() => {\r\n setIsOpen(!isOpen)\r\n setValue(props.value)\r\n }}\r\n />\r\n {isOpen && (\r\n \r\n \r\n \r\n \r\n \r\n \r\n )}\r\n
\r\n )\r\n}\r\nexport default TextNumberFilter\r\n","import * as React from 'react'\r\nimport FilterIcon from './FilterIcon'\r\nimport { FilterBody } from './FilterBody'\r\nimport { SelectOptionModel } from '../../Select/SelectOptionModel'\r\n\r\ninterface Props {\r\n value: any[]\r\n options: any[]\r\n onSubmit: (value: string[]) => void\r\n}\r\ninterface State {\r\n value?: any[]\r\n isOpen: boolean\r\n search: string\r\n optionsHash: {}\r\n}\r\nclass SelectFilter extends React.Component\r\n {\r\n this.setState({ isOpen: !isOpen, value: this.props.value }, () => {\r\n if (this.searchInput && this.searchInput.current) {\r\n this.searchInput.current.focus()\r\n this.searchInput.current.select()\r\n }\r\n })\r\n }}\r\n />\r\n {isOpen && (\r\n \r\n this.setState({ search: e.target.value.toLowerCase() })}\r\n />\r\n \r\n \r\n )}\r\n
\r\n )\r\n }\r\n}\r\nexport default SelectFilter\r\n","import * as React from 'react'\r\n\r\nimport DayPicker from 'react-day-picker/DayPicker'\r\nimport { FilterDateRangeType } from './FilterTypes'\r\nimport FilterIcon from './FilterIcon'\r\nimport { FilterBody } from './FilterBody'\r\nimport { DateUtils } from 'react-day-picker'\r\nimport moment from 'moment'\r\nimport { useOnCloseElement } from '../../Effects/useOnCloseElement'\r\n\r\ninterface Props {\r\n value: FilterDateRangeType\r\n onSubmit: (value?: FilterDateRangeType) => void\r\n}\r\n\r\nconst DateRangeFilter = (props: Props) => {\r\n const [isOpen, setIsOpen] = React.useState(false)\r\n const [value, setValue] = React.useState(props.value)\r\n\r\n React.useEffect(() => {\r\n setValue(props.value)\r\n }, [props.value])\r\n\r\n const close = () => {\r\n setIsOpen(false)\r\n setValue(props.value)\r\n }\r\n const ref = React.useRef()\r\n useOnCloseElement(ref, close)\r\n const clear = () => {\r\n props.onSubmit(undefined)\r\n close()\r\n }\r\n\r\n const onSubmit = () => {\r\n props.onSubmit(value)\r\n close()\r\n }\r\n const from = value && value.startDate ? value.startDate.toDate() : undefined\r\n const to = value && value.endDate ? value.endDate.toDate() : undefined\r\n const range = { from, to }\r\n const modifiers = { start: from, end: to }\r\n return (\r\n \r\n {options.map((x, index) => {\r\n return x.isParent ? (\r\n \r\n {x.label}\r\n \r\n )\r\n })}\r\n
\r\n \r\n \r\n {x.label}\r\n
\r\n ) : (\r\n\r\n {\r\n setIsOpen(!isOpen)\r\n setValue(props.value)\r\n }}\r\n />\r\n {isOpen && (\r\n \r\n {\r\n const newRange = DateUtils.addDayToRange(e, range as any)\r\n setValue(\r\n FilterDateRangeType.Create(\r\n moment.utc(newRange.from).startOf('day'),\r\n moment.utc(newRange.to).startOf('day'),\r\n ),\r\n )\r\n }}\r\n />\r\n\r\n \r\n {props.value && (\r\n \r\n )}\r\n \r\n \r\n )}\r\n
\r\n )\r\n}\r\nexport default DateRangeFilter\r\n","import * as React from 'react'\r\ninterface CheckBoxProps {\r\n isCheckedFunction?: () => boolean\r\n isChecked: boolean\r\n onClick: () => void\r\n styles?: React.CSSProperties\r\n}\r\nconst CheckBox = (props: CheckBoxProps) => {\r\n const onClick = () => {\r\n props.onClick()\r\n }\r\n const { isCheckedFunction, isChecked, styles } = props\r\n return (\r\n \r\n {(isCheckedFunction ? isCheckedFunction() : isChecked) && (\r\n \r\n )}\r\n
\r\n )\r\n}\r\nexport default CheckBox\r\n","import * as React from 'react'\r\nimport { DataTableModel, DataHeaderGroup } from './DataTableModel'\r\nimport { FilterType } from '../DataTable/Filters/FilterTypes'\r\nimport InputFactory from './Inputs/InputFactory'\r\nimport filterFactory from './Filters/FilterFactory'\r\nimport CheckBox from './UI/CheckBox'\r\nimport moment from 'moment'\r\nimport { Scrollbars } from 'react-custom-scrollbars'\r\nimport { InputType } from './Inputs/InputType'\r\nimport ReactResizeDetector from 'react-resize-detector'\r\nimport { DataTableColumnModel } from './DataTableColumnModel'\r\nimport { Tooltip } from '../Tooltip'\r\nimport { round } from '../Utils/round'\r\n\r\nconst SORT_ASC = 'ASC'\r\nconst SORT_DESC = 'DESC'\r\nexport type SortType = 'ASC' | 'DESC'\r\ninterface DataTableDataProps {\r\n sortField?: any\r\n sortType?: SortType\r\n equalsSortField?: string\r\n data: any\r\n customBody?: React.ReactElement\r\n dataTable: DataTableModel\r\n onDelete?: (obj: any) => void\r\n onEdit?: (prevObj: any, obj: any) => void\r\n onEditError?: (obj: any) => any\r\n width: number\r\n onFilterValueChange: (fieldName: string, value: any) => void\r\n // getTableBodyHeight: any\r\n tableTotalHeight: number\r\n onSelectedChanged?: (obj: any[]) => void\r\n setSelectClearFromParentCallback?: (callback: () => void) => void\r\n setEditFromParentCallback?: (callback: SetEditCallbackFunction) => void\r\n\r\n selectIdField?: string\r\n onSortChanged?: (fieldName: string, sortType: string) => void\r\n filter: any\r\n}\r\ninterface DataTableDataState {\r\n sortType?: string\r\n sortField?: string\r\n headerHeight: number\r\n edits: Map\r\n \r\n \r\n {isHeaderGroups && (\r\n this.props.dataTable.headerGroups.map(((hgg, index) => {\r\n
\r\n
\r\n | }\r\n {this.props.onEdit && | }\r\n {this.props.onDelete && | }\r\n {hgg\r\n .reduce((res: any[], next) => {\r\n res.push({\r\n colsBefore:\r\n res.length > 0\r\n ? res[res.length - 1].group.ColSpan +\r\n res[res.length - 1].colsBefore\r\n : 0,\r\n group: next,\r\n })\r\n return res\r\n }, [])\r\n .map((g: any, index) => {\r\n const x = g.group\r\n const width = this.props.dataTable.columns\r\n .filter((x) => !x.isHidden)\r\n .slice(g.colsBefore, g.colsBefore + x.ColSpan)\r\n .reduce((res, next) => (res += next.width), 0)\r\n return (\r\n | \r\n {x.Title}\r\n | \r\n )\r\n })}\r\n
|---|---|---|---|
| \r\n | \r\n )}\r\n {this.props.onEdit && }\r\n {this.props.onDelete && | }\r\n {this.props.dataTable.columns\r\n .filter((x) => !x.isHidden)\r\n .map((obj, index) => {\r\n const filterFieldName = obj.filterFieldName || obj.fieldName\r\n return (\r\n | */}\r\n |
| \r\n | \r\n )}\r\n {this.props.onEdit && (\r\n \r\n {isEditableObject ? (\r\n | \r\n )}\r\n {this.props.onDelete && (\r\n \r\n {!editObj && (\r\n | \r\n )}\r\n {dt.columns\r\n .filter((x) => !x.isHidden)\r\n .map((c, index) => {\r\n const title = c.title && obj[c.title]\r\n const fontWeight =\r\n c.customRenderer ||\r\n !c.placeholder ||\r\n (!obj[c.fieldName] && c.placeholder)\r\n ? 'normal'\r\n : 'bold'\r\n const color = c.customRenderer\r\n ? undefined\r\n : obj[c.fieldName]\r\n ? c.placeholder\r\n ? '#333'\r\n : '#797979'\r\n : '#ccc'\r\n return editObj &&\r\n c.isEditable &&\r\n (!c.isEditableClause || c.isEditableClause(editObj)) ? (\r\n
| \r\n {cell.value ? round(cell.value) : cell.empty ? '' : '0'}\r\n | \r\n )\r\n })}\r\n
\r\n
\r\n // \r\n {props.children}\r\n
\r\n)\r\n\r\ninterface ColProps extends Props {\r\n type: ColTypes\r\n}\r\ntype ColTypes = '100' | '50' | '33' | '25'\r\nexport const Col = (props: ColProps) => {props.children}
\r\n","import * as React from 'react'\r\nimport { DataTableModel } from './DataTableModel'\r\nimport download from 'downloadjs'\r\nimport moment from 'moment'\r\nimport './style.scss'\r\nimport { FilterType } from './Filters/FilterTypes'\r\nimport { DataTableData, SetEditCallbackFunction, SortType } from './DataTableData'\r\nimport SelectFilter from './Filters/SelectFilter'\r\nimport { PaginationModel } from '../models/PaginationModel'\r\nimport { Pagination } from '../Pagination'\r\nimport { Container } from '../Container'\r\nimport { useDispatch, useSelector } from 'react-redux'\r\nimport { ApplicationState } from '../store'\r\nimport * as LoadingStore from '../store/Loading'\r\n\r\ninterface Props {\r\n hidden?: boolean\r\n data: any[]\r\n isHidden?: boolean\r\n initFilter?: any\r\n hideToolbar?: boolean\r\n hideClearFilter?: boolean\r\n dataTable: DataTableModel\r\n isFullScreenable?: boolean\r\n pagingInfo?: PaginationModel\r\n onPageChange?: (page: number) => void\r\n paddingBottom?: number\r\n onRefreshData?: () => void\r\n onClearFilter?: () => void\r\n sortField?: string\r\n equalsSortField?: string\r\n isFullScreen?: boolean\r\n sortType?: SortType\r\n fixedHeight?: number\r\n embededScreen?: boolean\r\n customBody?: React.ReactElement\r\n onCustomExcelDownload?: (callback: (data: any) => void) => void\r\n onSelectedChanged?: (selected: any[]) => void\r\n setSelectClearFromParentCallback?: (callback: () => void) => void\r\n setEditFromParentCallback?: (callback: SetEditCallbackFunction) => void\r\n selectIdField?: string\r\n onEdit?: (prevObj: any, obj: any) => void\r\n onEditError?: (obj: any) => any\r\n onDelete?: (obj: any) => void\r\n onFilterValueChange?: (fieldName: string, value: any) => void\r\n onSortChanged?: (fieldName: string, sortType: string) => void\r\n}\r\n// interface DataTableState {\r\n// showCustomActions: boolean\r\n// isFullScreen?: boolean\r\n// width: number\r\n// w: number\r\n// wScroll: number\r\n// paginationBlock?: HTMLDivElement\r\n// h: number\r\n// filter: any\r\n// }\r\nexport const DataTable = (props: Props) => {\r\n const dispatch = useDispatch()\r\n const settings = useSelector((state: ApplicationState) => state.settings)\r\n\r\n const [paginationBlock, setPaginationBlock] = React.useState(undefined as HTMLDivElement | undefined)\r\n const [isShowCustomActions, setIsShowCustomActions] = React.useState(false)\r\n const [width, setWidth] = React.useState(0)\r\n const [isRedrawnAfterPagination, setIsRedrawnAfterPagination] = React.useState(false)\r\n const [w, setW] = React.useState(window.innerWidth)\r\n const [isFullScreen, setIsFullScreen] = React.useState(props.isFullScreen)\r\n const [wScroll, setWScroll] = React.useState(17)\r\n const [h, setH] = React.useState(window.innerHeight)\r\n const [filter, setFilter] = React.useState(props.initFilter || {})\r\n // private pagination?: HTMLDivElement = undefined\r\n React.useEffect(() => {\r\n if (!paginationBlock && isRedrawnAfterPagination) {\r\n setIsRedrawnAfterPagination(true)\r\n }\r\n if (paginationBlock && !isRedrawnAfterPagination) {\r\n setIsRedrawnAfterPagination(true)\r\n }\r\n }, [paginationBlock])\r\n const setPaginationRef = (ref: HTMLDivElement) => {\r\n // this.pagination = ref\r\n setPaginationBlock(ref)\r\n setWidth(width)\r\n }\r\n const updateWindowDimensions = () => {\r\n setW(window.innerWidth)\r\n setH(window.innerHeight)\r\n calculateWidth(props.dataTable)\r\n }\r\n const calculateWidth = (dataTable: DataTableModel) => {\r\n const tdPadding = 6\r\n const tdBorder = 1\r\n const width =\r\n dataTable.columns.reduce((width, c) => (width += c.width + tdPadding + tdBorder), 0) + 76 - tdBorder\r\n setWidth(width)\r\n }\r\n\r\n React.useEffect(() => {\r\n calculateWidth(props.dataTable)\r\n window.addEventListener('resize', updateWindowDimensions)\r\n return () => {\r\n if (props.initFilter) {\r\n setFilter(props.initFilter)\r\n }\r\n window.removeEventListener('resize', updateWindowDimensions)\r\n }\r\n }, [])\r\n React.useEffect(() => {\r\n calculateWidth(props.dataTable)\r\n }, [props.dataTable])\r\n\r\n const getTableBodyHeight = () => {\r\n // const paginationBlock = paginationBlock\r\n const paginationPadding =\r\n (paginationBlock && (paginationBlock.clientHeight > 10 ? paginationBlock.clientHeight : 64)) ||\r\n props.paddingBottom ||\r\n 0\r\n return (\r\n props.fixedHeight || h - (isFullScreen ? 100 : 160) - 26 - paginationPadding - wScroll\r\n // (width > w ? 0 : wScroll)\r\n )\r\n }\r\n const clearFilter = () => {\r\n if (props.onClearFilter) {\r\n props.onClearFilter()\r\n } else {\r\n setFilter({})\r\n }\r\n }\r\n const refreshData = () => {\r\n if (props.onRefreshData) {\r\n props.onRefreshData()\r\n }\r\n }\r\n const showCustomActions = () => {\r\n setIsShowCustomActions(!isShowCustomActions)\r\n }\r\n const getColumnValue = (obj: any, fieldName: string) => {\r\n return moment.isMoment(obj[fieldName])\r\n ? (obj[fieldName] as moment.Moment).format('DD.MM.YYYY')\r\n : obj[fieldName]\r\n }\r\n const downloadExcelConcrete = (data: any) => {\r\n const { dataTable } = props\r\n const payload = {\r\n Title: dataTable.name,\r\n FileName: dataTable.fileName,\r\n Columns: dataTable.columns\r\n .filter((x) => x.isExportExcel)\r\n .reduce((res, col) => {\r\n return res.concat([\r\n {\r\n Title: typeof col.displayName == 'string' ? col.displayName : '',\r\n Data: data.map((obj: any) => {\r\n return col.customRenderer || col.customExcelRenderer\r\n ? col.customExcelRenderer\r\n ? col.customExcelRenderer(obj)\r\n : col.isUseCustomRendererForExcel\r\n ? col.customRenderer\r\n ? col.customRenderer(obj)\r\n : getColumnValue(obj, col.fieldName)\r\n : getColumnValue(obj, col.fieldName)\r\n : getColumnValue(obj, col.fieldName)\r\n }),\r\n },\r\n ])\r\n }, [] as any[]),\r\n }\r\n const json = JSON.stringify(payload)\r\n dispatch(LoadingStore.actionCreators.incrementLoading())\r\n return fetch(settings.dataTableExportExcelEndpoint, {\r\n body: json,\r\n method: 'POST',\r\n credentials: 'include',\r\n headers: {\r\n Accept: 'application/json',\r\n 'Content-Type': 'application/json',\r\n },\r\n })\r\n .then(\r\n (response) => response.blob(),\r\n (error) => {\r\n alert(\"Couldn't generate excel file\")\r\n dispatch(LoadingStore.actionCreators.decrementLoading())\r\n },\r\n )\r\n .then((blob) => {\r\n dispatch(LoadingStore.actionCreators.decrementLoading())\r\n if (blob) {\r\n download(blob, dataTable.fileName, 'xlsx')\r\n }\r\n })\r\n }\r\n const downloadExcel = () => {\r\n const { data } = props\r\n if (props.onCustomExcelDownload) {\r\n props.onCustomExcelDownload(downloadExcelConcrete)\r\n } else {\r\n downloadExcelConcrete(data)\r\n }\r\n }\r\n const onFilterValueChange = (fieldName: string, value: any) => {\r\n if (props.onFilterValueChange) {\r\n props.onFilterValueChange(fieldName, value)\r\n } else {\r\n const column = props.dataTable.columns.find(\r\n (x) => x.filterFieldName === fieldName || x.fieldName === fieldName,\r\n )\r\n if (column && column.onFilterValueChanged) {\r\n column.onFilterValueChanged(fieldName, value)\r\n } else {\r\n let newFilter = filter\r\n if (value.value && (Number.isInteger(value.value) || value.value.length > 0)) {\r\n newFilter[fieldName] = value.value\r\n } else {\r\n delete newFilter[fieldName]\r\n }\r\n setFilter(Object.assign({}, newFilter))\r\n }\r\n }\r\n }\r\n const sort = (data: any[], dataTableModel: DataTableModel) => {\r\n if (!props.onFilterValueChange) {\r\n dataTableModel.columns.forEach((c) => {\r\n const fieldName = c.filterFieldName || c.fieldName\r\n let filterValue = filter[fieldName]\r\n if (filterValue) {\r\n if (c.customFilterFunc) {\r\n data = c.customFilterFunc(filterValue, data)\r\n } else {\r\n switch (c.filterType) {\r\n case FilterType.MULTISELECT:\r\n data = data.filter((x) => filterValue.some((fv: any) => fv === x[fieldName]))\r\n break\r\n case FilterType.TEXT:\r\n filterValue = filterValue.toLowerCase()\r\n data = data.filter((x) => x[fieldName].toLowerCase().indexOf(filterValue) >= 0)\r\n break\r\n default:\r\n break\r\n }\r\n }\r\n }\r\n })\r\n }\r\n return data\r\n }\r\n const getCustomToolBarComponent = () => {\r\n const { customToolBarComponents } = props.dataTable\r\n return customToolBarComponents && customToolBarComponents.length > 0 ? (\r\n \r\n {customToolBarComponents.map((x, index) => (\r\n
\r\n ) : null\r\n }\r\n const onPageChange = (page: number) => {\r\n if (props.onPageChange) props.onPageChange(page)\r\n }\r\n const customActionClass = 'data-table-action-embeded'\r\n const data = React.useMemo(\r\n () => sort(props.data, props.dataTable),\r\n [props.data, props.dataTable, filter, paginationBlock],\r\n )\r\n const tableBodyHeight = getTableBodyHeight()\r\n // console.log(\"Data TAble\")\r\n return (\r\n \r\n {x()}\r\n
\r\n ))}\r\n {props.dataTable.name}
}\r\n {getCustomToolBarComponent()}\r\n\r\n {props.dataTable.customActions && props.dataTable.customActions.length > 0 && (\r\n\r\n {props.dataTable.customActions.map((a, index) => {\r\n return (\r\n a.onClick()}\r\n >\r\n {a.renderer()}\r\n \r\n )\r\n })}\r\n
\r\n )}\r\n {props.onRefreshData && (\r\n - {props.children}
\r\n
\r\n)\r\n","import * as React from 'react'\r\nimport { MediaDisplay } from '../MediaManager/MediaDisplay'\r\nimport { MediaManager } from './MediaManager'\r\nimport { Photo } from '..'\r\nimport { ApplicationState } from '../store'\r\nimport { useSelector } from 'react-redux'\r\n\r\ninterface Props {\r\n selected: Photo[]\r\n heroImageId?: number\r\n onSelectPhotos?: (photos: Photo[]) => void\r\n onHeroImageChanged?: (photo: Photo) => void\r\n onDelete?: (photo: Photo) => void\r\n}\r\nexport const MediaSelector = (props: Props) => {\r\n const [showMediaManager, setShowMediaManager] = React.useState(false)\r\n const Localization = useSelector((state: ApplicationState) => state.localization.locale)\r\n const onRemove = (p: Photo) => {\r\n if (props.onDelete) {\r\n props.onDelete(p)\r\n } else {\r\n if (props.onSelectPhotos) {\r\n props.onSelectPhotos(props.selected.filter((x) => x.id != p.id))\r\n }\r\n }\r\n }\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {showMediaManager && (\r\n setShowMediaManager(false)}\r\n selected={props.selected}\r\n />\r\n )}\r\n \r\n
\r\n )\r\n}\r\n","import * as React from 'react'\r\nimport './styles.scss'\r\nimport 'pure-react-carousel/dist/react-carousel.es.css';\r\nimport ReactTooltip from 'react-tooltip';\r\nimport { round } from '../Utils/round';\r\n\r\n\r\ntype Props = {\r\n label: string;\r\n tooltip?: string;\r\n price?: number;\r\n delPrice?: number;\r\n disabled?: boolean\r\n count?: number;\r\n minValue?: number;\r\n hidePrice?: boolean\r\n onChange: (value: number) => void;\r\n};\r\nexport const NumPeopleInput = ({ label, tooltip, price, delPrice, minValue, count = 0, hidePrice, onChange, disabled }: Props) => {\r\n const counterChangeHandler = (newValue: number) => {\r\n if (typeof (minValue) == 'undefined' || newValue >= minValue) onChange(newValue);\r\n };\r\n const priceBlock = (price && !hidePrice) ? \r\n {/* */}\r\n {/* {\r\n setShowMediaManager(true)\r\n }}\r\n >\r\n {Localization.getString('Select Photos')}\r\n */}\r\n\r\n
\r\n \r\n
\r\n - \r\n {props.selected.map((p) => (\r\n
{price ? `${round(count * (price || 0))?.toFixed(2)} AED` : ''}
\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\n","import * as React from 'react'\r\ninterface Props {\r\n title: string\r\n}\r\nexport const RowTitle = (props: Props) => \r\n \r\n {label}\r\n \r\n i{' '}\r\n \r\n
\r\n {priceBlock}\r\n
\r\n \r\n {label}\r\n \r\n i{' '}\r\n \r\n \r\n {tooltip}\r\n \r\n
\r\n {priceBlock}\r\n \r\n \r\n -\r\n \r\n \r\n \r\n +\r\n \r\n
\r\n {totalPriceBlock}\r\n {props.title}
\r\n","import * as React from 'react'\r\n\r\ninterface Props {\r\n title: string\r\n}\r\nexport const SectionTitle = (props: Props) =>{props.title}
\r\n","import * as React from 'react'\r\nconst minTitleLen = 50\r\nconst maxTitleLen = 70\r\nconst maxDescrLen = 155\r\nexport const SeoLen = (props: { title: string, type: \"Title\" | \"Description\" | \"Other\" }) => {\r\n if (props.type == 'Other') {\r\n returnLength: {props.title?.length ?? 0}
\r\n }\r\n const minLen = props.type == 'Title' ? minTitleLen : 1\r\n const maxLen = props.type == 'Title' ? maxTitleLen : maxDescrLen\r\n const isOk = props.title && props.title.length > minLen && props.title.length < maxLen\r\n returnLength: {props.title?.length ?? 0}
\r\n}","export const capitalize = (val: string) => {\r\n if (val && val.length > 0) {\r\n if (val.length > 1) {\r\n return val.charAt(0).toUpperCase() + val.slice(1)\r\n } else {\r\n return val.charAt(0).toUpperCase()\r\n }\r\n }\r\n return val\r\n}\r\n","export const toNumber = (val: string) => {\r\n if (val.length > 0 && val.indexOf(':') > 0) {\r\n const parts = val.split(':')\r\n const h = parseInt(parts[0])\r\n const m = parseInt(parts[1])\r\n return h * 60 + m\r\n }\r\n return 0\r\n}\r\nexport const fromNumber = (val: number) => {\r\n if (typeof val == 'undefined') {\r\n return ''\r\n }\r\n const h = ('0' + Math.floor(val / 60)).slice(-2)\r\n const m = ('0' + (val % 60)).slice(-2)\r\n return `${h}:${m}`\r\n}\r\n","interface IndexedItem {\r\n index: number\r\n}\r\nexport function indexUp{store.getState()}
\r\n * }\r\n */\n\nexport function useReduxContext() {\n var contextValue = useContext(ReactReduxContext);\n\n if (process.env.NODE_ENV !== 'production' && !contextValue) {\n throw new Error('could not find react-redux context value; please ensure the component is wrapped in a {store.getState()}
\r\n * }\r\n */\n\nexport var useStore = /*#__PURE__*/createStoreHook();","import { ReactReduxContext } from '../components/Context';\nimport { useStore as useDefaultStore, createStoreHook } from './useStore';\n/**\r\n * Hook factory, which creates a `useDispatch` hook bound to a given context.\r\n *\r\n * @param {React.Context} [context=ReactReduxContext] Context passed to your `\r\n * {value}\r\n * \r\n *
\r\n * )\r\n * }\r\n */\n\nexport var useDispatch = /*#__PURE__*/createDispatchHook();","import { useReducer, useRef, useMemo, useContext, useDebugValue } from 'react';\nimport { useReduxContext as useDefaultReduxContext } from './useReduxContext';\nimport Subscription from '../utils/Subscription';\nimport { useIsomorphicLayoutEffect } from '../utils/useIsomorphicLayoutEffect';\nimport { ReactReduxContext } from '../components/Context';\n\nvar refEquality = function refEquality(a, b) {\n return a === b;\n};\n\nfunction useSelectorWithStoreAndSubscription(selector, equalityFn, store, contextSub) {\n var _useReducer = useReducer(function (s) {\n return s + 1;\n }, 0),\n forceRender = _useReducer[1];\n\n var subscription = useMemo(function () {\n return new Subscription(store, contextSub);\n }, [store, contextSub]);\n var latestSubscriptionCallbackError = useRef();\n var latestSelector = useRef();\n var latestStoreState = useRef();\n var latestSelectedState = useRef();\n var storeState = store.getState();\n var selectedState;\n\n try {\n if (selector !== latestSelector.current || storeState !== latestStoreState.current || latestSubscriptionCallbackError.current) {\n var newSelectedState = selector(storeState); // ensure latest selected state is reused so that a custom equality function can result in identical references\n\n if (latestSelectedState.current === undefined || !equalityFn(newSelectedState, latestSelectedState.current)) {\n selectedState = newSelectedState;\n } else {\n selectedState = latestSelectedState.current;\n }\n } else {\n selectedState = latestSelectedState.current;\n }\n } catch (err) {\n if (latestSubscriptionCallbackError.current) {\n err.message += \"\\nThe error may be correlated with this previous error:\\n\" + latestSubscriptionCallbackError.current.stack + \"\\n\\n\";\n }\n\n throw err;\n }\n\n useIsomorphicLayoutEffect(function () {\n latestSelector.current = selector;\n latestStoreState.current = storeState;\n latestSelectedState.current = selectedState;\n latestSubscriptionCallbackError.current = undefined;\n });\n useIsomorphicLayoutEffect(function () {\n function checkForUpdates() {\n try {\n var newStoreState = store.getState();\n\n var _newSelectedState = latestSelector.current(newStoreState);\n\n if (equalityFn(_newSelectedState, latestSelectedState.current)) {\n return;\n }\n\n latestSelectedState.current = _newSelectedState;\n latestStoreState.current = newStoreState;\n } catch (err) {\n // we ignore all errors here, since when the component\n // is re-rendered, the selectors are called again, and\n // will throw again, if neither props nor store state\n // changed\n latestSubscriptionCallbackError.current = err;\n }\n\n forceRender();\n }\n\n subscription.onStateChange = checkForUpdates;\n subscription.trySubscribe();\n checkForUpdates();\n return function () {\n return subscription.tryUnsubscribe();\n };\n }, [store, subscription]);\n return selectedState;\n}\n/**\r\n * Hook factory, which creates a `useSelector` hook bound to a given context.\r\n *\r\n * @param {React.Context} [context=ReactReduxContext] Context passed to your `{counter}
\r\n * }\r\n */\n\nexport var useSelector = /*#__PURE__*/createSelectorHook();","import Provider from './components/Provider';\nimport connectAdvanced from './components/connectAdvanced';\nimport { ReactReduxContext } from './components/Context';\nimport connect from './connect/connect';\nimport { useDispatch, createDispatchHook } from './hooks/useDispatch';\nimport { useSelector, createSelectorHook } from './hooks/useSelector';\nimport { useStore, createStoreHook } from './hooks/useStore';\nimport { setBatch } from './utils/batch';\nimport { unstable_batchedUpdates as batch } from './utils/reactBatchedUpdates';\nimport shallowEqual from './utils/shallowEqual';\nsetBatch(batch);\nexport { Provider, connectAdvanced, ReactReduxContext, connect, batch, useDispatch, createDispatchHook, useSelector, createSelectorHook, useStore, createStoreHook, shallowEqual };","import defineProperty from \"./defineProperty.js\";\nfunction ownKeys(object, enumerableOnly) {\n var keys = Object.keys(object);\n if (Object.getOwnPropertySymbols) {\n var symbols = Object.getOwnPropertySymbols(object);\n enumerableOnly && (symbols = symbols.filter(function (sym) {\n return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n })), keys.push.apply(keys, symbols);\n }\n return keys;\n}\nexport default function _objectSpread2(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = null != arguments[i] ? arguments[i] : {};\n i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {\n defineProperty(target, key, source[key]);\n }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {\n Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n });\n }\n return target;\n}","import arrayWithHoles from \"./arrayWithHoles.js\";\nimport iterableToArrayLimit from \"./iterableToArrayLimit.js\";\nimport unsupportedIterableToArray from \"./unsupportedIterableToArray.js\";\nimport nonIterableRest from \"./nonIterableRest.js\";\nexport default function _slicedToArray(arr, i) {\n return arrayWithHoles(arr) || iterableToArrayLimit(arr, i) || unsupportedIterableToArray(arr, i) || nonIterableRest();\n}","export default function _arrayWithHoles(arr) {\n if (Array.isArray(arr)) return arr;\n}","export default function _iterableToArrayLimit(arr, i) {\n var _i = null == arr ? null : \"undefined\" != typeof Symbol && arr[Symbol.iterator] || arr[\"@@iterator\"];\n if (null != _i) {\n var _s,\n _e,\n _x,\n _r,\n _arr = [],\n _n = !0,\n _d = !1;\n try {\n if (_x = (_i = _i.call(arr)).next, 0 === i) {\n if (Object(_i) !== _i) return;\n _n = !1;\n } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);\n } catch (err) {\n _d = !0, _e = err;\n } finally {\n try {\n if (!_n && null != _i[\"return\"] && (_r = _i[\"return\"](), Object(_r) !== _r)) return;\n } finally {\n if (_d) throw _e;\n }\n }\n return _arr;\n }\n}","export default function _nonIterableRest() {\n throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}","import React from \"react\";\nimport { Router } from \"react-router\";\nimport { createBrowserHistory as createHistory } from \"history\";\nimport PropTypes from \"prop-types\";\nimport warning from \"tiny-warning\";\n\n/**\n * The public API for a