@sprinklrjs/spaceweb 12.14.4 → 12.33.2

package/esm/baseui/layer/tether.js

@@ -0,0 +1,161 @@
+import { __assign, __extends, __rest } from "tslib";
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+import * as React from 'react';
+import Popper from 'popper.js';
+import { toPopperPlacement, parsePopperOffset } from './utils';
+import { TETHER_PLACEMENT } from './constants';
+var Tether = /** @class */ (function (_super) {
+    __extends(Tether, _super);
+    function Tether() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.popperHeight = 0;
+        _this.popperWidth = 0;
+        _this.anchorHeight = 0;
+        _this.anchorWidth = 0;
+        _this.state = {
+            isMounted: false,
+        };
+        _this.defineResizeObserver = function () {
+            return new window.ResizeObserver(function (entries) {
+                var shouldUpdate = false;
+                entries.forEach(function (entry) {
+                    var _a = entry.contentRect, width = _a.width, height = _a.height;
+                    if (entry.target === _this.props.anchorRef) {
+                        shouldUpdate = shouldUpdate || _this.anchorHeight !== height || _this.anchorWidth !== width;
+                        _this.anchorHeight = height;
+                        _this.anchorWidth = width;
+                    }
+                    else if (entry.target === _this.props.popperRef) {
+                        shouldUpdate = shouldUpdate || _this.popperHeight !== height || _this.popperWidth !== width;
+                        _this.popperHeight = height;
+                        _this.popperWidth = width;
+                    }
+                });
+                if (shouldUpdate && _this.popper) {
+                    _this.popper.scheduleUpdate();
+                }
+            });
+        };
+        _this.onPopperUpdate = function (data) {
+            var normalizedOffsets = {
+                popper: parsePopperOffset(data.offsets.popper),
+                arrow: data.offsets.arrow ? parsePopperOffset(data.offsets.arrow) : { top: 0, left: 0 },
+            };
+            _this.props.onPopperUpdate(normalizedOffsets, data);
+        };
+        return _this;
+    }
+    Tether.prototype.componentDidMount = function () {
+        this.setState({ isMounted: true });
+        if (!this.props.repositionOnResize) {
+            return;
+        }
+        this.resizeObserver = this.defineResizeObserver();
+        if (this.props.anchorRef) {
+            this.resizeObserver.observe(this.props.anchorRef);
+        }
+        if (this.props.popperRef) {
+            this.resizeObserver.observe(this.props.popperRef);
+        }
+    };
+    Tether.prototype.componentDidUpdate = function (prevProps, prevState) {
+        if (this.props.repositionOnResize) {
+            var hasRefChanged = this.props.popperRef !== prevProps.popperRef || this.props.anchorRef !== prevProps.anchorRef;
+            // reassign targetElement if ref of element changes
+            if (this.resizeObserver && hasRefChanged) {
+                this.resizeObserver.disconnect();
+                if (this.props.anchorRef) {
+                    this.resizeObserver.observe(this.props.anchorRef);
+                }
+                if (this.props.popperRef) {
+                    this.resizeObserver.observe(this.props.popperRef);
+                }
+            }
+        }
+        else {
+            if (this.props.anchorRef) {
+                var _a = this.props.anchorRef.getBoundingClientRect(), height = _a.height, width = _a.width;
+                if (this.anchorHeight !== height || this.anchorWidth !== width) {
+                    this.anchorHeight = height;
+                    this.anchorWidth = width;
+                    this.popper && this.popper.scheduleUpdate();
+                }
+            }
+            if (this.props.popperRef) {
+                var _b = this.props.popperRef.getBoundingClientRect(), height = _b.height, width = _b.width;
+                if (this.popperHeight !== height || this.popperWidth !== width) {
+                    this.popperHeight = height;
+                    this.popperWidth = width;
+                    this.popper && this.popper.scheduleUpdate();
+                }
+            }
+        }
+        if (this.props.popperRef) {
+            if (this.state.isMounted !== prevState.isMounted) {
+                if (!this.props.anchorRef) {
+                    if (process.env.NODE_ENV !== 'production') {
+                        console.warn("[baseui][TetherBehavior] ref has not been passed to the Popper's anchor element.\n              See how to pass the ref to an anchor element in the Popover example\n              https://baseweb.design/components/popover/#anchor-ref-handling-example");
+                    }
+                }
+                else {
+                    this.initializePopper();
+                }
+            }
+        }
+    };
+    Tether.prototype.componentWillUnmount = function () {
+        this.destroyPopover();
+        this.resizeObserver && this.resizeObserver.disconnect();
+    };
+    Tether.prototype.initializePopper = function () {
+        var _a = this.props, placement = _a.placement, popperOptions = _a.popperOptions;
+        var modifiers = popperOptions.modifiers, restOptions = __rest(popperOptions, ["modifiers"]);
+        if (!this.props.anchorRef || !this.props.popperRef)
+            return;
+        this.popper = new Popper(this.props.anchorRef, this.props.popperRef, __assign({ 
+            // Recommended placement (popper may ignore if it causes a viewport overflow, etc)
+            placement: toPopperPlacement(placement), modifiers: __assign({ 
+                // Passing the arrow ref will measure the arrow when calculating styles
+                arrow: {
+                    element: this.props.arrowRef,
+                    enabled: !!this.props.arrowRef,
+                }, computeStyle: {
+                    // Make popper use top/left instead of transform translate, this is because
+                    // we use transform for animations and we dont want them to conflict
+                    gpuAcceleration: false,
+                }, applyStyle: {
+                    // Disable default styling modifier, we'll apply styles on our own
+                    enabled: false,
+                }, applyReactStyle: {
+                    enabled: true,
+                    fn: this.onPopperUpdate,
+                    order: 900,
+                }, preventOverflow: { enabled: true } }, modifiers) }, restOptions));
+    };
+    Tether.prototype.destroyPopover = function () {
+        if (this.popper) {
+            this.popper.destroy();
+            delete this.popper;
+        }
+    };
+    Tether.prototype.render = function () {
+        return this.props.children || null;
+    };
+    Tether.defaultProps = {
+        // @ts-ignore
+        anchorRef: null,
+        // @ts-ignore
+        onPopperUpdate: function () { return null; },
+        placement: TETHER_PLACEMENT.auto,
+        // @ts-ignore
+        popperRef: null,
+        popperOptions: {},
+    };
+    return Tether;
+}(React.Component));
+export default Tether;

