@akinon/akifilter 0.5.4 → 1.0.1

package/dist/esm/components/AppliedFilters/common.js

@@ -1,29 +0,0 @@
-/* eslint-disable */
-import { TreeSelect } from '@akinon/ui-tree-select';
-import { overallDateFormat } from '../../constants';
-import { getTreeNodeByValue } from '../../utils';
-export const isFileObject = (value) => (value === null || value === void 0 ? void 0 : value.originFileObj) !== undefined;
-export const getModifiedFilterValue = ({ filterItem, filterValue }) => {
-    var _a, _b, _c;
-    switch (filterItem === null || filterItem === void 0 ? void 0 : filterItem.widget) {
-        case 'select':
-            if (((_a = filterItem === null || filterItem === void 0 ? void 0 : filterItem.widgetProps) === null || _a === void 0 ? void 0 : _a.mode) === 'multiple') {
-                return filterValue === null || filterValue === void 0 ? void 0 : filterValue.map((value) => {
-                    const optionObject = filterItem.options.find((option) => option.value === value);
-                    return (optionObject === null || optionObject === void 0 ? void 0 : optionObject.label) || value;
-                }).join(', ');
-            }
-            const optionObject = filterItem.options.find((option) => option.value === filterValue);
-            return (optionObject === null || optionObject === void 0 ? void 0 : optionObject.label) || filterValue;
-        case 'date-picker':
-            return filterValue === null || filterValue === void 0 ? void 0 : filterValue.format(overallDateFormat);
-        case 'checkbox-group':
-            return filterValue === null || filterValue === void 0 ? void 0 : filterValue.map(() => 'Yes').join(', ');
-        case TreeSelect:
-            const tree = (_b = filterItem === null || filterItem === void 0 ? void 0 : filterItem.widgetProps) === null || _b === void 0 ? void 0 : _b.treeData;
-            const label = (_c = getTreeNodeByValue({ tree, nodeValue: filterValue })) === null || _c === void 0 ? void 0 : _c.value;
-            return label || filterValue;
-        default:
-            return filterValue;
-    }
-};

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/AppliedFilters/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAMtB,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,eAAO,MAAM,cAAc,yBAyC1B,CAAC"}

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

@@ -1,22 +0,0 @@
-import './styles.css';
-import { Icon } from '@akinon/icons';
-import { Col, Row } from '@akinon/ui-layout';
-import { Space } from '@akinon/ui-space';
-import { Text } from '@akinon/ui-typography';
-import React from 'react';
-import { useFilterContext } from '../FilterContext';
-import { AppliedFilterItem } from './AppliedFilterItem';
-export const AppliedFilters = () => {
-    var _a;
-    const { state: { appliedFilters }, dispatch } = useFilterContext();
-    const handleOnResetFilters = () => {
-        dispatch({ type: 'SET_APPLIED_FILTERS', payload: { appliedFilters: {} } });
-    };
-    return (React.createElement(Row, { align: "middle", className: "applied_filters" },
-        React.createElement(Col, { className: "applied_filters__list" },
-            React.createElement(Space, null,
-                React.createElement(Text, { className: "applied_filters__label" }, "Active filters:"),
-                React.createElement(Space, { className: "applied_filters__items", "data-testid": "appliedFilters" }, (_a = Object.entries(appliedFilters)) === null || _a === void 0 ? void 0 : _a.map(([filterKey, filterValue], i) => filterValue !== undefined && (React.createElement(AppliedFilterItem, { filterKeyValue: [filterKey, filterValue], key: i })))))),
-        React.createElement(Col, { className: "applied_filters__clear-filters" },
-            React.createElement(Icon, { icon: "bin", size: 35, className: "applied_filters__reset-filters-icon", onClick: handleOnResetFilters }))));
-};

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

@@ -1,65 +0,0 @@
-.akinon-filter .applied_filters {
-  padding: 5px 6px;
-  background-color: #2b344c;
-  border-radius: 5px;
-}
-
-.applied_filters .applied_filters__list {
-  flex: 1;
-  background-color: #1e1e2d;
-  padding: 6px 16px;
-  border-radius: 3px;
-}
-
-.applied_filters .applied_filters__label.akinon-typography {
-  color: white;
-  font-size: 14px;
-  font-weight: 600;
-}
-
-.applied_filters .applied_filters__reset-filters-icon {
-  cursor: pointer;
-  color: white;
-  font-size: 20px;
-  padding: 6px;
-  margin: 6px;
-}
-
-.applied_filters .applied_filters__items {
-  flex-wrap: wrap;
-}
-
-.akinon-filter .active-filter-item {
-  font-size: 14px;
-  background-color: white;
-  padding: 1px 4px;
-  border-radius: 3px;
-  line-height: 1rem;
-}
-
-.active-filter-item .akinon-space-item {
-  display: flex;
-  justify-content: center;
-}
-
-.active-filter-item .active-filter-item__label.akinon-typography,
-.active-filter-item .active-filter-item__value.akinon-typography {
-  color: #4a4a4a;
-}
-
-.active-filter-item .active-filter-item__label.akinon-typography {
-  font-weight: 600;
-}
-
-.active-filter-item .active-filter-item__value.akinon-typography {
-  font-weight: 500;
-}
-
-.active-filter-item .active-filter-item__remove-filter-icon {
-  cursor: pointer;
-  background-color: #4482ff;
-  color: white;
-  font-size: 5px;
-  padding: 5px;
-  border-radius: 99px;
-}

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

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

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

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

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

