@akinon/akifilter 0.3.1 → 0.4.1

package/dist/esm/components/SelectShownFilters/index.js

@@ -0,0 +1,107 @@
+import './styles.css';
+import { FormBuilderWatch } from '@akinon/akiform-builder';
+import { Icon } from '@akinon/icons';
+import { Input } from '@akinon/ui-input';
+import { Pagination } from '@akinon/ui-pagination';
+import { Divider } from '@akinon/ui-divider';
+import { Modal } from '@akinon/ui-modal';
+import { Space } from '@akinon/ui-space';
+import React, { useState } from 'react';
+import { useFilterContext } from '../FilterContext';
+// import {
+//   getModalFormInitialValues,
+//   getModalFormMeta,
+//   transformFiltersFormMetaFieldsToModalFormMetaFields
+// } from './common';
+// import useOnModalCancel from './hooks/useOnModalCancel';
+// TODO includeFileFilter
+/**
+ * Via this component, user can select which filters to show in the UI from applicableFilters.
+ */
+export const SelectShownFilters = () => {
+    const [search, setSearch] = useState('');
+    const [pagination, setPagination] = useState({
+        current: 1,
+        pageSize: 60
+    });
+    const { state, dispatch } = useFilterContext();
+    const { applicableFilters, shownFilters } = state;
+    // create checkbox form item for each filter, which will determine whether to show it or not
+    const modalFormItems = [];
+    applicableFilters.forEach((filter) => {
+        var _a;
+        if (search &&
+            !((_a = filter.placeholder) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(search.toLowerCase())) &&
+            !filter.label.toLowerCase().includes(search.toLowerCase())) {
+            return;
+        }
+        modalFormItems.push({
+            key: filter.key,
+            label: filter.placeholder || filter.label || filter.key,
+            type: 'checkbox',
+            value: shownFilters.includes(filter.key),
+            props: {
+                labelRightAligned: true
+            }
+        });
+    });
+    const modalFormItemsPaginated = modalFormItems.slice((pagination.current - 1) * pagination.pageSize, pagination.current * pagination.pageSize);
+    // export const transformFiltersFormMetaFieldsToModalFormMetaFields = (filtersFormMetaFields) =>
+    // filtersFormMetaFields.map((metaField) => ({
+    //   key: metaField.key,
+    //   widget: WidgetType.CHECKBOX,
+    //   children: metaField.placeholder,
+    // }));
+    const [isModalOpen, setIsModalOpen] = useState(false);
+    // const onModalCancel = useOnModalCancel({
+    //   setCurrentFiltersFormMeta,
+    //   modalForm,
+    //   setIsModalOpen,
+    //   staticFiltersFormMetaFields,
+    //   dynamicFiltersFormMetaFields
+    // });
+    // const modalFormInitialValues = getModalFormInitialValues(
+    //   currentFiltersFormMeta
+    // );
+    // const modalFormMetaFields =
+    //   transformFiltersFormMetaFieldsToModalFormMetaFields([
+    //     ...staticFiltersFormMetaFields,
+    //     ...dynamicFiltersFormMetaFields
+    //   ]);
+    const handleOpenModalIconClick = () => {
+        setIsModalOpen(true);
+    };
+    const onModalCancel = () => {
+        setIsModalOpen(false);
+    };
+    const handleModalFormValuesChange = (allValues) => {
+        // select true values from allValues
+        const shownFilters = Object.keys(allValues).filter(key => allValues[key] === true);
+        dispatch({
+            type: 'SET_SHOWN_FILTERS',
+            payload: { shownFilters }
+        });
+    };
+    // const addFileToFilters = selectFile => {
+    //   setFilters({
+    //     pagePath: mainPath,
+    //     filters: { ...pageFilters, filter_file: selectFile.file }
+    //   });
+    // };
+    return (React.createElement(Space, { className: "filter-options" },
+        React.createElement("div", { className: "filter-options__item", onClick: handleOpenModalIconClick },
+            React.createElement(Icon, { icon: "filter" })),
+        React.createElement(Modal, { className: "filter-options__modal", onCancel: onModalCancel, open: isModalOpen, destroyOnClose: true, footer: null, width: '80%', "data-testid": "filter-options-modal" },
+            React.createElement("div", { className: "filter-options__modal-header" },
+                React.createElement("div", { className: "filter-options__modal-header-banner" }),
+                React.createElement("h1", { className: "filter-options__modal-header-title" }, "Select Shown Filters")),
+            React.createElement(Divider, null),
+            React.createElement("div", { className: "filter-options__modal-control" },
+                React.createElement(Input, { placeholder: "Search", onChange: e => setSearch(e.target.value), className: "filter-options__modal-search" }),
+                React.createElement("div", { className: "filter-options__modal-pagination" },
+                    React.createElement(Pagination, { current: pagination.current, pageSize: pagination.pageSize, total: modalFormItems.length, onChange: (page, pageSize) => {
+                            setPagination({ current: page, pageSize });
+                        }, showSizeChanger: false, simple: true }))),
+            React.createElement("div", { className: "filter-options__modal-form" },
+                React.createElement(FormBuilderWatch, { builderFields: modalFormItemsPaginated, handleChange: handleModalFormValuesChange, isDebounced: false })))));
+};

