mirror of
https://github.com/Choices-js/Choices.git
synced 2024-06-16 12:45:10 +02:00
143 lines
3.3 KiB
JavaScript
143 lines
3.3 KiB
JavaScript
'use strict';
|
|
|
|
import { createStore } from 'redux';
|
|
import rootReducer from './../reducers/index.js';
|
|
|
|
|
|
export class Store {
|
|
constructor() {
|
|
this.store = createStore(
|
|
rootReducer,
|
|
window.devToolsExtension ? window.devToolsExtension() : undefined
|
|
);
|
|
}
|
|
|
|
/**
|
|
* Get store object (wrapping Redux method)
|
|
* @return {Object} State
|
|
*/
|
|
getState() {
|
|
return this.store.getState();
|
|
}
|
|
|
|
/**
|
|
* Dispatch event to store (wrapped Redux method)
|
|
* @param {Function} action Action function to trigger
|
|
* @return
|
|
*/
|
|
dispatch(action) {
|
|
this.store.dispatch(action);
|
|
}
|
|
|
|
/**
|
|
* Subscribe store to function call (wrapped Redux method)
|
|
* @param {Function} onChange Function to trigger when state changes
|
|
* @return
|
|
*/
|
|
subscribe(onChange) {
|
|
this.store.subscribe(onChange);
|
|
}
|
|
|
|
/**
|
|
* Get items from store
|
|
* @return {Array} Item objects
|
|
*/
|
|
getItems() {
|
|
const state = this.store.getState();
|
|
return state.items;
|
|
}
|
|
|
|
/**
|
|
* Get active items from store
|
|
* @return {Array} Item objects
|
|
*/
|
|
getItemsFilteredByActive() {
|
|
const items = this.getItems();
|
|
|
|
const values = items.filter((item) => {
|
|
return item.active === true;
|
|
}, []);
|
|
|
|
return values;
|
|
}
|
|
|
|
/**
|
|
* Get items from store reduced to just their values
|
|
* @return {Array} Item objects
|
|
*/
|
|
getItemsReducedToValues(items = this.getItems()) {
|
|
const values = items.reduce((prev, current) => {
|
|
prev.push(current.value);
|
|
return prev;
|
|
}, []);
|
|
|
|
return values;
|
|
}
|
|
|
|
/**
|
|
* Get choices from store
|
|
* @return {Array} Option objects
|
|
*/
|
|
getChoices() {
|
|
const state = this.store.getState();
|
|
|
|
return state.choices;
|
|
}
|
|
|
|
/**
|
|
* Get active choices from store
|
|
* @return {Array} Option objects
|
|
*/
|
|
getChoicesFilteredByActive() {
|
|
const choices = this.getChoices();
|
|
|
|
const values = choices.filter((choice) => {
|
|
return choice.active === true;
|
|
},[]);
|
|
|
|
return values;
|
|
}
|
|
|
|
/**
|
|
* Get selectable choices from store
|
|
* @return {Array} Option objects
|
|
*/
|
|
getChoicesFiltedBySelectable() {
|
|
const choices = this.getChoices();
|
|
const values = choices.filter((choice) => {
|
|
return choice.disabled !== true;
|
|
},[]);
|
|
|
|
return values;
|
|
}
|
|
|
|
/**
|
|
* Get groups from store
|
|
* @return {Array} Group objects
|
|
*/
|
|
getGroups() {
|
|
const state = this.store.getState();
|
|
return state.groups;
|
|
}
|
|
|
|
/**
|
|
* Get active groups from store
|
|
* @return {Array} Group objects
|
|
*/
|
|
getGroupsFilteredByActive() {
|
|
const groups = this.getGroups();
|
|
const choices = this.getChoices();
|
|
|
|
const values = groups.filter((group) => {
|
|
const isActive = group.active === true && group.disabled === false;
|
|
const hasActiveOptions = choices.some((choice) => {
|
|
return choice.active === true && choice.disabled === false;
|
|
});
|
|
return isActive && hasActiveOptions ? true : false;
|
|
},[]);
|
|
|
|
return values;
|
|
}
|
|
};
|
|
|
|
module.exports = Store; |