@inseefr/lunatic 0.3.0-experimental → 0.3.0-prisme

package/src/components/components.js

@@ -1,19 +1,19 @@
-export { default as Breadcrumb } from './breadcrumb';
-export { default as Button } from './button';
-export * from './checkbox';
-export { default as Datepicker } from './datepicker';
-export { default as Declarations } from './declarations';
-export { default as Dropdown } from './dropdown';
-export * from './input';
-export { default as FilterDescription } from './filter-description';
-export { default as Modal } from './modal';
-export { default as ProgressBar } from './progress-bar';
-export { default as Radio } from './radio';
-export { default as Loop } from './loop';
-export * from './loop-constructor';
-export { default as Sequence } from './sequence';
-export { default as Subsequence } from './subsequence';
-export { default as Suggester } from './suggester';
-export { default as Textarea } from './textarea';
-export { default as SuggesterLoaderWidget } from './suggester-loader-widget';
-export { TooltipResponse } from './tooltip';
+export { default as Breadcrumb } from './breadcrumb';
+export { default as Button } from './button';
+export * from './checkbox';
+export { default as Datepicker } from './datepicker';
+export { default as Declarations } from './declarations';
+export { default as Dropdown } from './dropdown';
+export * from './input';
+export { default as FilterDescription } from './filter-description';
+export { default as Modal } from './modal';
+export { default as ProgressBar } from './progress-bar';
+export { default as Radio } from './radio';
+export { default as Loop } from './loop';
+export * from './loop-constructor';
+export { default as Sequence } from './sequence';
+export { default as Subsequence } from './subsequence';
+export { default as Suggester } from './suggester';
+export { default as Textarea } from './textarea';
+export { default as SuggesterLoaderWidget } from './suggester-loader-widget';
+export { TooltipResponse } from './tooltip';

package/src/components/datepicker/component.js

@@ -1,30 +1,26 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import componentWrapper from '../component-wrapper';
-import { InputDeclarationsWrapper } from '../declarations/wrappers';
-import { areEqual } from '../../utils/lib';
-import { getTypeControls } from '../component-wrapper/controls/validators';
-import './datepicker.scss';
-
-const Datepicker = (props) => {
-	const { max } = props;
-	return (
-		<InputDeclarationsWrapper
-			type="date"
-			roleType="datepicker"
-			{...props}
-			validators={[getTypeControls]}
-			max={max || '1979-12-31'}
-		/>
-	);
-};
-
-Datepicker.defaultProps = {
-	validators: [],
-};
-
-Datepicker.propTypes = {
-	validators: PropTypes.arrayOf(PropTypes.func),
-};
-
-export default componentWrapper(React.memo(Datepicker, areEqual));
+import React from 'react';
+import PropTypes from 'prop-types';
+import componentWrapper from '../component-wrapper';
+import { InputDeclarationsWrapper } from '../declarations/wrappers';
+import { areEqual } from '../../utils/lib';
+import { getTypeControls } from '../component-wrapper/controls/validators';
+import './datepicker.scss';
+
+const Datepicker = (props) => (
+	<InputDeclarationsWrapper
+		type="date"
+		roleType="datepicker"
+		{...props}
+		validators={[getTypeControls]}
+	/>
+);
+
+Datepicker.defaultProps = {
+	validators: [],
+};
+
+Datepicker.propTypes = {
+	validators: PropTypes.arrayOf(PropTypes.func),
+};
+
+export default componentWrapper(React.memo(Datepicker, areEqual));

package/src/components/declarations/component.js

