@coorpacademy/components 11.40.26 → 11.41.0

package/lib/organism/assignment-audience/index.d.ts

@@ -0,0 +1,92 @@
+/// <reference types="react" />
+import { AssignmentAudienceProps } from './types';
+declare const AssignmentAudience: {
+    ({ title, subtitle, disabledExplanation, everyone, populations, upload, individuals, total }: AssignmentAudienceProps): JSX.Element;
+    propTypes: {
+        title: import("prop-types").Validator<string>;
+        subtitle: import("prop-types").Requireable<string>;
+        disabledExplanation: import("prop-types").Requireable<string>;
+        everyone: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
+            title: import("prop-types").Requireable<string>;
+            label: import("prop-types").Validator<string>;
+            value: import("prop-types").Validator<boolean>;
+            onChange: import("prop-types").Validator<(...args: any[]) => any>;
+        }>>>;
+        populations: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
+            title: import("prop-types").Requireable<string>;
+            subtitle: import("prop-types").Requireable<string>;
+            label: import("prop-types").Requireable<string>;
+            options: import("prop-types").Validator<(import("prop-types").InferProps<{
+                name: import("prop-types").Validator<string>;
+                value: import("prop-types").Validator<string>;
+                selected: import("prop-types").Validator<boolean>;
+                count: import("prop-types").Requireable<NonNullable<string | number | null | undefined>>;
+            }> | null | undefined)[]>;
+            removeLabel: import("prop-types").Requireable<string>;
+            onChange: import("prop-types").Validator<(...args: any[]) => any>;
+        }>>>;
+        upload: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
+            title: import("prop-types").Requireable<string>;
+            subtitle: import("prop-types").Requireable<string>;
+            templateLink: import("prop-types").Requireable<import("prop-types").InferProps<{
+                label: import("prop-types").Requireable<string>;
+                href: import("prop-types").Requireable<string>;
+            }>>;
+            templatePreview: import("prop-types").Requireable<import("prop-types").InferProps<{
+                header: import("prop-types").Validator<string>;
+                rows: import("prop-types").Requireable<(string | null | undefined)[]>;
+            }>>;
+            dropzone: import("prop-types").Requireable<import("prop-types").InferProps<{
+                description: import("prop-types").Requireable<string>;
+                browse: import("prop-types").Requireable<string>;
+                dropLabel: import("prop-types").Requireable<string>;
+                loadingLabel: import("prop-types").Requireable<string>;
+            }>>;
+            status: import("prop-types").Validator<string>;
+            error: import("prop-types").Requireable<string>;
+            onUpload: import("prop-types").Validator<(...args: any[]) => any>;
+            file: import("prop-types").Requireable<import("prop-types").InferProps<{
+                name: import("prop-types").Requireable<string>;
+                detail: import("prop-types").Requireable<string>;
+            }>>;
+            summary: import("prop-types").Requireable<import("prop-types").InferProps<{
+                valid: import("prop-types").Requireable<string>;
+                unknown: import("prop-types").Requireable<string>;
+                ambiguous: import("prop-types").Requireable<string>;
+                inactive: import("prop-types").Requireable<string>;
+            }>>;
+            keptLabel: import("prop-types").Requireable<string>;
+            report: import("prop-types").Requireable<import("prop-types").InferProps<{
+                label: import("prop-types").Validator<string>;
+                onDownload: import("prop-types").Validator<(...args: any[]) => any>;
+            }>>;
+            removeLabel: import("prop-types").Requireable<string>;
+            onRemove: import("prop-types").Requireable<(...args: any[]) => any>;
+        }>>>;
+        individuals: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
+            title: import("prop-types").Requireable<string>;
+            placeholder: import("prop-types").Requireable<string>;
+            value: import("prop-types").Requireable<string>;
+            suggestions: import("prop-types").Requireable<(import("prop-types").InferProps<{
+                id: import("prop-types").Validator<string>;
+                label: import("prop-types").Validator<string>;
+                login: import("prop-types").Validator<string>;
+            }> | null | undefined)[]>;
+            selected: import("prop-types").Requireable<(import("prop-types").InferProps<{
+                id: import("prop-types").Validator<string>;
+                label: import("prop-types").Validator<string>;
+                login: import("prop-types").Validator<string>;
+            }> | null | undefined)[]>;
+            removeLabel: import("prop-types").Requireable<string>;
+            onSearch: import("prop-types").Validator<(...args: any[]) => any>;
+            onAdd: import("prop-types").Validator<(...args: any[]) => any>;
+            onRemove: import("prop-types").Validator<(...args: any[]) => any>;
+        }>>>;
+        total: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
+            label: import("prop-types").Validator<string>;
+            detail: import("prop-types").Requireable<string>;
+        }>>>;
+    };
+};
+export default AssignmentAudience;
+//# sourceMappingURL=index.d.ts.map