@@ -1,28 +0,0 @@
-import { FormBuilderWatch } from '@akinon/akiform-builder';
-import { Paragraph } from '@akinon/ui-typography';
-import React from 'react';
-import { useFilterContext } from '../FilterContext';
-export const ConditionalFilters = () => {
-    const { dispatch, state, conditionalFiltersSchema } = useFilterContext();
-    const { appliedFilters } = state;
-    const [formResetCount, setFormResetCount] = React.useState(0);
-    // reset form state when conditionalFiltersSchema changes
-    React.useEffect(() => {
-        setFormResetCount(formResetCount + 1);
-    }, [conditionalFiltersSchema]);
-    // second form created just to reset antd form state when conditionalFiltersSchema changes.
-    const handleFormChange = (allValues) => {
-        dispatch({
-            type: 'SET_APPLIED_FILTERS',
-            payload: {
-                appliedFilters: Object.assign(Object.assign({}, appliedFilters), allValues)
-            }
-        });
-    };
-    if (!conditionalFiltersSchema)
-        return null;
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Paragraph, { className: "akinon-filter__header" }, "COMMON PARAMETER FILTERS"),
-        React.createElement("div", null,
-            React.createElement(FormBuilderWatch, { builderFields: conditionalFiltersSchema, handleChange: handleFormChange, key: formResetCount, isDebounced: true }))));
-};

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

@@ -1,45 +0,0 @@
-import { FormField } from '@akinon/akiform-builder';
-import React, { Dispatch } from 'react';
-import type { FilterProps } from '../..';
-export type FilterState = {
-    mainPath: string;
-    appliedFilters: {
-        [key: string]: string | number | boolean | undefined;
-    };
-    applicableFilters: FormField[];
-    shownFilters: string[];
-    recreateShownFiltersCount: number;
-};
-export type FilterAction = {
-    type: 'SET_APPLIED_FILTERS';
-    payload: {
-        appliedFilters: FilterState['appliedFilters'];
-    };
-} | {
-    type: 'SET_APPLICABLE_FILTERS';
-    payload: {
-        applicableFilters: FilterState['applicableFilters'];
-    };
-} | {
-    type: 'SET_SHOWN_FILTERS';
-    payload: {
-        shownFilters: FilterState['shownFilters'];
-    };
-};
-export type FilterContext = {
-    state: FilterState;
-    dispatch: Dispatch<FilterAction>;
-    conditionalFiltersSchema: FilterProps['conditionalFiltersSchema'];
-};
-type FilterContextProviderProps = FilterProps & {
-    children: React.ReactNode;
-};
-/**
- * FilterContextProvider manages both filter context and antd form state.
- * Reason for not separating antd form state from filter context is that antd
- * form state is tightly coupled with filter context state.
- */
-export declare const FilterContextProvider: ({ children, filterSchema, customMainPath, useAppliedFilters, conditionalFiltersSchema }: FilterContextProviderProps) => React.JSX.Element;
-export declare function useFilterContext(): FilterContext;
-export {};
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/FilterContext/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,KAAK,EAAE,EAAiB,QAAQ,EAAyB,MAAM,OAAO,CAAC;AAI9E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAGzC,MAAM,MAAM,WAAW,GAAG;IAExB,QAAQ,EAAE,MAAM,CAAC;IAEjB,cAAc,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAA;KAAE,CAAC;IAEzE,iBAAiB,EAAE,SAAS,EAAE,CAAC;IAE/B,YAAY,EAAE,MAAM,EAAE,CAAC;IAEvB,yBAAyB,EAAE,MAAM,CAAC;CACnC,CAAC;AAQF,MAAM,MAAM,YAAY,GACpB;IACE,IAAI,EAAE,qBAAqB,CAAC;IAC5B,OAAO,EAAE;QAAE,cAAc,EAAE,WAAW,CAAC,gBAAgB,CAAC,CAAA;KAAE,CAAC;CAC5D,GACD;IACE,IAAI,EAAE,wBAAwB,CAAC;IAC/B,OAAO,EAAE;QAAE,iBAAiB,EAAE,WAAW,CAAC,mBAAmB,CAAC,CAAA;KAAE,CAAC;CAClE,GACD;IACE,IAAI,EAAE,mBAAmB,CAAC;IAC1B,OAAO,EAAE;QAAE,YAAY,EAAE,WAAW,CAAC,cAAc,CAAC,CAAA;KAAE,CAAC;CACxD,CAAC;AAEN,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,WAAW,CAAC;IACnB,QAAQ,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAC;IACjC,wBAAwB,EAAE,WAAW,CAAC,0BAA0B,CAAC,CAAC;CACnE,CAAC;AAEF,KAAK,0BAA0B,GAAG,WAAW,GAAG;IAC9C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAIF;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,4FAM/B,0BAA0B,sBA2F5B,CAAC;AAEF,wBAAgB,gBAAgB,kBAM/B"}

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