package/esm/baseui/layer/types.d.ts

@@ -0,0 +1,148 @@
+import type * as React from 'react';
+import type { TETHER_PLACEMENT } from './constants';
+import type { Override } from '../helpers/overrides';
+/** LayersManager */
+export declare type LayersManagerProps = {
+    children: React.ReactNode;
+    overrides?: {
+        AppContainer?: Override;
+        LayersContainer?: Override;
+    };
+    zIndex?: number;
+};
+export declare type LayersManagerState = {
+    escapeKeyHandlers: Array<() => unknown>;
+    keyDownHandlers: Array<(event: KeyboardEvent) => unknown>;
+    keyUpHandlers: Array<(event: KeyboardEvent) => unknown>;
+    keyPressHandlers: Array<(event: KeyboardEvent) => unknown>;
+    docClickHandlers: Array<(event: MouseEvent) => unknown>;
+};
+export declare type LayersContextProps = {
+    host?: HTMLElement | null;
+    zIndex?: number;
+    addEscapeHandler: (a: () => unknown) => void;
+    removeEscapeHandler: (a: () => unknown) => void;
+    addKeyDownHandler: (a: (event: KeyboardEvent) => void) => void;
+    removeKeyDownHandler: (a: (event: KeyboardEvent) => void) => void;
+    addKeyUpHandler: (a: (event: KeyboardEvent) => void) => void;
+    removeKeyUpHandler: (a: (event: KeyboardEvent) => void) => void;
+    addKeyPressHandler: (a: (event: KeyboardEvent) => void) => void;
+    removeKeyPressHandler: (a: (event: KeyboardEvent) => void) => void;
+    addDocClickHandler: (a: (event: MouseEvent) => void) => void;
+    removeDocClickHandler: (a: (event: MouseEvent) => void) => void;
+};
+/** Layer */
+export declare type LayerProps = {
+    /** Content to be rendered in the Layer. */
+    children: React.ReactNode;
+    /** A DOM element where the Layer will be inserted into as a child.
+       The host value comes from the layers context provider.
+       If there is no `LayersManager` added and therefore no host element
+       in the context, `document.body` will be used as a container element. */
+    host?: HTMLElement | null;
+    /** Defines the location (child order) at which the layer will be inserted in
+       the `host` element. */
+    index?: number;
+    /** Identifies if this layer is a hover layer (and subsequent document clicks
+       should be triggered on the last registered non-hover layer. */
+    isHoverLayer?: boolean;
+    /** A custom DOM element where the layer is inserted to as a child.
+       Note that the `index` prop does not work with a custom `mountNode`. */
+    mountNode?: HTMLElement;
+    /** Handler called when escape key is pressed.
+       Only the top most layer's handler is called. */
+    onEscape?: () => unknown;
+    /** Handler called when key down event is happened.
+       Only the top most layer's handler is called. */
+    onKeyDown?: (event: KeyboardEvent) => unknown;
+    /** Handler called when key up event is happened.
+       Only the top most layer's handler is called. */
+    onKeyUp?: (event: KeyboardEvent) => unknown;
+    /** Handler called when key press event is happened.
+       Only the top most layer's handler is called. */
+    onKeyPress?: (event: KeyboardEvent) => unknown;
+    /** Handler called when mousedown event happens on the document.
+       Only the top most layer's handler is called. */
+    onDocumentClick?: (event: MouseEvent) => unknown;
+    /** A handler that is called when the Layer is mounted. */
+    onMount?: () => unknown;
+    /** A handler that is called when the Layer is unmounted. */
+    onUnmount?: () => unknown;
+    /** A value of z-index to be set on the layer.
+       The zIndex value comes from the layers context provider. */
+    zIndex?: number;
+};
+export declare type LayerComponentProps = {
+    children: React.ReactNode;
+    host: HTMLElement | undefined | null;
+    index?: number;
+    isHoverLayer?: boolean;
+    mountNode?: HTMLElement;
+    onEscape?: () => unknown;
+    onKeyDown?: (event: KeyboardEvent) => unknown;
+    onKeyUp?: (event: KeyboardEvent) => unknown;
+    onKeyPress?: (event: KeyboardEvent) => unknown;
+    onDocumentClick?: (event: MouseEvent) => unknown;
+    onMount?: () => unknown;
+    onUnmount?: () => unknown;
+    zIndex?: number;
+};
+export declare type LayerState = {
+    container: HTMLElement | undefined | null;
+};
+/** TetherBehavior */
+export declare type TetherPlacement = keyof typeof TETHER_PLACEMENT;
+export declare type NormalizedOffset = {
+    top: number;
+    left: number;
+};
+export declare type NormalizedOffsets = {
+    arrow?: NormalizedOffset;
+    popper: NormalizedOffset;
+};
+export declare type PopperOffset = {
+    top?: number | null;
+    left?: number | null;
+};
+export declare type PopperDataObject = {
+    offsets: {
+        arrow?: PopperOffset;
+        popper: PopperOffset;
+    };
+    placement: string;
+};
+export declare type PopperOptions = {
+    placement: string;
+    modifiers: {
+        arrow: {};
+        computeStyle: {};
+        applyStyle: {};
+        applyReactStyle: {
+            fn: (data: PopperDataObject) => void;
+        };
+    };
+};
+export declare type TetherProps = {
+    /** The reference element used to position the popper. */
+    anchorRef: HTMLElement | undefined | null;
+    /** The arrow element that is passed as an arrow modifier to alter
+       the popper positioning. */
+    arrowRef?: HTMLElement | null;
+    /** The element used as a popper. */
+    popperRef: HTMLElement | undefined | null;
+    /** Content to be rendered in the Popper. */
+    children: React.ReactNode;
+    /** A handler that is called when popper positioning changes. */
+    onPopperUpdate: (b: NormalizedOffsets, a: PopperDataObject) => unknown;
+    /** Recommended placement of the popper. */
+    placement: TetherPlacement;
+    /** Options to be passes to the Popper on its initialization.
+       Refer to the [Popper documentation](https://github.com/popperjs/popper.js/blob/v1.x/docs/_includes/popper-documentation.md)
+       for the full list of available options. */
+    popperOptions: any;
+    /** Reposition popover whenever dimension of popup content or targetElement changes. **/
+    repositionOnResize?: boolean;
+};
+export declare type TetherState = {
+    isMounted: boolean;
+};