package/lib/organism/assignment-audience/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/assignment-audience/index.tsx"],"names":[],"mappings":";AASA,OAAoC,EAClC,uBAAuB,EAGxB,MAAM,SAAS,CAAC;AAwDjB,QAAA,MAAM,kBAAkB;kGASrB,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqMzB,CAAC;AAIF,eAAe,kBAAkB,CAAC"}

package/lib/organism/assignment-audience/index.js

@@ -0,0 +1,242 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _uniqueId = _interopRequireDefault(require("lodash/fp/uniqueId"));
+var _inputSwitch = _interopRequireDefault(require("../../atom/input-switch"));
+var _selectMultiple = _interopRequireDefault(require("../../molecule/select-multiple"));
+var _inputFileDraggable = _interopRequireDefault(require("../../atom/input-file-draggable"));
+var _autocomplete = _interopRequireDefault(require("../../atom/autocomplete"));
+var _title = _interopRequireDefault(require("../../atom/title"));
+var _chip = _interopRequireDefault(require("../../atom/chip"));
+var _uploadResult = _interopRequireDefault(require("./upload-result"));
+var _types = _interopRequireDefault(require("./types"));
+var _style = _interopRequireDefault(require("./style.css"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+// ButtonLink is full width by default: in the Title row it would squeeze the title column.
+const FIT_CONTENT = {
+  width: 'fit-content'
+};
+
+// csv, xls and xlsx, as the types FilesPropType knows
+const ACCEPTED_FILES = ['text/csv', 'application/vnd.ms-excel', 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'].join(',');
+const Block = ({
+  name,
+  title,
+  subtitle,
+  button,
+  children
+}) => /*#__PURE__*/_react.default.createElement("section", {
+  "data-name": name,
+  className: _style.default.block
+}, title ? /*#__PURE__*/_react.default.createElement("div", {
+  className: _style.default.blockHead
+}, /*#__PURE__*/_react.default.createElement(_title.default, {
+  type: "form-group",
+  titleSize: "medium",
+  title: title,
+  subtitle: subtitle,
+  button: button,
+  headingLevel: 3
+})) : null, children);
+
+// A sample of the file to upload: its one column, a header and two example logins.
+const TemplatePreview = ({
+  header,
+  rows = []
+}) => /*#__PURE__*/_react.default.createElement("div", {
+  className: _style.default.templatePreview,
+  "data-name": "upload-template-preview"
+}, /*#__PURE__*/_react.default.createElement("div", {
+  className: _style.default.templateHeader
+}, header), /*#__PURE__*/_react.default.createElement("ul", {
+  className: _style.default.templateRows
+}, rows.map(row => /*#__PURE__*/_react.default.createElement("li", {
+  key: row
+}, row))));
+
+// A removable chip says what a click does, e.g. « Remove Camille Durand »; no label, its text.
+const chipLabel = (removeLabel, name) => removeLabel ? `${removeLabel} ${name}` : undefined;
+const AssignmentAudience = ({
+  title,
+  subtitle,
+  disabledExplanation,
+  everyone,
+  populations,
+  upload,
+  individuals,
+  total
+}) => {
+  const disabled = everyone.value;
+  const loading = upload.status === 'loading';
+  const {
+    onChange: onEveryoneChange
+  } = everyone;
+  const {
+    options: populationOptions,
+    onChange: onPopulationsChange
+  } = populations;
+  const {
+    onUpload,
+    onRemove: onRemoveFile
+  } = upload;
+  const {
+    value = '',
+    suggestions = [],
+    selected = [],
+    onSearch,
+    onAdd,
+    onRemove
+  } = individuals;
+  const explanationId = (0, _react.useMemo)(() => (0, _uniqueId.default)('assignment-audience-explanation-'), []);
+  const handlePopulations = (0, _react.useCallback)(choices => onPopulationsChange(populationOptions.filter(option => choices.some(choice => choice.value === option.value)).map(option => ({
+    ...option,
+    selected: true
+  }))), [populationOptions, onPopulationsChange]);
+  const selectedPopulations = (0, _react.useMemo)(() => populationOptions.filter(option => option.selected), [populationOptions]);
+  const handleRemovePopulation = (0, _react.useCallback)(populationValue => () => onPopulationsChange(selectedPopulations.filter(option => option.value !== populationValue)), [selectedPopulations, onPopulationsChange]);
+
+  // The native input receives both a browse and a drop, and fires change for each.
+  const handleFileChange = (0, _react.useCallback)(event => {
+    const file = event.target.files && event.target.files[0];
+    if (disabled || loading || !file) return;
+    onUpload(file);
+  }, [disabled, loading, onUpload]);
+
+  // The loader's cross cancels the check: the file is dropped, as with Remove.
+  const handleCancelCheck = (0, _react.useCallback)(() => {
+    if (onRemoveFile) onRemoveFile();
+  }, [onRemoveFile]);
+  const availableSuggestions = (0, _react.useMemo)(() => suggestions.filter(suggestion => !selected.some(learner => learner.id === suggestion.id)), [suggestions, selected]);
+  const handleSearch = (0, _react.useCallback)(event => onSearch(event.target.value), [onSearch]);
+  const handleAdd = (0, _react.useCallback)(({
+    suggestion
+  }) => {
+    const learner = availableSuggestions.find(item => item.id === suggestion.value);
+    if (learner) onAdd(learner);
+  }, [availableSuggestions, onAdd]);
+  const handleRemove = (0, _react.useCallback)(id => () => onRemove(id), [onRemove]);
+  return /*#__PURE__*/_react.default.createElement("section", {
+    className: _style.default.container,
+    "data-name": "assignment-audience",
+    "aria-label": title
+  }, /*#__PURE__*/_react.default.createElement(_title.default, {
+    type: "form-group",
+    titleSize: "xl-strong",
+    title: title,
+    subtitle: subtitle,
+    headingLevel: 2
+  }), /*#__PURE__*/_react.default.createElement(Block, {
+    name: "everyone",
+    title: everyone.title
+  }, /*#__PURE__*/_react.default.createElement(_inputSwitch.default, {
+    title: everyone.label,
+    value: everyone.value,
+    onChange: onEveryoneChange,
+    theme: "coorpmanager",
+    "data-name": "assignment-everyone",
+    "aria-label": everyone.label
+  }), disabled ? /*#__PURE__*/_react.default.createElement("p", {
+    id: explanationId,
+    className: _style.default.explanation
+  }, disabledExplanation) : null), /*#__PURE__*/_react.default.createElement("fieldset", {
+    disabled: disabled,
+    "aria-describedby": disabled && disabledExplanation ? explanationId : undefined,
+    className: _style.default.sources,
+    "data-name": "audience-sources"
+  }, /*#__PURE__*/_react.default.createElement(Block, {
+    name: "populations",
+    title: populations.title,
+    subtitle: populations.subtitle
+  }, /*#__PURE__*/_react.default.createElement(_selectMultiple.default, {
+    title: populations.label,
+    options: populations.options,
+    multiple: true,
+    theme: "coorpmanager",
+    disabled: disabled,
+    onChange: handlePopulations
+  }), selectedPopulations.length > 0 ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.chips,
+    "data-name": "population-chips"
+  }, selectedPopulations.map(option => /*#__PURE__*/_react.default.createElement(_chip.default, {
+    key: option.value,
+    text: option.name,
+    subText: option.count === undefined ? undefined : `${option.count}`,
+    selected: true,
+    customIcon: disabled ? 'none' : 'times',
+    ariaLabel: disabled ? undefined : chipLabel(populations.removeLabel, option.name),
+    onClick: disabled ? undefined : handleRemovePopulation(option.value)
+  }))) : null), /*#__PURE__*/_react.default.createElement(Block, {
+    name: "upload",
+    title: upload.title,
+    subtitle: upload.subtitle,
+    button: upload.templateLink ? {
+      type: 'text',
+      label: upload.templateLink.label,
+      link: disabled ? undefined : {
+        href: upload.templateLink.href,
+        download: true
+      },
+      disabled,
+      'data-name': 'upload-template-link',
+      customStyle: FIT_CONTENT
+    } : undefined
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.upload
+  }, upload.templatePreview ? /*#__PURE__*/_react.default.createElement(TemplatePreview, upload.templatePreview) : null, /*#__PURE__*/_react.default.createElement("div", {
+    className: upload.status === 'done' ? _style.default.uploadMain : _style.default.dropzone,
+    "aria-busy": loading,
+    "aria-live": "polite",
+    "data-name": "upload-dropzone"
+  }, upload.status === 'done' ? /*#__PURE__*/_react.default.createElement(_uploadResult.default, upload) : /*#__PURE__*/_react.default.createElement(_inputFileDraggable.default, {
+    name: "assignment-audience-file",
+    filesTypes: ACCEPTED_FILES,
+    description: upload.dropzone?.description,
+    uploadLabel: upload.dropzone?.browse,
+    errorButtonLabel: upload.dropzone?.browse,
+    dragAndDropLabel: upload.dropzone?.dropLabel,
+    loadingLabel: upload.dropzone?.loadingLabel,
+    loading: loading,
+    disabled: disabled,
+    error: upload.status === 'error' ? upload.error : '',
+    onChange: handleFileChange,
+    onReset: handleCancelCheck
+  })))), /*#__PURE__*/_react.default.createElement(Block, {
+    name: "individuals",
+    title: individuals.title
+  }, /*#__PURE__*/_react.default.createElement(_autocomplete.default, {
+    title: individuals.placeholder,
+    theme: "coorpmanager",
+    value: value,
+    suggestions: availableSuggestions.map(learner => ({
+      name: `${learner.label} · ${learner.login}`,
+      value: learner.id
+    })),
+    onInput: handleSearch,
+    onSuggestionSelected: handleAdd
+  }), selected.length > 0 ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.chips
+  }, selected.map(learner => /*#__PURE__*/_react.default.createElement(_chip.default, {
+    key: learner.id,
+    text: learner.label,
+    subText: learner.login,
+    selected: true,
+    customIcon: disabled ? 'none' : 'times',
+    ariaLabel: disabled ? undefined : chipLabel(individuals.removeLabel, learner.label),
+    onClick: disabled ? undefined : handleRemove(learner.id)
+  }))) : null)), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.total,
+    "data-name": "estimated-audience",
+    "aria-live": "polite"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: _style.default.totalLabel
+  }, total.label), total.detail ? /*#__PURE__*/_react.default.createElement("span", {
+    className: _style.default.muted
+  }, total.detail) : null));
+};
+AssignmentAudience.propTypes = process.env.NODE_ENV !== "production" ? _types.default : {};
+var _default = exports.default = AssignmentAudience;
+//# sourceMappingURL=index.js.map