package/dist/esm/components/SelectShownFilters/styles.css

@@ -0,0 +1,99 @@
+.filter-options .filter-options__item {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 36px;
+  width: 36px;
+  background-color: #4482ff;
+  color: var(--color-neutral-50);
+  border-radius: 5px;
+  cursor: pointer;
+}
+
+.filter-options .filter-options__filter-modal-open-icon {
+  color: white;
+  font-size: 23px;
+}
+
+.filter-options .filter-options__modal-header {
+  position: relative;
+  display: flex;
+  align-items: center;
+}
+
+.filter-options .filter-options__modal-header-banner {
+  position: absolute;
+  left: 0;
+  width: 4px;
+  height: 16px;
+  background-color: #ff5163;
+  left: -22px;
+}
+
+.filter-options .filter-options__modal-header-title {
+  font-size: 20px;
+  color: white;
+  font-weight: 500;
+  margin: 0;
+}
+
+.filter-options .filter-options__modal-divider.akinon-divider-horizontal {
+  background-color: #363d51;
+  width: calc(100% + 44px);
+  margin: 15px;
+  margin-left: -22px;
+}
+
+.filter-options .filter-options__modal-control {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 15px;
+}
+
+.filter-options .filter-options__modal-search {
+  width: 250px;
+}
+
+.filter-options .filter-options__modal-form.akinon-form {
+  margin: 32px 44px 0;
+}
+
+.filter-options .filter-options__export-item {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+
+.filter-options .filter-options__export-icon {
+  color: white;
+}
+
+.filter-options .filter-options__export-label.akinon-typography {
+  text-transform: uppercase;
+  color: white;
+  font-size: 11px;
+  font-weight: bold;
+  line-height: 14px;
+}
+
+.filter-options__modal.akinon-modal .akinon-checkbox-wrapper {
+  color: white;
+}
+
+.filter-options__modal.akinon-modal
+  .akinon-checkbox-checked
+  .akinon-checkbox-inner {
+  background-color: #6c7ebe;
+  border-color: #6c7ebe;
+
+  &:hover {
+    border-color: #6c7ebe;
+  }
+}
+
+.filter-options__modal-form .akinon-form {
+  display: grid;
+  grid-template-columns: 1fr 1fr 1fr 1fr;
+}

package/dist/esm/components/ShownFilters/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const ShownFilters: () => React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/ShownFilters/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ShownFilters/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,eAAO,MAAM,YAAY,yBAkExB,CAAC"}

package/dist/esm/components/ShownFilters/index.js

@@ -0,0 +1,42 @@
+import { FormBuilderWatch } from '@akinon/akiform-builder';
+import { Paragraph } from '@akinon/ui-typography';
+import dayjs from 'dayjs';
+import React from 'react';
+import { useFilterContext } from '../FilterContext';
+export const ShownFilters = () => {
+    const { state, dispatch } = useFilterContext();
+    const { applicableFilters, shownFilters, appliedFilters, recreateShownFiltersCount } = state;
+    // derive form items from applicableFilters and shownFilters
+    const shownApplicableFilters = applicableFilters.filter(filter => shownFilters.includes(filter.key));
+    // create form items from shownApplicableFilters and appliedFilters.
+    // the shownApplicableFilters determines the schema of the form items and
+    // appliedFilters determines the values of the form items
+    const formItems = shownApplicableFilters.map(filter => {
+        return Object.assign(Object.assign({}, filter), { value: appliedFilters[filter.key], props: Object.assign(Object.assign({}, ((filter === null || filter === void 0 ? void 0 : filter.props) || {})), { labelRightAligned: true }) });
+    });
+    // remove the label from the form items since label is not used in design
+    formItems.forEach(item => {
+        if (item.type === 'checkbox')
+            return;
+        delete item.label;
+    });
+    const handleChange = (changedValues) => {
+        // for datepicker values, convert them to string
+        Object.keys(changedValues).forEach(key => {
+            if (changedValues[key] &&
+                typeof changedValues[key].isValid === 'function' &&
+                typeof changedValues[key].format === 'function') {
+                changedValues[key] = dayjs(changedValues[key]).format('YYYY-MM-DD');
+            }
+        });
+        dispatch({
+            type: 'SET_APPLIED_FILTERS',
+            payload: {
+                appliedFilters: changedValues
+            }
+        });
+    };
+    return (React.createElement("div", { className: "shown-filters", "data-testid": "shown-filters" },
+        React.createElement(Paragraph, { className: "akinon-filter__header" }, "MAIN FILTERS"),
+        React.createElement(FormBuilderWatch, { key: recreateShownFiltersCount, builderFields: formItems, handleChange: handleChange, isDebounced: true })));
+};

package/dist/esm/components/index.d.ts

@@ -0,0 +1,6 @@
+export * from './AppliedFilters';
+export * from './ConditionalFilters';
+export * from './FilterContext';
+export * from './SelectShownFilters';
+export * from './ShownFilters';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.tsx"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC"}