package/esm/baseui/layer/types.js

@@ -0,0 +1 @@
+export {};

package/esm/baseui/layer/utils.d.ts

@@ -0,0 +1,6 @@
+import type { TetherPlacement, PopperOffset, NormalizedOffset } from './types';
+export declare function toPopperPlacement(placement: TetherPlacement): string;
+/**
+ * Takes the offset passed from popper.js and normalizes it
+ */
+export declare function parsePopperOffset(offset: PopperOffset): NormalizedOffset;

package/esm/baseui/layer/utils.js

@@ -0,0 +1,12 @@
+export function toPopperPlacement(placement) {
+    return placement.replace(/(Top|Left)$/, '-start').replace(/(Right|Bottom)$/, '-end');
+}
+/**
+ * Takes the offset passed from popper.js and normalizes it
+ */
+export function parsePopperOffset(offset) {
+    return {
+        top: Math.floor(offset.top || 0),
+        left: Math.floor(offset.left || 0),
+    };
+}

package/esm/baseui/locale/en_US.d.ts

@@ -0,0 +1,3 @@
+import type { Locale } from './types';
+declare const en_US: Locale;
+export default en_US;

package/esm/baseui/locale/en_US.js

@@ -0,0 +1,23 @@
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+import accordion from '../accordion/locale';
+// import breadcrumbs from '../breadcrumbs/locale';
+import datepicker from '../datepicker/locale';
+// import datatable from '../data-table/locale';
+// import buttongroup from '../button-group/locale';
+// import fileuploader from '../file-uploader/locale';
+import modal from '../modal/locale';
+// import drawer from '../drawer/locale';
+// import pagination from '../pagination/locale';
+import select from '../select/locale';
+var en_US = {
+    modal: modal,
+    accordion: accordion,
+    datepicker: datepicker,
+    select: select,
+};
+export default en_US;