package/lib/organism/assignment-audience/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_uniqueId","_interopRequireDefault","_inputSwitch","_selectMultiple","_inputFileDraggable","_autocomplete","_title","_chip","_uploadResult","_types","_style","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","FIT_CONTENT","width","ACCEPTED_FILES","join","Block","name","title","subtitle","button","children","createElement","className","style","block","blockHead","type","titleSize","headingLevel","TemplatePreview","header","rows","templatePreview","templateHeader","templateRows","map","row","key","chipLabel","removeLabel","undefined","AssignmentAudience","disabledExplanation","everyone","populations","upload","individuals","total","disabled","value","loading","status","onChange","onEveryoneChange","options","populationOptions","onPopulationsChange","onUpload","onRemove","onRemoveFile","suggestions","selected","onSearch","onAdd","explanationId","useMemo","uniqueId","handlePopulations","useCallback","choices","filter","option","some","choice","selectedPopulations","handleRemovePopulation","populationValue","handleFileChange","event","file","target","files","handleCancelCheck","availableSuggestions","suggestion","learner","id","handleSearch","handleAdd","find","item","handleRemove","container","label","theme","explanation","sources","multiple","length","chips","text","subText","count","customIcon","ariaLabel","onClick","templateLink","link","href","download","customStyle","uploadMain","dropzone","filesTypes","description","uploadLabel","browse","errorButtonLabel","dragAndDropLabel","dropLabel","loadingLabel","error","onReset","placeholder","login","onInput","onSuggestionSelected","totalLabel","detail","muted","propTypes","process","env","NODE_ENV","AssignmentAudiencePropTypes","_default","exports"],"sources":["../../../src/organism/assignment-audience/index.tsx"],"sourcesContent":["import React, {useCallback, useMemo} from 'react';\nimport uniqueId from 'lodash/fp/uniqueId';\nimport InputSwitch from '../../atom/input-switch';\nimport SelectMultiple from '../../molecule/select-multiple';\nimport InputFileDraggable from '../../atom/input-file-draggable';\nimport Autocomplete from '../../atom/autocomplete';\nimport Title from '../../atom/title';\nimport Chip from '../../atom/chip';\nimport UploadResult from './upload-result';\nimport AssignmentAudiencePropTypes, {\n  AssignmentAudienceProps,\n  Learner,\n  PopulationOption\n} from './types';\nimport style from './style.css';\n\n// ButtonLink is full width by default: in the Title row it would squeeze the title column.\nconst FIT_CONTENT = {width: 'fit-content'};\n\n// csv, xls and xlsx, as the types FilesPropType knows\nconst ACCEPTED_FILES = [\n  'text/csv',\n  'application/vnd.ms-excel',\n  'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'\n].join(',');\n\ntype BlockProps = {\n  name: string;\n  title?: string;\n  subtitle?: string;\n  // The Title's right-hand ButtonLink\n  button?: Record<string, unknown>;\n  children?: React.ReactNode;\n};\n\nconst Block = ({name, title, subtitle, button, children}: BlockProps) => (\n  <section data-name={name} className={style.block}>\n    {title ? (\n      <div className={style.blockHead}>\n        <Title\n          type=\"form-group\"\n          titleSize=\"medium\"\n          title={title}\n          subtitle={subtitle}\n          button={button}\n          headingLevel={3}\n        />\n      </div>\n    ) : null}\n    {children}\n  </section>\n);\n\n// A sample of the file to upload: its one column, a header and two example logins.\nconst TemplatePreview = ({header, rows = []}: {header: string; rows?: string[]}) => (\n  <div className={style.templatePreview} data-name=\"upload-template-preview\">\n    <div className={style.templateHeader}>{header}</div>\n    <ul className={style.templateRows}>\n      {rows.map(row => (\n        <li key={row}>{row}</li>\n      ))}\n    </ul>\n  </div>\n);\n\n// A removable chip says what a click does, e.g. « Remove Camille Durand »; no label, its text.\nconst chipLabel = (removeLabel: string | undefined, name: string) =>\n  removeLabel ? `${removeLabel} ${name}` : undefined;\n\nconst AssignmentAudience = ({\n  title,\n  subtitle,\n  disabledExplanation,\n  everyone,\n  populations,\n  upload,\n  individuals,\n  total\n}: AssignmentAudienceProps) => {\n  const disabled = everyone.value;\n  const loading = upload.status === 'loading';\n  const {onChange: onEveryoneChange} = everyone;\n  const {options: populationOptions, onChange: onPopulationsChange} = populations;\n  const {onUpload, onRemove: onRemoveFile} = upload;\n  const {value = '', suggestions = [], selected = [], onSearch, onAdd, onRemove} = individuals;\n  const explanationId = useMemo(() => uniqueId('assignment-audience-explanation-'), []);\n  const handlePopulations = useCallback(\n    (choices: PopulationOption[]) =>\n      onPopulationsChange(\n        populationOptions\n          .filter(option => choices.some(choice => choice.value === option.value))\n          .map(option => ({...option, selected: true}))\n      ),\n    [populationOptions, onPopulationsChange]\n  );\n  const selectedPopulations = useMemo(\n    () => populationOptions.filter(option => option.selected),\n    [populationOptions]\n  );\n  const handleRemovePopulation = useCallback(\n    (populationValue: string) => () =>\n      onPopulationsChange(selectedPopulations.filter(option => option.value !== populationValue)),\n    [selectedPopulations, onPopulationsChange]\n  );\n\n  // The native input receives both a browse and a drop, and fires change for each.\n  const handleFileChange = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      const file = event.target.files && event.target.files[0];\n      if (disabled || loading || !file) return;\n      onUpload(file);\n    },\n    [disabled, loading, onUpload]\n  );\n\n  // The loader's cross cancels the check: the file is dropped, as with Remove.\n  const handleCancelCheck = useCallback(() => {\n    if (onRemoveFile) onRemoveFile();\n  }, [onRemoveFile]);\n\n  const availableSuggestions = useMemo(\n    () => suggestions.filter(suggestion => !selected.some(learner => learner.id === suggestion.id)),\n    [suggestions, selected]\n  );\n  const handleSearch = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => onSearch(event.target.value),\n    [onSearch]\n  );\n  const handleAdd = useCallback(\n    ({suggestion}: {suggestion: {value: string}}) => {\n      const learner = availableSuggestions.find(item => item.id === suggestion.value);\n      if (learner) onAdd(learner);\n    },\n    [availableSuggestions, onAdd]\n  );\n  const handleRemove = useCallback((id: string) => () => onRemove(id), [onRemove]);\n\n  return (\n    <section className={style.container} data-name=\"assignment-audience\" aria-label={title}>\n      <Title\n        type=\"form-group\"\n        titleSize=\"xl-strong\"\n        title={title}\n        subtitle={subtitle}\n        headingLevel={2}\n      />\n      <Block name=\"everyone\" title={everyone.title}>\n        <InputSwitch\n          title={everyone.label}\n          value={everyone.value}\n          onChange={onEveryoneChange}\n          theme=\"coorpmanager\"\n          data-name=\"assignment-everyone\"\n          aria-label={everyone.label}\n        />\n        {disabled ? (\n          <p id={explanationId} className={style.explanation}>\n            {disabledExplanation}\n          </p>\n        ) : null}\n      </Block>\n      <fieldset\n        disabled={disabled}\n        aria-describedby={disabled && disabledExplanation ? explanationId : undefined}\n        className={style.sources}\n        data-name=\"audience-sources\"\n      >\n        <Block name=\"populations\" title={populations.title} subtitle={populations.subtitle}>\n          <SelectMultiple\n            title={populations.label}\n            options={populations.options}\n            multiple\n            theme=\"coorpmanager\"\n            disabled={disabled}\n            onChange={handlePopulations}\n          />\n          {selectedPopulations.length > 0 ? (\n            <div className={style.chips} data-name=\"population-chips\">\n              {selectedPopulations.map(option => (\n                <Chip\n                  key={option.value}\n                  text={option.name}\n                  subText={option.count === undefined ? undefined : `${option.count}`}\n                  selected\n                  customIcon={disabled ? 'none' : 'times'}\n                  ariaLabel={disabled ? undefined : chipLabel(populations.removeLabel, option.name)}\n                  onClick={disabled ? undefined : handleRemovePopulation(option.value)}\n                />\n              ))}\n            </div>\n          ) : null}\n        </Block>\n        <Block\n          name=\"upload\"\n          title={upload.title}\n          subtitle={upload.subtitle}\n          button={\n            upload.templateLink\n              ? {\n                  type: 'text',\n                  label: upload.templateLink.label,\n                  link: disabled ? undefined : {href: upload.templateLink.href, download: true},\n                  disabled,\n                  'data-name': 'upload-template-link',\n                  customStyle: FIT_CONTENT\n                }\n              : undefined\n          }\n        >\n          <div className={style.upload}>\n            {upload.templatePreview ? <TemplatePreview {...upload.templatePreview} /> : null}\n            <div\n              className={upload.status === 'done' ? style.uploadMain : style.dropzone}\n              aria-busy={loading}\n              aria-live=\"polite\"\n              data-name=\"upload-dropzone\"\n            >\n              {upload.status === 'done' ? (\n                <UploadResult {...upload} />\n              ) : (\n                <InputFileDraggable\n                  name=\"assignment-audience-file\"\n                  filesTypes={ACCEPTED_FILES}\n                  description={upload.dropzone?.description}\n                  uploadLabel={upload.dropzone?.browse}\n                  errorButtonLabel={upload.dropzone?.browse}\n                  dragAndDropLabel={upload.dropzone?.dropLabel}\n                  loadingLabel={upload.dropzone?.loadingLabel}\n                  loading={loading}\n                  disabled={disabled}\n                  error={upload.status === 'error' ? upload.error : ''}\n                  onChange={handleFileChange}\n                  onReset={handleCancelCheck}\n                />\n              )}\n            </div>\n          </div>\n        </Block>\n        <Block name=\"individuals\" title={individuals.title}>\n          <Autocomplete\n            title={individuals.placeholder}\n            theme=\"coorpmanager\"\n            value={value}\n            suggestions={availableSuggestions.map(learner => ({\n              name: `${learner.label} · ${learner.login}`,\n              value: learner.id\n            }))}\n            onInput={handleSearch}\n            onSuggestionSelected={handleAdd}\n          />\n          {selected.length > 0 ? (\n            <div className={style.chips}>\n              {selected.map((learner: Learner) => (\n                <Chip\n                  key={learner.id}\n                  text={learner.label}\n                  subText={learner.login}\n                  selected\n                  customIcon={disabled ? 'none' : 'times'}\n                  ariaLabel={\n                    disabled ? undefined : chipLabel(individuals.removeLabel, learner.label)\n                  }\n                  onClick={disabled ? undefined : handleRemove(learner.id)}\n                />\n              ))}\n            </div>\n          ) : null}\n        </Block>\n      </fieldset>\n      <div className={style.total} data-name=\"estimated-audience\" aria-live=\"polite\">\n        <span className={style.totalLabel}>{total.label}</span>\n        {total.detail ? <span className={style.muted}>{total.detail}</span> : null}\n      </div>\n    </section>\n  );\n};\n\nAssignmentAudience.propTypes = AssignmentAudiencePropTypes;\n\nexport default AssignmentAudience;\n"],"mappings":"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","ignoreList":[]}