@@ -1,80 +0,0 @@
-import React, { createContext, useContext, useEffect } from 'react';
-import { useLocation } from 'react-router-dom';
-import { useImmerReducer } from 'use-immer';
-import { getPathFragments } from '../../utils';
-const FilterContext = createContext(undefined);
-/**
- * FilterContextProvider manages both filter context and antd form state.
- * Reason for not separating antd form state from filter context is that antd
- * form state is tightly coupled with filter context state.
- */
-export const FilterContextProvider = ({ children, filterSchema, customMainPath, useAppliedFilters, conditionalFiltersSchema }) => {
-    const { pathname } = useLocation();
-    const mainPath = customMainPath
-        ? customMainPath
-        : getPathFragments(pathname).mainPath;
-    if (!mainPath) {
-        throw new Error('mainPath is not defined');
-    }
-    // load appliedFilters from local storage
-    const localAppliedFilters = JSON.parse(localStorage.getItem(`appliedFilters-${mainPath}`) || '{}');
-    // get applied filters from parent component
-    const parentAppliedFilters = useAppliedFilters[0];
-    // load shownFilters from local storage
-    const localShownFilters = JSON.parse(localStorage.getItem(`shownFilters-${mainPath}`) || '[]');
-    const initialState = {
-        mainPath,
-        // if parentAppliedFilters is not empty, use it. Otherwise, use localAppliedFilters. don't merge them to prevent conflicts since you want parent to have the control
-        appliedFilters: Object.keys(parentAppliedFilters).length > 0
-            ? parentAppliedFilters
-            : localAppliedFilters,
-        applicableFilters: filterSchema,
-        // if localShownFilters is not defined, only show first 8 filters
-        shownFilters: localShownFilters.length
-            ? localShownFilters
-            : filterSchema.map(filter => filter.key).slice(0, 8),
-        recreateShownFiltersCount: 0
-    };
-    const [state, dispatch] = useImmerReducer((draft, action) => {
-        switch (action.type) {
-            case 'SET_APPLIED_FILTERS':
-                // console.log('SET_APPLIED_FILTERS', action.payload.appliedFilters);
-                draft.appliedFilters = action.payload.appliedFilters;
-                return;
-            case 'SET_APPLICABLE_FILTERS':
-                // console.log('SET_APPLICABLE_FILTERS');
-                draft.applicableFilters = action.payload.applicableFilters;
-                return;
-            case 'SET_SHOWN_FILTERS':
-                // console.log('SET_SHOWN_FILTERS', action.payload.shownFilters);
-                draft.shownFilters = action.payload.shownFilters;
-                draft.recreateShownFiltersCount = draft.recreateShownFiltersCount + 1;
-                return;
-        }
-    }, initialState);
-    useEffect(() => {
-        // send applied filters to parent component
-        useAppliedFilters[1](state.appliedFilters);
-        // save current appliedFilters to local storage to persist them
-        localStorage.setItem(`appliedFilters-${mainPath}`, JSON.stringify(state.appliedFilters));
-    }, [state.appliedFilters]);
-    // save current shownFilters to local storage to persist them
-    useEffect(() => {
-        localStorage.setItem(`shownFilters-${mainPath}`, JSON.stringify(state.shownFilters));
-    }, [state.shownFilters]);
-    useEffect(() => {
-        dispatch({
-            type: 'SET_APPLICABLE_FILTERS',
-            payload: { applicableFilters: filterSchema }
-        });
-    }, [filterSchema]);
-    // console.log('form state', state);
-    return (React.createElement(FilterContext.Provider, { value: { state, dispatch, conditionalFiltersSchema } }, children));
-};
-export function useFilterContext() {
-    const context = useContext(FilterContext);
-    if (context === undefined) {
-        throw new Error('useFilterContext must be used within a FilterProvider');
-    }
-    return context;
-}

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

@@ -1,7 +0,0 @@
-import './styles.css';
-import React from 'react';
-/**
- * Via this component, user can select which filters to show in the UI from applicableFilters.
- */
-export declare const SelectShownFilters: () => React.JSX.Element;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectShownFilters/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AActB,OAAO,KAAmB,MAAM,OAAO,CAAC;AAWxC;;GAEG;AACH,eAAO,MAAM,kBAAkB,yBA+J9B,CAAC"}

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

@@ -1,107 +0,0 @@
-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

@@ -1,99 +0,0 @@
-.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

@@ -1,3 +0,0 @@
-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

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

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

@@ -1,41 +0,0 @@
-import { FormBuilderWatch } from '@akinon/akiform-builder';
-import { Paragraph } from '@akinon/ui-typography';
-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) => {
-        Object.keys(changedValues).forEach(key => {
-            const value = changedValues[key];
-            if (value &&
-                typeof value.isValid === 'function' &&
-                typeof value.format === 'function') {
-                changedValues[key] = value.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

@@ -1,6 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

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

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

@@ -1,56 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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"}