package/esm/baseui/locale/es_AR.d.ts

@@ -0,0 +1,3 @@
+import type { Locale } from './types';
+declare const es_AR: Locale;
+export default es_AR;

package/esm/baseui/locale/es_AR.js

@@ -0,0 +1,126 @@
+var es_AR = {
+    accordion: {
+        collapse: 'Colapsar',
+        expand: 'Expandir',
+    },
+    //
+    // breadcrumbs: {
+    //   ariaLabel: 'Navegación',
+    // },
+    //
+    datepicker: {
+        ariaLabel: 'Selecciona una fecha.',
+        ariaLabelRange: 'Selecciona un rango de fechas.',
+        ariaLabelCalendar: 'Calendario.',
+        ariaRoleDescriptionCalendarMonth: 'Mes calendario',
+        previousMonth: 'Mes pasado.',
+        nextMonth: 'Siguiente mes.',
+        pastWeek: 'Semana pasada',
+        pastMonth: 'Mes pasado',
+        pastThreeMonths: 'Últimos 3 meses',
+        pastSixMonths: 'Últimos 6 meses',
+        pastYear: 'Año pasado',
+        pastTwoYears: 'Últimos 2 años',
+        screenReaderMessageInput: 'Presione la tecla de flecha hacia abajo para interactuar con el calendario y seleccione una fecha. Presione el botón de escape para cerrar el calendario.',
+        selectedDate: 'La fecha seleccionada es ${date}.',
+        selectedDateRange: 'El rango de fecha seleccionado es desde ${startDate} hasta ${endDate}.',
+        selectSecondDatePrompt: 'Selecciona la segunda fecha.',
+        quickSelectLabel: 'Selecciona un rango de fechas.',
+        quickSelectAriaLabel: 'Selecciona un rango de fechas.',
+        quickSelectPlaceholder: 'Ninguno',
+        timeSelectEndLabel: 'Tiempo de finalización',
+        timeSelectStartLabel: 'Tiempo de inicio',
+        timePickerAriaLabel12Hour: 'Selecciona una hora, formato 12 horas.',
+        timePickerAriaLabel24Hour: 'Selecciona una hora, formato 24 horas.',
+        timezonePickerAriaLabel: 'Selecciona una zona horaria.',
+        selectedStartDateLabel: 'Fecha de inicio seleccionada.',
+        selectedEndDateLabel: 'Fecha de finalización seleccionada.',
+        dateNotAvailableLabel: 'No disponible.',
+        dateAvailableLabel: 'Está disponible.',
+        selectedLabel: 'Seleccionada.',
+        chooseLabel: 'Elegir',
+    },
+    //
+    // datatable: {
+    //   emptyState:
+    //     'Ninguna fila coincide con los criterios de filtro definidos. Elimine uno o más filtros para ver más datos.',
+    //   loadingState: 'Cargando filas.',
+    //   searchAriaLabel: 'Buscar por texto',
+    //   filterAdd: 'Añadir filtro',
+    //   filterExclude: 'Excluir',
+    //   filterApply: 'Aplicar',
+    //   filterExcludeRange: 'Excluir rango',
+    //   filterExcludeValue: 'Excluir valor',
+    //   filterAppliedTo: 'filtro aplicado a',
+    //   optionsLabel: 'Selecciona una columna para filtrar',
+    //   optionsSearch: 'Busque una columna para filtrar por...',
+    //   optionsEmpty: 'Sin columnas disponibles.',
+    //   categoricalFilterSearchLabel: 'Buscar categorías',
+    //   categoricalFilterSelectAll: 'Seleccionar Todo',
+    //   categoricalFilterSelectClear: 'Borrar',
+    //   categoricalFilterEmpty: 'No se encontraron categorías',
+    //   datetimeFilterRange: 'Rango',
+    //   datetimeFilterRangeDatetime: 'Fecha, Hora',
+    //   datetimeFilterRangeDate: 'Fecha',
+    //   datetimeFilterRangeTime: 'Hora',
+    //   datetimeFilterCategorical: 'Categórica',
+    //   datetimeFilterCategoricalWeekday: 'Día de la semana',
+    //   datetimeFilterCategoricalMonth: 'Mes',
+    //   datetimeFilterCategoricalQuarter: 'Trimestre',
+    //   datetimeFilterCategoricalHalf: 'Mitad',
+    //   datetimeFilterCategoricalFirstHalf: 'H1',
+    //   datetimeFilterCategoricalSecondHalf: 'H2',
+    //   datetimeFilterCategoricalYear: 'Año',
+    //   numericalFilterRange: 'Rango',
+    //   numericalFilterSingleValue: 'Un solo valor',
+    //   booleanFilterTrue: 'verdadero',
+    //   booleanFilterFalse: 'falso',
+    //   booleanColumnTrueShort: 'V',
+    //   booleanColumnFalseShort: 'F',
+    //   selectRow: 'Seleccionar fila',
+    //   selectAllRows: 'Seleccionar todas las filas',
+    //   sortColumn: 'Clasificar columna',
+    // },
+    //
+    // buttongroup: {
+    //   ariaLabel: 'grupo de botones',
+    // },
+    //
+    // fileuploader: {
+    //   dropFilesToUpload: 'Arrastra archivos aquí para subir...',
+    //   or: '',
+    //   browseFiles: 'Buscar archivos',
+    //   retry: 'Reintentar',
+    //   cancel: 'Cancelar',
+    // },
+    //
+    // menu: {
+    //   noResultsMsg: 'Sin resultados',
+    //   parentMenuItemAriaLabel:
+    //     'Actualmente se encuentra en un elemento que abre un cuadro de lista anidado. Presione la flecha derecha para ingresar a ese elemento y la flecha izquierda para regresar.',
+    // },
+    modal: {
+        close: 'Cerrar',
+    },
+    // drawer: {
+    //   close: 'Cerrar',
+    // },
+    //
+    // pagination: {
+    //   prev: 'Anterior',
+    //   next: 'Siguiente',
+    //   preposition: 'de',
+    // },
+    //
+    select: {
+        noResultsMsg: 'Sin resultados',
+        placeholder: 'Seleccionar...',
+        create: 'Crear',
+        selectAllLabel: 'Seleccionar todo',
+    },
+    //
+    // toast: {
+    //   close: 'Cerrar',
+    // },
+};
+export default es_AR;

