@inseefr/lunatic 0.2.3-experimental → 0.2.3-prisme

package/src/components/declarations/wrappers/simple-declarations-wrapper.js

@@ -1,54 +1,54 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import Declarations from '../';
-import * as U from '../../../utils/lib';
-import * as C from '../../../constants';
-
-const SimpleDeclarationsWrapper = ({
-	id,
-	declarations,
-	features,
-	bindings,
-	children,
-}) => (
-	<>
-		<Declarations
-			id={id}
-			type={C.BEFORE_QUESTION_TEXT}
-			declarations={declarations}
-			features={features}
-			bindings={bindings}
-		/>
-		{children}
-		<Declarations
-			id={id}
-			type={C.AFTER_QUESTION_TEXT}
-			declarations={declarations}
-			features={features}
-			bindings={bindings}
-		/>
-		<Declarations
-			id={id}
-			type={C.DETACHABLE}
-			declarations={declarations}
-			features={features}
-			bindings={bindings}
-		/>
-	</>
-);
-
-SimpleDeclarationsWrapper.defaultProps = {
-	declarations: [],
-	features: [],
-	bindings: {},
-};
-
-SimpleDeclarationsWrapper.propTypes = {
-	id: PropTypes.string.isRequired,
-	declarations: U.declarationsPropTypes,
-	features: PropTypes.arrayOf(PropTypes.string),
-	bindings: PropTypes.object,
-	children: PropTypes.element.isRequired,
-};
-
-export default SimpleDeclarationsWrapper;
+import React from 'react';
+import PropTypes from 'prop-types';
+import Declarations from '../';
+import * as U from '../../../utils/lib';
+import * as C from '../../../constants';
+
+const SimpleDeclarationsWrapper = ({
+	id,
+	declarations,
+	features,
+	bindings,
+	children,
+}) => (
+	<>
+		<Declarations
+			id={id}
+			type={C.BEFORE_QUESTION_TEXT}
+			declarations={declarations}
+			features={features}
+			bindings={bindings}
+		/>
+		{children}
+		<Declarations
+			id={id}
+			type={C.AFTER_QUESTION_TEXT}
+			declarations={declarations}
+			features={features}
+			bindings={bindings}
+		/>
+		<Declarations
+			id={id}
+			type={C.DETACHABLE}
+			declarations={declarations}
+			features={features}
+			bindings={bindings}
+		/>
+	</>
+);
+
+SimpleDeclarationsWrapper.defaultProps = {
+	declarations: [],
+	features: [],
+	bindings: {},
+};
+
+SimpleDeclarationsWrapper.propTypes = {
+	id: PropTypes.string.isRequired,
+	declarations: U.declarationsPropTypes,
+	features: PropTypes.arrayOf(PropTypes.string),
+	bindings: PropTypes.object,
+	children: PropTypes.element.isRequired,
+};
+
+export default SimpleDeclarationsWrapper;

package/src/components/dropdown/commons/actions.js