package/lib/organism/assignment-audience/style.css

@@ -0,0 +1,115 @@
+@value colors: "../../variables/colors.css";
+@value cm_grey_75, cm_grey_100, cm_grey_200, cm_grey_500, cm_grey_700 from colors;
+
+.container {
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+  min-width: 0;
+  width: 100%;
+  font-family: Gilroy;
+  color: cm_grey_700;
+}
+
+.muted {
+  margin: 4px 0 0;
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 20px;
+  color: cm_grey_500;
+}
+
+.block {
+  min-width: 0;
+}
+
+.blockHead {
+  margin-bottom: 12px;
+}
+
+.explanation {
+  margin: 12px 0 0;
+  font-size: 14px;
+  line-height: 20px;
+}
+
+.sources {
+  border: 0;
+  margin: 0;
+  padding: 0;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+}
+
+.sources:disabled {
+  opacity: 0.5;
+}
+
+/* The template preview column, then the uploader or the uploaded file */
+.upload {
+  display: flex;
+  align-items: flex-start;
+  gap: 20px;
+}
+
+.uploadMain {
+  flex: 1;
+  min-width: 0;
+}
+
+/* The Coorpmanager uploader fills its parent's height */
+.dropzone {
+  composes: uploadMain;
+  height: 220px;
+}
+
+.templatePreview {
+  flex: 0 0 150px;
+  border: 1px solid cm_grey_200;
+  border-radius: 8px;
+  overflow: hidden;
+  font-family: Menlo, Consolas, monospace;
+  font-size: 12px;
+}
+
+.templateHeader,
+.templateRows li {
+  padding: 6px 10px;
+}
+
+.templateHeader {
+  background-color: cm_grey_75;
+  font-weight: 700;
+}
+
+.templateRows {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.templateRows li {
+  border-top: 1px solid cm_grey_100;
+}
+
+.chips {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  margin-top: 12px;
+}
+
+.total {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  padding-top: 16px;
+  border-top: 1px solid cm_grey_100;
+}
+
+.totalLabel {
+  font-size: 16px;
+  font-weight: 700;
+}