package/esm/baseui/locale/index.d.ts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import type { Locale } from './types';
+import type { AccordionLocale as AccordionLocaleAlias } from '../accordion';
+import type { DatepickerLocale as DatepickerLocaleAlias } from '../datepicker';
+import type { ModalLocale as ModalLocaleAlias } from '../modal';
+import type { SelectLocale as SelectLocaleAlias } from '../select';
+export declare const LocaleContext: React.Context<Locale>;
+declare type DeepPartial<T> = {
+    [P in keyof T]?: DeepPartial<T[P]>;
+};
+export declare type LocaleProviderProps = {
+    locale: DeepPartial<Locale>;
+    children: React.ReactNode | undefined | null;
+};
+declare const LocaleProvider: React.FC<LocaleProviderProps>;
+export default LocaleProvider;
+export type { Locale };
+/** @deprecated inded use type exported from the component itself */
+export declare type AccordionLocale = AccordionLocaleAlias;
+export declare type DatepickerLocale = DatepickerLocaleAlias;
+/** @deprecated inded use type exported from the component itself */
+/** @deprecated inded use type exported from the component itself */
+export declare type ModalLocale = ModalLocaleAlias;
+/** @deprecated inded use type exported from the component itself */
+/** @deprecated inded use type exported from the component itself */
+export declare type SelectLocale = SelectLocaleAlias;