@@ -1,56 +1,65 @@
-export const SHOW_PANEL = "dropdown/show-panel";
-export const showPanel = () => ({ type: SHOW_PANEL });
-
-export const HIDE_PANEL = "dropdown/hide-panel";
-export const hidePanel = () => ({ type: HIDE_PANEL });
-
-export const SET_ACTIVE_OPTION = "dropdown/set-active-option";
-export const setActiveOption = index => ({
-  type: SET_ACTIVE_OPTION,
-  payload: { index }
-});
-
-export const SET_OPTIONS = "dropdown/set-options";
-export const setOptions = options => ({
-  type: SET_OPTIONS,
-  payload: { options }
-});
-
-export const SET_VALUE = "dropdown/set-value";
-export const setValue = value => ({ type: SET_VALUE, payload: { value } });
-
-export const SET_FOCUSED = "dropdown/set-focused";
-export const setFocused = focused => ({
-  type: SET_FOCUSED,
-  payload: { focused }
-});
-
-export const SET_SELECTED_OPTION = "dropdown/set-selectted-option";
-export const setSelectedOption = option => ({
-  type: SET_SELECTED_OPTION,
-  payload: { option }
-});
-
-export const RESET_SELECTION = "dropdown/reset-selection";
-export const resetSelection = option => ({
-  type: RESET_SELECTION
-});
-
-/* */
-export const ARROW_UP_PRESSED = "dropdown/arrow-up-ressed";
-export const arrowUpPressed = () => ({ type: ARROW_UP_PRESSED });
-
-/* */
-export const ARROW_DOWN_PRESSED = "dropdown/arrow-down-pressed";
-export const arrowDownPressed = () => ({ type: ARROW_DOWN_PRESSED });
-
-/* */
-export const ENTER_PRESSED = "dropdown/enter-pressed";
-export const enterPressed = callback => ({
-  type: ENTER_PRESSED,
-  payload: { callback }
-});
-
-/*  */
-export const SET_PREFIX = "dropdown/set-prefix";
-export const setPrefix = prefix => ({ type: SET_PREFIX, payload: { prefix } });
+export const SHOW_PANEL = 'dropdown/show-panel';
+export const showPanel = () => ({ type: SHOW_PANEL });
+
+export const HIDE_PANEL = 'dropdown/hide-panel';
+export const hidePanel = () => ({ type: HIDE_PANEL });
+
+export const SET_ACTIVE_OPTION = 'dropdown/set-active-option';
+export const setActiveOption = (index) => ({
+	type: SET_ACTIVE_OPTION,
+	payload: { index },
+});
+
+export const SET_OPTIONS = 'dropdown/set-options';
+export const setOptions = (options) => ({
+	type: SET_OPTIONS,
+	payload: { options },
+});
+
+export const SET_VALUE = 'dropdown/set-value';
+export const setValue = (value) => ({ type: SET_VALUE, payload: { value } });
+
+export const SET_FOCUSED = 'dropdown/set-focused';
+export const setFocused = (focused) => ({
+	type: SET_FOCUSED,
+	payload: { focused },
+});
+
+export const SET_SELECTED_OPTION = 'dropdown/set-selectted-option';
+export const setSelectedOption = (option) => ({
+	type: SET_SELECTED_OPTION,
+	payload: { option },
+});
+
+export const RESET_SELECTION = 'dropdown/reset-selection';
+export const resetSelection = (option) => ({
+	type: RESET_SELECTION,
+});
+
+/* */
+export const ARROW_UP_PRESSED = 'dropdown/arrow-up-ressed';
+export const arrowUpPressed = () => ({ type: ARROW_UP_PRESSED });
+
+/* */
+export const ARROW_DOWN_PRESSED = 'dropdown/arrow-down-pressed';
+export const arrowDownPressed = () => ({ type: ARROW_DOWN_PRESSED });
+
+/* */
+export const ENTER_PRESSED = 'dropdown/enter-pressed';
+export const enterPressed = (callback) => ({
+	type: ENTER_PRESSED,
+	payload: { callback },
+});
+
+/* */
+export const INIT_ACTIVE_INDEX = 'dropdown/init-active-index';
+export const initActiveIndex = () => ({
+	type: INIT_ACTIVE_INDEX,
+});
+
+/*  */
+export const SET_PREFIX = 'dropdown/set-prefix';
+export const setPrefix = (prefix) => ({
+	type: SET_PREFIX,
+	payload: { prefix },
+});

package/src/components/dropdown/commons/children-to-option.js

@@ -1,9 +1,9 @@
-export default (children = []) =>
-  (Array.isArray(children) ? children : [children]).map(child => {
-    const { value } = child.props;
-    const label = child.props.children;
-    if (label === undefined || value === undefined) {
-      throw new Error("Ooops");
-    }
-    return { label, value };
-  });
+export default (children = []) =>
+  (Array.isArray(children) ? children : [children]).map(child => {
+    const { value } = child.props;
+    const label = child.props.children;
+    if (label === undefined || value === undefined) {
+      throw new Error("Ooops");
+    }
+    return { label, value };
+  });

package/src/components/dropdown/commons/cleaner-callbacks.js