@@ -1,46 +1,46 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import * as U from '../../utils/lib';
-import { interpret } from '../../utils/to-expose';
-import './declarations.scss';
-
-const Declarations = ({
-	id,
-	type,
-	declarations,
-	features,
-	bindings,
-	logFunction,
-}) => {
-	const filtered = declarations.filter(({ position }) => position === type);
-	if (filtered.length === 0) return null;
-	return (
-		<div id={`declarations-${id}-${type}`} className="declarations-lunatic">
-			{filtered.map(({ id: idD, label, declarationType }) => (
-				<div
-					key={`${idD}`}
-					className={`declaration-lunatic declaration-${declarationType.toLowerCase()}`}
-				>
-					{interpret(features, logFunction)(bindings)(label)}
-				</div>
-			))}
-		</div>
-	);
-};
-
-Declarations.defaultProps = {
-	type: 'AFTER_QUESTION_TEXT',
-	declarations: [],
-	features: [],
-	bindings: {},
-};
-
-Declarations.propTypes = {
-	id: PropTypes.string.isRequired,
-	type: PropTypes.string,
-	declarations: U.declarationsPropTypes,
-	features: PropTypes.arrayOf(PropTypes.string),
-	bindings: PropTypes.object,
-};
-
-export default Declarations;
+import React from 'react';
+import PropTypes from 'prop-types';
+import * as U from '../../utils/lib';
+import { interpret } from '../../utils/to-expose';
+import './declarations.scss';
+
+const Declarations = ({
+	id,
+	type,
+	declarations,
+	features,
+	bindings,
+	logFunction,
+}) => {
+	const filtered = declarations.filter(({ position }) => position === type);
+	if (filtered.length === 0) return null;
+	return (
+		<div id={`declarations-${id}-${type}`} className="declarations-lunatic">
+			{filtered.map(({ id: idD, label, declarationType }) => (
+				<div
+					key={`${idD}`}
+					className={`declaration-lunatic declaration-${declarationType.toLowerCase()}`}
+				>
+					{interpret(features, logFunction)(bindings)(label)}
+				</div>
+			))}
+		</div>
+	);
+};
+
+Declarations.defaultProps = {
+	type: 'AFTER_QUESTION_TEXT',
+	declarations: [],
+	features: [],
+	bindings: {},
+};
+
+Declarations.propTypes = {
+	id: PropTypes.string.isRequired,
+	type: PropTypes.string,
+	declarations: U.declarationsPropTypes,
+	features: PropTypes.arrayOf(PropTypes.string),
+	bindings: PropTypes.object,
+};
+
+export default Declarations;

package/src/components/declarations/declarations.scss

@@ -1,40 +1,40 @@
-.lunatic-component {
-	.declarations-lunatic {
-		margin-bottom: 0.4rem;
-	}
-
-	.declaration-instruction {
-		font-style: italic;
-		font-size: 80%;
-	}
-
-	.declaration-comment {
-		font-size: 80%;
-	}
-
-	.declaration-statement {
-		font-style: italic;
-		font-size: 80%;
-		color: blue;
-	}
-
-	.declaration-help {
-		font-style: italic;
-		font-size: 80%;
-		color: green;
-	}
-
-	.declaration-warning {
-		font-style: bold;
-		font-size: 80%;
-		color: red;
-	}
-
-	.declaration-message_filter {
-		font-size: 100%;
-		color: rgb(73, 66, 66);
-		&:before {
-			content: '→ ';
-		}
-	}
-}
+.lunatic-component {
+	.declarations-lunatic {
+		margin-bottom: 0.4rem;
+	}
+
+	.declaration-instruction {
+		font-style: italic;
+		font-size: 80%;
+	}
+
+	.declaration-comment {
+		font-size: 80%;
+	}
+
+	.declaration-statement {
+		font-style: italic;
+		font-size: 80%;
+		color: blue;
+	}
+
+	.declaration-help {
+		font-style: italic;
+		font-size: 80%;
+		color: green;
+	}
+
+	.declaration-warning {
+		font-style: bold;
+		font-size: 80%;
+		color: red;
+	}
+
+	.declaration-message_filter {
+		font-size: 100%;
+		color: rgb(73, 66, 66);
+		&:before {
+			content: '→ ';
+		}
+	}
+}