package/esm/baseui/locale/index.js

@@ -0,0 +1,23 @@
+import { __assign } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+import * as React from 'react';
+// @ts-ignore
+import _merge from 'lodash/merge';
+import en_US from './en_US';
+export var LocaleContext = React.createContext(en_US);
+var LocaleProvider = function (props) {
+    var _a;
+    var locale = props.locale, children = props.children;
+    var parentLocale = (_a = React.useContext(LocaleContext)) !== null && _a !== void 0 ? _a : {};
+    return (
+    // this is poorly documented but specifying true enforces that the object is deeply extended
+    // https://www.npmjs.com/package/just-extend
+    _jsx(LocaleContext.Provider, __assign({ value: _merge({}, en_US, parentLocale, locale) }, { children: children }), void 0));
+};
+export default LocaleProvider;

package/esm/baseui/locale/tr_TR.d.ts

@@ -0,0 +1,3 @@
+import type { Locale } from './types';
+declare const tr_TR: Locale;
+export default tr_TR;

package/esm/baseui/locale/tr_TR.js

@@ -0,0 +1,122 @@
+var tr_TR = {
+    accordion: {
+        collapse: 'Daralt',
+        expand: 'Genişlet',
+    },
+    // breadcrumbs: {
+    //   ariaLabel: 'Navigasyon',
+    // },
+    datepicker: {
+        ariaLabel: 'Bir tarih seçin.',
+        ariaLabelRange: 'Bir tarih aralığı seçin',
+        ariaLabelCalendar: 'Takvim',
+        ariaRoleDescriptionCalendarMonth: 'Aylık Takvim',
+        previousMonth: 'Geçtiğimiz ay.',
+        nextMonth: 'Gelecek ay.',
+        pastWeek: 'Geçen Hafta',
+        pastMonth: 'Geçen Ay',
+        pastThreeMonths: 'Son 3 Ay',
+        pastSixMonths: 'Son 6 Ay',
+        pastYear: 'Geçen Yıl',
+        pastTwoYears: 'Son 2 Yıl',
+        screenReaderMessageInput: 'Takvimle etkileşim kurmak ve bir tarih seçmek için aşağı ok tuşuna basın. Takvimi kapatmak için kaçış (ESC) düğmesine basın.',
+        selectedDate: 'Seçilen tarih ${date}.',
+        selectedDateRange: 'Seçilen tarih aralığı ${startDate} ile ${endDate} arasındadır.',
+        selectSecondDatePrompt: 'İkinci tarihi seçin.',
+        quickSelectLabel: 'Bir tarih aralığı seçin',
+        quickSelectAriaLabel: 'Bir tarih aralığı seçin',
+        quickSelectPlaceholder: 'Hiçbiri',
+        timeSelectEndLabel: 'Bitiş zamanı',
+        timeSelectStartLabel: 'Başlangıç zamanı',
+        timePickerAriaLabel12Hour: 'Bir zaman seçin, 12-saat formatında.',
+        timePickerAriaLabel24Hour: 'Bir zaman seçin, 24-saat formatında.',
+        timezonePickerAriaLabel: 'Bir saat dilimi seçin.',
+        selectedStartDateLabel: 'Seçilen başlangıç tarihi.',
+        selectedEndDateLabel: 'Seçilen bitiş tarihi.',
+        dateNotAvailableLabel: 'Kullanılabilir değil.',
+        dateAvailableLabel: 'Kullanılabilir.',
+        selectedLabel: 'Seçildi.',
+        chooseLabel: 'Seç',
+    },
+    // datatable: {
+    //   emptyState:
+    //     'Tanımlanan filtre kriterleriyle eşleşen satır yok. Daha fazla veri görüntülemek için lütfen bir veya daha fazla filtreyi kaldırın.',
+    //   loadingState: 'Satır yükleniyor.',
+    //   searchAriaLabel: 'Metne göre ara',
+    //   filterAdd: 'Filtre Ekle',
+    //   filterExclude: 'Dahil etme',
+    //   filterApply: 'Uygula',
+    //   filterExcludeRange: 'Exclude range',
+    //   filterExcludeValue: 'Exclude value',
+    //   filterAppliedTo: 'uygulanan filtre',
+    //   optionsLabel: 'Filtrelenecek sütunu seçin',
+    //   optionsSearch: 'Filtrelemek için bir sütun arayın...',
+    //   optionsEmpty: 'Sütun yok.',
+    //   categoricalFilterSearchLabel: 'Arama kategorileri',
+    //   categoricalFilterSelectAll: 'Tümünü Seç',
+    //   categoricalFilterSelectClear: 'Temizle',
+    //   categoricalFilterEmpty: 'Kategori bulunamadı',
+    //   datetimeFilterRange: 'Aralık',
+    //   datetimeFilterRangeDatetime: 'Tarih, Zaman',
+    //   datetimeFilterRangeDate: 'Tarih',
+    //   datetimeFilterRangeTime: 'Zaman',
+    //   datetimeFilterCategorical: 'Kategorik',
+    //   datetimeFilterCategoricalWeekday: 'Hafta içi',
+    //   datetimeFilterCategoricalMonth: 'Ay',
+    //   datetimeFilterCategoricalQuarter: 'Çeyrek',
+    //   datetimeFilterCategoricalHalf: 'Yarım',
+    //   datetimeFilterCategoricalFirstHalf: 'H1',
+    //   datetimeFilterCategoricalSecondHalf: 'H2',
+    //   datetimeFilterCategoricalYear: 'Yıl',
+    //   numericalFilterRange: 'Aralık',
+    //   numericalFilterSingleValue: 'Single Value',
+    //   booleanFilterTrue: 'doğru',
+    //   booleanFilterFalse: 'yanlış',
+    //   booleanColumnTrueShort: 'D',
+    //   booleanColumnFalseShort: 'Y',
+    //   selectRow: 'satır seç',
+    //   selectAllRows: 'Tüm satırları seç',
+    //   sortColumn: 'Sıralama sütunu',
+    // },
+    //
+    // buttongroup: {
+    //   ariaLabel: 'buton grup',
+    // },
+    // fileuploader: {
+    //   dropFilesToUpload: 'Dosyaları yüklemek için buraya bırakın...',
+    //   or: '',
+    //   browseFiles: 'Dosyalara göz atın',
+    //   retry: 'Yüklemeyi Yeniden Dene',
+    //   cancel: 'İptal',
+    // },
+    // menu: {
+    //   noResultsMsg: 'Sonuç yok',
+    //   parentMenuItemAriaLabel:
+    //     'Şu anda iç içe bir liste kutusu açan bir öğedesiniz. Bu öğeye girmek için sağ ok ve geri dönmek için sol ok tuşuna basın.',
+    // },
+    modal: {
+        close: 'Kapat',
+    },
+    //
+    // drawer: {
+    //   close: 'Kapat',
+    // },
+    //
+    // pagination: {
+    //   prev: 'Önceki',
+    //   next: 'Sonraki',
+    //   preposition: 'nın',
+    // },
+    //
+    select: {
+        noResultsMsg: 'Sonuç bulunamadı',
+        placeholder: 'Seç...',
+        create: 'Oluştur',
+        selectAllLabel: 'Hepsini seç',
+    },
+    //
+    // toast: {
+    //   close: 'Kapat',
+    // },
+};
+export default tr_TR;