@@ -1,58 +1,58 @@
-let CLEANER_CALLBACKS = {};
-
-/**
- *
- * @param {string} id identifiant de dropdown
- * @param {function} hook fonction de rappelle à invoquer
- */
-export const setCallback = (id, hook) => {
-  CLEANER_CALLBACKS[id] = hook;
-};
-
-/**
- *
- * @param  {...any} execpt identifiants de dropdownn a ne pas appliquer
- */
-export const applyAll = (...execpt) => {
-  Object.entries(CLEANER_CALLBACKS).forEach(([k, todo]) => {
-    if (execpt.indexOf(k) === -1) {
-      apply(k);
-    }
-  });
-};
-
-/**
- * Applique une fonction pour l'identifiant transmis
- * @param {string} id
- */
-export const apply = id => {
-  if (id in CLEANER_CALLBACKS && typeof CLEANER_CALLBACKS[id] === "function") {
-    CLEANER_CALLBACKS[id]();
-  }
-};
-
-/**
- *
- * @param {string} id
- * @param {function} callback
- */
-export const add = (id, callback) => {
-  if (typeof callback === "function") {
-    CLEANER_CALLBACKS[id] = callback;
-  }
-};
-
-/**
- *
- */
-export const clearAll = () => {
-  CLEANER_CALLBACKS = [];
-};
-
-/**
- *
- * @param {string} id
- */
-export const clear = id => {
-  delete CLEANER_CALLBACKS[id];
-};
+let CLEANER_CALLBACKS = {};
+
+/**
+ *
+ * @param {string} id identifiant de dropdown
+ * @param {function} hook fonction de rappelle à invoquer
+ */
+export const setCallback = (id, hook) => {
+  CLEANER_CALLBACKS[id] = hook;
+};
+
+/**
+ *
+ * @param  {...any} execpt identifiants de dropdownn a ne pas appliquer
+ */
+export const applyAll = (...execpt) => {
+  Object.entries(CLEANER_CALLBACKS).forEach(([k, todo]) => {
+    if (execpt.indexOf(k) === -1) {
+      apply(k);
+    }
+  });
+};
+
+/**
+ * Applique une fonction pour l'identifiant transmis
+ * @param {string} id
+ */
+export const apply = id => {
+  if (id in CLEANER_CALLBACKS && typeof CLEANER_CALLBACKS[id] === "function") {
+    CLEANER_CALLBACKS[id]();
+  }
+};
+
+/**
+ *
+ * @param {string} id
+ * @param {function} callback
+ */
+export const add = (id, callback) => {
+  if (typeof callback === "function") {
+    CLEANER_CALLBACKS[id] = callback;
+  }
+};
+
+/**
+ *
+ */
+export const clearAll = () => {
+  CLEANER_CALLBACKS = [];
+};
+
+/**
+ *
+ * @param {string} id
+ */
+export const clear = id => {
+  delete CLEANER_CALLBACKS[id];
+};

package/src/components/dropdown/commons/components/dropdown-container.js

@@ -1,29 +1,29 @@
-import React from 'react';
-
-const DropdownContainer = React.forwardRef(function (props, ref) {
-	const {
-		children,
-		className,
-		id,
-		onMouseDown,
-		onKeyDown,
-		onFocus,
-		onBlur,
-	} = props;
-	return (
-		<div
-			className={className}
-			tabIndex="-1"
-			id={id}
-			onMouseDown={onMouseDown}
-			onKeyDown={onKeyDown}
-			onFocus={onFocus}
-			onBlur={onBlur}
-			ref={ref}
-		>
-			{children}
-		</div>
-	);
-});
-
-export default DropdownContainer;
+import React from 'react';
+
+const DropdownContainer = React.forwardRef(function (props, ref) {
+	const {
+		children,
+		className,
+		id,
+		onMouseDown,
+		onKeyDown,
+		onFocus,
+		onBlur,
+	} = props;
+	return (
+		<div
+			className={className}
+			tabIndex="-1"
+			id={id}
+			onMouseDown={onMouseDown}
+			onKeyDown={onKeyDown}
+			onFocus={onFocus}
+			onBlur={onBlur}
+			ref={ref}
+		>
+			{children}
+		</div>
+	);
+});
+
+export default DropdownContainer;