package/dist/esm/components/index.js

@@ -0,0 +1,5 @@
+export * from './AppliedFilters';
+export * from './ConditionalFilters';
+export * from './FilterContext';
+export * from './SelectShownFilters';
+export * from './ShownFilters';

package/dist/esm/constants/index.d.ts

@@ -0,0 +1,56 @@
+export declare const defaultDateFormat = "DD/MM/YYYY";
+export declare const defaultDateValueFormat = "YYYY-MM-DD";
+export declare const defaultTimeFormat = "HH:mm";
+export declare const defaultTimeFormatWithSeconds = "HH:mm:ss";
+export declare const defaultTimeFormatWithTimeZone = "HH:mm:ssZZ";
+export declare const timeFormatWithTimeZone = "HH:mmZ";
+export declare const timeFormatWithDateAndTime = "LLL";
+export declare const dateWithMonthName = "DD MMMM";
+export declare const dateWithMonthNameAndYear = "DD MMMM YYYY";
+export declare const overallDateFormat = "DD-MM-YYYY HH:mm:ss";
+export declare const dateTimeLocalSecondsFormat = "YYYY-MM-DDTHH:mm:ss.SSS";
+export declare const fullDateTimeWithZoneFormat = "YYYY-MM-DDTHH:mm:ss.SSS\\Z";
+export declare const defaultDateTimeValueFormat = "YYYY-MM-DD HH:mm:ss";
+export declare const defaultDateTimeFormat = "DD/MM/YYYY HH:mm";
+export declare const defaultDateTimeFormatIntl: {
+    year: string;
+    month: string;
+    day: string;
+    hour: string;
+    minute: string;
+    hour12: boolean;
+};
+export declare const defaultDateTimeFormatWithTimeZone = "YYYY-MM-DD HH:mmZ";
+export declare const dateTimeFormat = "YYYY-MM-DD HH:mm";
+export declare const tokenHeaderKEY = "Bearer";
+export declare const tokenStorageKey = "tkn";
+export declare const googleMapApiKey = "AIzaSyB7GLs4svXGax91fiW-gH1wInjmde7cEHk";
+export declare const permissionSlugSuffix = "-v2";
+export declare const readResponseMessageKey = "readResponseMessages";
+export declare const platformLanguage = "platform_language";
+export declare const contextChannel = "contextChannel";
+export declare const allowedFileTypes = ".xls, .csv";
+export declare const allowedFileTypesAndXlsx: string;
+export declare const allowedImageTypes = ".png,.jpeg,.jpg,.bmp";
+export declare const allowedHtmlTypes = ".html";
+export declare const omsDashboardStorageKeyName = "oms_dashboardFilters";
+export declare const dateManipulationKeys: {
+    END_OF: string;
+    SUBTRACT: string;
+    ADD: string;
+};
+export declare const sampleDate = "2022-01-01";
+export declare const defaultRowKey = "id";
+export declare const Breakpoint: {
+    MOBILE: string;
+    TABLET: string;
+    DESKTOP: string;
+    LARGE_DESKTOP: string;
+};
+export declare const defaultBreakpoints: {
+    MOBILE: number;
+    TABLET: number;
+    DESKTOP: number;
+    LARGE_DESKTOP: number;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/constants/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/constants/index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB,eAAe,CAAC;AAC9C,eAAO,MAAM,sBAAsB,eAAe,CAAC;AACnD,eAAO,MAAM,iBAAiB,UAAU,CAAC;AACzC,eAAO,MAAM,4BAA4B,aAAa,CAAC;AACvD,eAAO,MAAM,6BAA6B,eAAe,CAAC;AAC1D,eAAO,MAAM,sBAAsB,WAAW,CAAC;AAC/C,eAAO,MAAM,yBAAyB,QAAQ,CAAC;AAC/C,eAAO,MAAM,iBAAiB,YAAY,CAAC;AAC3C,eAAO,MAAM,wBAAwB,iBAAiB,CAAC;AACvD,eAAO,MAAM,iBAAiB,wBAAwB,CAAC;AACvD,eAAO,MAAM,0BAA0B,4BAA4B,CAAC;AACpE,eAAO,MAAM,0BAA0B,+BAA+B,CAAC;AAEvE,eAAO,MAAM,0BAA0B,wBAA8D,CAAC;AACtG,eAAO,MAAM,qBAAqB,qBAA8C,CAAC;AACjF,eAAO,MAAM,yBAAyB;;;;;;;CAOrC,CAAC;AAEF,eAAO,MAAM,iCAAiC,sBAAwD,CAAC;AACvG,eAAO,MAAM,cAAc,qBAAmD,CAAC;AAE/E,eAAO,MAAM,cAAc,WAAW,CAAC;AACvC,eAAO,MAAM,eAAe,QAAQ,CAAC;AAErC,eAAO,MAAM,eAAe,4CAA4C,CAAC;AAEzE,eAAO,MAAM,oBAAoB,QAAQ,CAAC;AAE1C,eAAO,MAAM,sBAAsB,yBAAyB,CAAC;AAE7D,eAAO,MAAM,gBAAgB,sBAAsB,CAAC;AAEpD,eAAO,MAAM,cAAc,mBAAmB,CAAC;AAE/C,eAAO,MAAM,gBAAgB,eAAe,CAAC;AAE7C,eAAO,MAAM,uBAAuB,QAA+B,CAAC;AAEpE,eAAO,MAAM,iBAAiB,yBAAyB,CAAC;AAExD,eAAO,MAAM,gBAAgB,UAAU,CAAC;AAExC,eAAO,MAAM,0BAA0B,yBAAyB,CAAC;AAEjE,eAAO,MAAM,oBAAoB;;;;CAIhC,CAAC;AAEF,eAAO,MAAM,UAAU,eAAe,CAAC;AAEvC,eAAO,MAAM,aAAa,OAAO,CAAC;AAElC,eAAO,MAAM,UAAU;;;;;CAKtB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;CAK9B,CAAC"}

package/dist/esm/constants/index.js

@@ -0,0 +1,55 @@
+export const defaultDateFormat = 'DD/MM/YYYY';
+export const defaultDateValueFormat = 'YYYY-MM-DD';
+export const defaultTimeFormat = 'HH:mm';
+export const defaultTimeFormatWithSeconds = 'HH:mm:ss';
+export const defaultTimeFormatWithTimeZone = 'HH:mm:ssZZ';
+export const timeFormatWithTimeZone = 'HH:mmZ';
+export const timeFormatWithDateAndTime = 'LLL';
+export const dateWithMonthName = 'DD MMMM';
+export const dateWithMonthNameAndYear = 'DD MMMM YYYY';
+export const overallDateFormat = 'DD-MM-YYYY HH:mm:ss';
+export const dateTimeLocalSecondsFormat = 'YYYY-MM-DDTHH:mm:ss.SSS';
+export const fullDateTimeWithZoneFormat = 'YYYY-MM-DDTHH:mm:ss.SSS\\Z';
+export const defaultDateTimeValueFormat = `${defaultDateValueFormat} ${defaultTimeFormatWithSeconds}`;
+export const defaultDateTimeFormat = `${defaultDateFormat} ${defaultTimeFormat}`;
+export const defaultDateTimeFormatIntl = {
+    year: 'numeric',
+    month: 'numeric',
+    day: 'numeric',
+    hour: 'numeric',
+    minute: 'numeric',
+    hour12: false
+};
+export const defaultDateTimeFormatWithTimeZone = `${defaultDateValueFormat} ${timeFormatWithTimeZone}`;
+export const dateTimeFormat = `${defaultDateValueFormat} ${defaultTimeFormat}`;
+export const tokenHeaderKEY = 'Bearer';
+export const tokenStorageKey = 'tkn';
+export const googleMapApiKey = 'AIzaSyB7GLs4svXGax91fiW-gH1wInjmde7cEHk';
+export const permissionSlugSuffix = '-v2';
+export const readResponseMessageKey = 'readResponseMessages';
+export const platformLanguage = 'platform_language';
+export const contextChannel = 'contextChannel';
+export const allowedFileTypes = '.xls, .csv';
+export const allowedFileTypesAndXlsx = allowedFileTypes + ', .xlsx';
+export const allowedImageTypes = '.png,.jpeg,.jpg,.bmp';
+export const allowedHtmlTypes = '.html';
+export const omsDashboardStorageKeyName = 'oms_dashboardFilters';
+export const dateManipulationKeys = {
+    END_OF: 'endOf',
+    SUBTRACT: 'subtract',
+    ADD: 'add'
+};
+export const sampleDate = '2022-01-01';
+export const defaultRowKey = 'id';
+export const Breakpoint = {
+    MOBILE: 'MOBILE',
+    TABLET: 'TABLET',
+    DESKTOP: 'DESKTOP',
+    LARGE_DESKTOP: 'LARGE_DESKTOP'
+};
+export const defaultBreakpoints = {
+    MOBILE: 576,
+    TABLET: 768,
+    DESKTOP: 992,
+    LARGE_DESKTOP: 1200
+};

package/dist/esm/i18n/index.d.ts

@@ -0,0 +1,5 @@
+export declare const i18n: {
+    t: (key: string, options?: import("i18next").TOptions | undefined) => string;
+    lng: string;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/i18n/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/i18n/index.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI;;;CAOf,CAAC"}

package/dist/esm/i18n/index.js

@@ -0,0 +1,11 @@
+import { Akilocale } from '@akinon/akilocale';
+import en_filter from './translations/en';
+import tr_filter from './translations/tr';
+export const i18n = Akilocale.createInstance({
+    debug: true,
+    fallbackLng: 'en',
+    translations: {
+        en: en_filter,
+        tr: tr_filter
+    }
+});

package/dist/esm/i18n/translations/en.d.ts

@@ -0,0 +1,5 @@
+declare const filter: {
+    readonly title: "Filters";
+};
+export default filter;
+//# sourceMappingURL=en.d.ts.map

package/dist/esm/i18n/translations/en.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../../../src/i18n/translations/en.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,MAAM;;CAEF,CAAC;AAEX,eAAe,MAAM,CAAC"}

package/dist/esm/i18n/translations/en.js

@@ -0,0 +1,4 @@
+const filter = {
+    title: 'Filters'
+};
+export default filter;

package/dist/esm/i18n/translations/tr.d.ts

@@ -0,0 +1,5 @@
+declare const filter: {
+    readonly title: "Filtreler";
+};
+export default filter;
+//# sourceMappingURL=tr.d.ts.map

package/dist/esm/i18n/translations/tr.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tr.d.ts","sourceRoot":"","sources":["../../../../src/i18n/translations/tr.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,MAAM;;CAEF,CAAC;AAEX,eAAe,MAAM,CAAC"}

package/dist/esm/i18n/translations/tr.js

@@ -0,0 +1,4 @@
+const filter = {
+    title: 'Filtreler'
+};
+export default filter;

package/dist/esm/index.css

@@ -0,0 +1,67 @@
+.akinon-filter {
+  background-color: var(--color-ebonyClay-400);
+  padding: 1.25rem 1.5rem 1.5rem;
+  border-radius: 10px;
+}
+
+.akinon-filter .akinon-filter__title {
+  margin: 0;
+  font-weight: 500 !important;
+}
+
+.akinon-filter .akinon-filter__top {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 1rem;
+}
+
+.akinon-filter .akinon-filter__header {
+  color: var(--color-gray-500);
+  margin: 1.25rem 0 0.5rem !important;
+}
+
+/* Overriding this here is questionable? */
+.akinon-filter .akinon-form {
+  display: grid;
+  grid-template-columns: 1fr 1fr 1fr 1fr;
+  gap: 0.5rem 0.75rem;
+}
+
+.akinon-filter .akinon-checkbox-wrapper {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 3px 10px;
+  font-size: 14px;
+  list-style: none;
+  position: relative;
+  width: 100%;
+  min-width: 0;
+  background-color: #2b344c;
+  background-image: none;
+  border-width: 2px;
+  border-style: solid;
+  border-color: #262e47;
+  border-radius: 6px;
+  span {
+    color: var(--color-gray-500) !important;
+  }
+}
+
+.akinon-filter .akinon-picker {
+  background-color: var(--color-ebonyClay-475);
+}
+
+.akinon-filter .akinon-picker,
+.akinon-filter .akinon-input-number,
+[class^='antd-item'] {
+  width: 100%;
+}
+
+.akinon-filter .akinon-form-item-control-input-content > * {
+  align-items: center;
+}
+
+.akinon-filter .shown-filters * {
+  font-weight: 700 !important;
+}

package/dist/esm/index.d.ts

@@ -0,0 +1,15 @@
+import './index.css';
+import type { FormField } from '@akinon/akiform-builder';
+import React from 'react';
+import type { FilterState } from './components/FilterContext';
+export type FilterProps = {
+    filterSchema: FormField[];
+    useAppliedFilters: [
+        FilterState['appliedFilters'],
+        React.Dispatch<React.SetStateAction<FilterState['appliedFilters']>>
+    ];
+    conditionalFiltersSchema?: FormField[];
+    customMainPath?: string;
+};
+export declare const Akifilter: ({ filterSchema, useAppliedFilters, customMainPath, conditionalFiltersSchema }: FilterProps) => React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAWzD,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAY9D,MAAM,MAAM,WAAW,GAAG;IAExB,YAAY,EAAE,SAAS,EAAE,CAAC;IAG1B,iBAAiB,EAAE;QACjB,WAAW,CAAC,gBAAgB,CAAC;QAC7B,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,CAAC;KACpE,CAAC;IAEF,wBAAwB,CAAC,EAAE,SAAS,EAAE,CAAC;IAEvC,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,SAAS,kFAKnB,WAAW,sBAqBb,CAAC"}

package/dist/esm/index.js

@@ -0,0 +1,30 @@
+import './index.css';
+import { Title } from '@akinon/ui-typography';
+import dayjs from 'dayjs';
+import advancedFormat from 'dayjs/plugin/advancedFormat';
+import customParseFormat from 'dayjs/plugin/customParseFormat';
+import localeData from 'dayjs/plugin/localeData';
+import weekday from 'dayjs/plugin/weekday';
+import weekOfYear from 'dayjs/plugin/weekOfYear';
+import weekYear from 'dayjs/plugin/weekYear';
+import React from 'react';
+import { AppliedFilters, ConditionalFilters, FilterContextProvider, SelectShownFilters, ShownFilters } from './components';
+import { i18n } from './i18n';
+// TODO: Whats this dayjs block doing here?
+// extend dayjs with plugins so datepicker value can be set outside
+dayjs.extend(customParseFormat);
+dayjs.extend(advancedFormat);
+dayjs.extend(weekday);
+dayjs.extend(localeData);
+dayjs.extend(weekOfYear);
+dayjs.extend(weekYear);
+export const Akifilter = ({ filterSchema, useAppliedFilters, customMainPath, conditionalFiltersSchema }) => {
+    return (React.createElement("div", { className: "akinon-filter" },
+        React.createElement(FilterContextProvider, { filterSchema: filterSchema, customMainPath: customMainPath, useAppliedFilters: useAppliedFilters, conditionalFiltersSchema: conditionalFiltersSchema },
+            React.createElement("div", { className: "akinon-filter__top" },
+                React.createElement(Title, { className: "akinon-filter__title", level: 4 }, i18n.t('title')),
+                React.createElement(SelectShownFilters, null)),
+            React.createElement(AppliedFilters, null),
+            React.createElement(ShownFilters, null),
+            React.createElement(ConditionalFilters, null))));
+};

package/dist/esm/utils/index.d.ts

@@ -0,0 +1,25 @@
+interface TreeNode {
+    value: any;
+    children?: TreeNode[];
+}
+interface Params {
+    tree: TreeNode[];
+    nodeValue: any;
+}
+export declare function getTreeNodeByValue({ tree, nodeValue }: Params): TreeNode | null;
+/**
+ * To understand this fragmentation, you need to know that the path is built as follows:
+ *
+ * `appPath = /{appLanguage}/{apiLanguage}/{rootPath}/{subPath}`
+ *
+ * `mainPath = rootPath + subPath`
+ */
+export declare const getPathFragments: (path: any) => {
+    appLanguage: any;
+    apiLanguage: any;
+    rootPath: string;
+    subPath: string;
+    mainPath: string;
+};
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/index.tsx"],"names":[],"mappings":"AAEA,UAAU,QAAQ;IAChB,KAAK,EAAE,GAAG,CAAC;IACX,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;CACvB;AAED,UAAU,MAAM;IACd,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,SAAS,EAAE,GAAG,CAAC;CAChB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,SAAS,EACV,EAAE,MAAM,GAAG,QAAQ,GAAG,IAAI,CAiB1B;AAED;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,SAAU,GAAG;;;;;;CAUzC,CAAC"}

package/dist/esm/utils/index.js

@@ -0,0 +1,35 @@
+import { isEmpty } from 'lodash';
+export function getTreeNodeByValue({ tree, nodeValue }) {
+    if (isEmpty(tree) || isEmpty(nodeValue)) {
+        return null;
+    }
+    for (const node of tree) {
+        if (node.value === nodeValue) {
+            return node;
+        }
+        if (node.children) {
+            const childNode = getTreeNodeByValue({ tree: node.children, nodeValue });
+            if (childNode) {
+                return childNode;
+            }
+        }
+    }
+    return null;
+}
+/**
+ * To understand this fragmentation, you need to know that the path is built as follows:
+ *
+ * `appPath = /{appLanguage}/{apiLanguage}/{rootPath}/{subPath}`
+ *
+ * `mainPath = rootPath + subPath`
+ */
+export const getPathFragments = (path) => {
+    const pathSlices = path.split('/');
+    return {
+        appLanguage: pathSlices[1],
+        apiLanguage: pathSlices[2],
+        rootPath: `/${pathSlices[3]}`,
+        subPath: `/${pathSlices.slice(4).join('/')}`,
+        mainPath: `/${pathSlices.slice(3).join('/')}`
+    };
+};