@ndla/ui 33.4.2 → 33.4.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/es/MyNdla/Resource/FolderInput.js +5 -5
- package/es/SnackBar/DefaultSnackbar.js +7 -10
- package/es/all.css +1 -1
- package/es/index.js +0 -2
- package/es/locale/messages-se.js +1 -1
- package/es/locale/messages-sma.js +1 -1
- package/lib/MyNdla/Resource/FolderInput.js +4 -4
- package/lib/SnackBar/DefaultSnackbar.js +6 -9
- package/lib/all.css +1 -1
- package/lib/index.d.ts +0 -2
- package/lib/index.js +0 -202
- package/lib/locale/messages-se.d.ts +1 -1
- package/lib/locale/messages-se.js +1 -1
- package/lib/locale/messages-sma.d.ts +1 -1
- package/lib/locale/messages-sma.js +1 -1
- package/package.json +6 -6
- package/src/Filter/component.filter.scss +4 -4
- package/src/MyNdla/Resource/FolderInput.tsx +3 -3
- package/src/SnackBar/DefaultSnackbar.tsx +8 -16
- package/src/index.ts +0 -3
- package/src/locale/messages-se.ts +1 -1
- package/src/locale/messages-sma.ts +1 -1
- package/src/main.scss +0 -1
- package/es/TopicMenu/SubtopicLinkList.js +0 -255
- package/es/TopicMenu/TopicMenu.js +0 -364
- package/es/TopicMenu/TopicMenuButton.js +0 -37
- package/es/TopicMenu/index.js +0 -11
- package/es/index-javascript.js +0 -9
- package/lib/TopicMenu/SubtopicLinkList.js +0 -255
- package/lib/TopicMenu/TopicMenu.js +0 -365
- package/lib/TopicMenu/TopicMenuButton.js +0 -36
- package/lib/TopicMenu/index.js +0 -24
- package/lib/index-javascript.js +0 -21
- package/src/TopicMenu/SubtopicLinkList.jsx +0 -247
- package/src/TopicMenu/TopicMenu.jsx +0 -370
- package/src/TopicMenu/TopicMenuButton.jsx +0 -51
- package/src/TopicMenu/component.topic-menu.scss +0 -960
- package/src/TopicMenu/index.js +0 -12
- package/src/index-javascript.js +0 -9
package/README.md
CHANGED
|
@@ -28,7 +28,7 @@ react-router
|
|
|
28
28
|
|
|
29
29
|
See: [package.json](package.json) for version requirements.
|
|
30
30
|
|
|
31
|
-
**N.B!**
|
|
31
|
+
**N.B!** Optional dependencies are required if you use `import {...} from '@ndla/ui'`
|
|
32
32
|
|
|
33
33
|
## Usage
|
|
34
34
|
|
|
@@ -13,7 +13,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
13
13
|
*
|
|
14
14
|
*/
|
|
15
15
|
|
|
16
|
-
import {
|
|
16
|
+
import { IconButtonV2 } from '@ndla/button';
|
|
17
17
|
import { Cross } from '@ndla/icons/action';
|
|
18
18
|
import React, { forwardRef, useEffect } from 'react';
|
|
19
19
|
import { isMobile } from 'react-device-detect';
|
|
@@ -36,11 +36,11 @@ var StyledInput = /*#__PURE__*/_styled(InputV2, {
|
|
|
36
36
|
})("background-color:white;background-image:", function (_ref) {
|
|
37
37
|
var error = _ref.error;
|
|
38
38
|
return borderStyle(!!error);
|
|
39
|
-
}, ";border:none;border-radius:0;flex-wrap:nowrap;input{line-height:1.75em;color:", colors.brand.primary, ";caret-color:", colors.brand.tertiary, ";::selection{background:", colors.brand.lighter, ";}::placeholder{color:", colors.brand.tertiary, ";}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
39
|
+
}, ";border:none;border-radius:0;flex-wrap:nowrap;input{line-height:1.75em;color:", colors.brand.primary, ";caret-color:", colors.brand.tertiary, ";::selection{background:", colors.brand.lighter, ";}::placeholder{color:", colors.brand.tertiary, ";}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvbGRlcklucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQ3FEIiwiZmlsZSI6IkZvbGRlcklucHV0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgSWNvbkJ1dHRvblYyIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IENyb3NzIH0gZnJvbSAnQG5kbGEvaWNvbnMvYWN0aW9uJztcbmltcG9ydCBSZWFjdCwgeyBDb21wb25lbnRQcm9wcywgZm9yd2FyZFJlZiwgdXNlRWZmZWN0IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgaXNNb2JpbGUgfSBmcm9tICdyZWFjdC1kZXZpY2UtZGV0ZWN0JztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgeyBjb2xvcnMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IElucHV0VjIgfSBmcm9tICdAbmRsYS9mb3Jtcyc7XG5pbXBvcnQgeyBEb25lIH0gZnJvbSAnQG5kbGEvaWNvbnMvZWRpdG9yJztcbmltcG9ydCB7IFNwaW5uZXIgfSBmcm9tICdAbmRsYS9pY29ucyc7XG5pbXBvcnQgeyB1c2VGb3J3YXJkZWRSZWYgfSBmcm9tICdAbmRsYS91dGlsJztcblxuaW50ZXJmYWNlIFByb3BzIGV4dGVuZHMgQ29tcG9uZW50UHJvcHM8dHlwZW9mIElucHV0VjI+IHtcbiAgbG9hZGluZz86IGJvb2xlYW47XG4gIG9uQ2xvc2U/OiAoKSA9PiB2b2lkO1xuICBvblNhdmU6ICgpID0+IHZvaWQ7XG59XG5cbi8vIFNvdXJjZTogaHR0cHM6Ly9rb3ZhcnQuZ2l0aHViLmlvL2Rhc2hlZC1ib3JkZXItZ2VuZXJhdG9yL1xuY29uc3QgYm9yZGVyU3R5bGUgPSAoZXJyb3I/OiBib29sZWFuKSA9PlxuICBgdXJsKFwiZGF0YTppbWFnZS9zdmcreG1sLCUzY3N2ZyB3aWR0aD0nMTAwJTI1JyBoZWlnaHQ9JzEwMCUyNScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyUzZSUzY3JlY3Qgd2lkdGg9JzEwMCUyNScgaGVpZ2h0PScxMDAlMjUnIGZpbGw9J25vbmUnIHN0cm9rZT0nJHtlbmNvZGVVUklDb21wb25lbnQoXG4gICAgZXJyb3IgPyBjb2xvcnMuc3VwcG9ydC5yZWQgOiBjb2xvcnMuYnJhbmQudGVydGlhcnksXG4gICl9JyBzdHJva2Utd2lkdGg9JzInIHN0cm9rZS1kYXNoYXJyYXk9JzglMmM4JyBzdHJva2UtZGFzaG9mZnNldD0nNCcgc3Ryb2tlLWxpbmVjYXA9J3NxdWFyZScvJTNlJTNjL3N2ZyUzZVwiKWA7XG5cbmludGVyZmFjZSBTdHlsZWRJbnB1dFByb3BzIHtcbiAgZXJyb3I/OiBzdHJpbmc7XG59XG5cbmNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkKElucHV0VjIpPFN0eWxlZElucHV0UHJvcHM+YFxuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgYmFja2dyb3VuZC1pbWFnZTogJHsoeyBlcnJvciB9KSA9PiBib3JkZXJTdHlsZSghIWVycm9yKX07XG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogMDtcbiAgZmxleC13cmFwOiBub3dyYXA7XG4gIGlucHV0IHtcbiAgICBsaW5lLWhlaWdodDogMS43NWVtO1xuICAgIGNvbG9yOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgICBjYXJldC1jb2xvcjogJHtjb2xvcnMuYnJhbmQudGVydGlhcnl9O1xuICAgIDo6c2VsZWN0aW9uIHtcbiAgICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXJ9O1xuICAgIH1cbiAgICA6OnBsYWNlaG9sZGVyIHtcbiAgICAgIGNvbG9yOiAke2NvbG9ycy5icmFuZC50ZXJ0aWFyeX07XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBSb3cgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy54eHNtYWxsfTtcbiAgcGFkZGluZy1yaWdodDogJHtzcGFjaW5nLnhzbWFsbH07XG5gO1xuXG5jb25zdCBGb2xkZXJJbnB1dCA9IGZvcndhcmRSZWY8SFRNTElucHV0RWxlbWVudCwgUHJvcHM+KCh7IGxvYWRpbmcsIGVycm9yLCBvbkNsb3NlLCBvblNhdmUsIC4uLnJlc3QgfSwgcmVmKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgaW5wdXRSZWYgPSB1c2VGb3J3YXJkZWRSZWYocmVmKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChpc01vYmlsZSkge1xuICAgICAgaW5wdXRSZWYuY3VycmVudD8uc2Nyb2xsSW50b1ZpZXcoeyBiZWhhdmlvcjogJ3Ntb290aCcgfSk7XG4gICAgfVxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC1ob29rcy9leGhhdXN0aXZlLWRlcHNcbiAgfSwgW10pO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZElucHV0XG4gICAgICBhdXRvQ29tcGxldGU9XCJvZmZcIlxuICAgICAgd2hpdGVcbiAgICAgIGVycm9yPXtlcnJvcn1cbiAgICAgIGFyaWEtZGlzYWJsZWQ9e2xvYWRpbmcgPyB0cnVlIDogdW5kZWZpbmVkfVxuICAgICAgYXJpYS1kZXNjcmliZWRieT17J2ZvbGRlci1pbnB1dC1zcGlubmVyJ31cbiAgICAgIHJlZj17cmVmfVxuICAgICAgYWZ0ZXI9e1xuICAgICAgICA8Um93PlxuICAgICAgICAgIHshbG9hZGluZyAmJiAoXG4gICAgICAgICAgICA8PlxuICAgICAgICAgICAgICB7IWVycm9yICYmIChcbiAgICAgICAgICAgICAgICA8SWNvbkJ1dHRvblYyXG4gICAgICAgICAgICAgICAgICB2YXJpYW50PXsnZ2hvc3QnfVxuICAgICAgICAgICAgICAgICAgY29sb3JUaGVtZT1cImxpZ2h0XCJcbiAgICAgICAgICAgICAgICAgIHRhYkluZGV4PXswfVxuICAgICAgICAgICAgICAgICAgYXJpYS1sYWJlbD17dCgnc2F2ZScpfVxuICAgICAgICAgICAgICAgICAgdGl0bGU9e3QoJ3NhdmUnKX1cbiAgICAgICAgICAgICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgICAgICAgICAgICBvbkNsaWNrPXtvblNhdmV9PlxuICAgICAgICAgICAgICAgICAgPERvbmUgLz5cbiAgICAgICAgICAgICAgICA8L0ljb25CdXR0b25WMj5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgPEljb25CdXR0b25WMiBhcmlhLWxhYmVsPXt0KCdjbG9zZScpfSB0aXRsZT17dCgnY2xvc2UnKX0gc2l6ZT1cInNtYWxsXCIgdmFyaWFudD1cImdob3N0XCIgb25DbGljaz17b25DbG9zZX0+XG4gICAgICAgICAgICAgICAgPENyb3NzIC8+XG4gICAgICAgICAgICAgIDwvSWNvbkJ1dHRvblYyPlxuICAgICAgICAgICAgPC8+XG4gICAgICAgICAgKX1cbiAgICAgICAgICA8ZGl2IGFyaWEtbGl2ZT1cImFzc2VydGl2ZVwiPlxuICAgICAgICAgICAge2xvYWRpbmcgJiYgPFNwaW5uZXIgc2l6ZT1cIm5vcm1hbFwiIG1hcmdpbj17c3BhY2luZy5zbWFsbH0gaWQ9XCJmb2xkZXItc3Bpbm5lclwiIGFyaWEtbGFiZWw9e3QoJ2xvYWRpbmcnKX0gLz59XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvUm93PlxuICAgICAgfVxuICAgICAgey4uLnJlc3R9XG4gICAgLz5cbiAgKTtcbn0pO1xuXG5leHBvcnQgZGVmYXVsdCBGb2xkZXJJbnB1dDtcbiJdfQ== */"));
|
|
40
40
|
var Row = /*#__PURE__*/_styled("div", {
|
|
41
41
|
target: "esbqk1r0",
|
|
42
42
|
label: "Row"
|
|
43
|
-
})("display:flex;align-items:center;gap:", spacing.xxsmall, ";padding-right:", spacing.xsmall, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
43
|
+
})("display:flex;align-items:center;gap:", spacing.xxsmall, ";padding-right:", spacing.xsmall, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvbGRlcklucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1RHNCIiwiZmlsZSI6IkZvbGRlcklucHV0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgSWNvbkJ1dHRvblYyIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IENyb3NzIH0gZnJvbSAnQG5kbGEvaWNvbnMvYWN0aW9uJztcbmltcG9ydCBSZWFjdCwgeyBDb21wb25lbnRQcm9wcywgZm9yd2FyZFJlZiwgdXNlRWZmZWN0IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgaXNNb2JpbGUgfSBmcm9tICdyZWFjdC1kZXZpY2UtZGV0ZWN0JztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgeyBjb2xvcnMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IElucHV0VjIgfSBmcm9tICdAbmRsYS9mb3Jtcyc7XG5pbXBvcnQgeyBEb25lIH0gZnJvbSAnQG5kbGEvaWNvbnMvZWRpdG9yJztcbmltcG9ydCB7IFNwaW5uZXIgfSBmcm9tICdAbmRsYS9pY29ucyc7XG5pbXBvcnQgeyB1c2VGb3J3YXJkZWRSZWYgfSBmcm9tICdAbmRsYS91dGlsJztcblxuaW50ZXJmYWNlIFByb3BzIGV4dGVuZHMgQ29tcG9uZW50UHJvcHM8dHlwZW9mIElucHV0VjI+IHtcbiAgbG9hZGluZz86IGJvb2xlYW47XG4gIG9uQ2xvc2U/OiAoKSA9PiB2b2lkO1xuICBvblNhdmU6ICgpID0+IHZvaWQ7XG59XG5cbi8vIFNvdXJjZTogaHR0cHM6Ly9rb3ZhcnQuZ2l0aHViLmlvL2Rhc2hlZC1ib3JkZXItZ2VuZXJhdG9yL1xuY29uc3QgYm9yZGVyU3R5bGUgPSAoZXJyb3I/OiBib29sZWFuKSA9PlxuICBgdXJsKFwiZGF0YTppbWFnZS9zdmcreG1sLCUzY3N2ZyB3aWR0aD0nMTAwJTI1JyBoZWlnaHQ9JzEwMCUyNScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyUzZSUzY3JlY3Qgd2lkdGg9JzEwMCUyNScgaGVpZ2h0PScxMDAlMjUnIGZpbGw9J25vbmUnIHN0cm9rZT0nJHtlbmNvZGVVUklDb21wb25lbnQoXG4gICAgZXJyb3IgPyBjb2xvcnMuc3VwcG9ydC5yZWQgOiBjb2xvcnMuYnJhbmQudGVydGlhcnksXG4gICl9JyBzdHJva2Utd2lkdGg9JzInIHN0cm9rZS1kYXNoYXJyYXk9JzglMmM4JyBzdHJva2UtZGFzaG9mZnNldD0nNCcgc3Ryb2tlLWxpbmVjYXA9J3NxdWFyZScvJTNlJTNjL3N2ZyUzZVwiKWA7XG5cbmludGVyZmFjZSBTdHlsZWRJbnB1dFByb3BzIHtcbiAgZXJyb3I/OiBzdHJpbmc7XG59XG5cbmNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkKElucHV0VjIpPFN0eWxlZElucHV0UHJvcHM+YFxuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgYmFja2dyb3VuZC1pbWFnZTogJHsoeyBlcnJvciB9KSA9PiBib3JkZXJTdHlsZSghIWVycm9yKX07XG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogMDtcbiAgZmxleC13cmFwOiBub3dyYXA7XG4gIGlucHV0IHtcbiAgICBsaW5lLWhlaWdodDogMS43NWVtO1xuICAgIGNvbG9yOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgICBjYXJldC1jb2xvcjogJHtjb2xvcnMuYnJhbmQudGVydGlhcnl9O1xuICAgIDo6c2VsZWN0aW9uIHtcbiAgICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXJ9O1xuICAgIH1cbiAgICA6OnBsYWNlaG9sZGVyIHtcbiAgICAgIGNvbG9yOiAke2NvbG9ycy5icmFuZC50ZXJ0aWFyeX07XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBSb3cgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy54eHNtYWxsfTtcbiAgcGFkZGluZy1yaWdodDogJHtzcGFjaW5nLnhzbWFsbH07XG5gO1xuXG5jb25zdCBGb2xkZXJJbnB1dCA9IGZvcndhcmRSZWY8SFRNTElucHV0RWxlbWVudCwgUHJvcHM+KCh7IGxvYWRpbmcsIGVycm9yLCBvbkNsb3NlLCBvblNhdmUsIC4uLnJlc3QgfSwgcmVmKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgaW5wdXRSZWYgPSB1c2VGb3J3YXJkZWRSZWYocmVmKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChpc01vYmlsZSkge1xuICAgICAgaW5wdXRSZWYuY3VycmVudD8uc2Nyb2xsSW50b1ZpZXcoeyBiZWhhdmlvcjogJ3Ntb290aCcgfSk7XG4gICAgfVxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC1ob29rcy9leGhhdXN0aXZlLWRlcHNcbiAgfSwgW10pO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZElucHV0XG4gICAgICBhdXRvQ29tcGxldGU9XCJvZmZcIlxuICAgICAgd2hpdGVcbiAgICAgIGVycm9yPXtlcnJvcn1cbiAgICAgIGFyaWEtZGlzYWJsZWQ9e2xvYWRpbmcgPyB0cnVlIDogdW5kZWZpbmVkfVxuICAgICAgYXJpYS1kZXNjcmliZWRieT17J2ZvbGRlci1pbnB1dC1zcGlubmVyJ31cbiAgICAgIHJlZj17cmVmfVxuICAgICAgYWZ0ZXI9e1xuICAgICAgICA8Um93PlxuICAgICAgICAgIHshbG9hZGluZyAmJiAoXG4gICAgICAgICAgICA8PlxuICAgICAgICAgICAgICB7IWVycm9yICYmIChcbiAgICAgICAgICAgICAgICA8SWNvbkJ1dHRvblYyXG4gICAgICAgICAgICAgICAgICB2YXJpYW50PXsnZ2hvc3QnfVxuICAgICAgICAgICAgICAgICAgY29sb3JUaGVtZT1cImxpZ2h0XCJcbiAgICAgICAgICAgICAgICAgIHRhYkluZGV4PXswfVxuICAgICAgICAgICAgICAgICAgYXJpYS1sYWJlbD17dCgnc2F2ZScpfVxuICAgICAgICAgICAgICAgICAgdGl0bGU9e3QoJ3NhdmUnKX1cbiAgICAgICAgICAgICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgICAgICAgICAgICBvbkNsaWNrPXtvblNhdmV9PlxuICAgICAgICAgICAgICAgICAgPERvbmUgLz5cbiAgICAgICAgICAgICAgICA8L0ljb25CdXR0b25WMj5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgPEljb25CdXR0b25WMiBhcmlhLWxhYmVsPXt0KCdjbG9zZScpfSB0aXRsZT17dCgnY2xvc2UnKX0gc2l6ZT1cInNtYWxsXCIgdmFyaWFudD1cImdob3N0XCIgb25DbGljaz17b25DbG9zZX0+XG4gICAgICAgICAgICAgICAgPENyb3NzIC8+XG4gICAgICAgICAgICAgIDwvSWNvbkJ1dHRvblYyPlxuICAgICAgICAgICAgPC8+XG4gICAgICAgICAgKX1cbiAgICAgICAgICA8ZGl2IGFyaWEtbGl2ZT1cImFzc2VydGl2ZVwiPlxuICAgICAgICAgICAge2xvYWRpbmcgJiYgPFNwaW5uZXIgc2l6ZT1cIm5vcm1hbFwiIG1hcmdpbj17c3BhY2luZy5zbWFsbH0gaWQ9XCJmb2xkZXItc3Bpbm5lclwiIGFyaWEtbGFiZWw9e3QoJ2xvYWRpbmcnKX0gLz59XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvUm93PlxuICAgICAgfVxuICAgICAgey4uLnJlc3R9XG4gICAgLz5cbiAgKTtcbn0pO1xuXG5leHBvcnQgZGVmYXVsdCBGb2xkZXJJbnB1dDtcbiJdfQ== */"));
|
|
44
44
|
var FolderInput = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
45
45
|
var loading = _ref2.loading,
|
|
46
46
|
error = _ref2.error,
|
|
@@ -77,11 +77,11 @@ var FolderInput = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
77
77
|
size: "small",
|
|
78
78
|
onClick: onSave,
|
|
79
79
|
children: _jsx(Done, {})
|
|
80
|
-
}), _jsx(
|
|
80
|
+
}), _jsx(IconButtonV2, {
|
|
81
81
|
"aria-label": t('close'),
|
|
82
82
|
title: t('close'),
|
|
83
83
|
size: "small",
|
|
84
|
-
|
|
84
|
+
variant: "ghost",
|
|
85
85
|
onClick: onClose,
|
|
86
86
|
children: _jsx(Cross, {})
|
|
87
87
|
})]
|
|
@@ -9,26 +9,22 @@ import _styled from "@emotion/styled/base";
|
|
|
9
9
|
|
|
10
10
|
import React from 'react';
|
|
11
11
|
import { useTranslation } from 'react-i18next';
|
|
12
|
-
import {
|
|
12
|
+
import { IconButtonV2 } from '@ndla/button';
|
|
13
13
|
import { breakpoints, colors, fonts, misc, mq, shadows, spacing } from '@ndla/core';
|
|
14
14
|
import { Cross } from '@ndla/icons/action';
|
|
15
15
|
import { useSnack } from './SnackbarProvider';
|
|
16
16
|
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
17
17
|
import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
|
|
18
18
|
var DefaultSnackContainer = /*#__PURE__*/_styled("div", {
|
|
19
|
-
target: "e1s2vq9x2",
|
|
20
|
-
label: "DefaultSnackContainer"
|
|
21
|
-
})("display:flex;gap:", spacing.small, ";padding:", spacing.small, ";background-color:", colors.text.primary, ";color:", colors.white, ";border-radius:", misc.borderRadius, ";margin:0 ", spacing.large, ";pointer-events:all;box-shadow:", shadows.levitate1, ";font-family:", fonts.sans, ";font-size:18px;align-items:center;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRlZmF1bHRTbmFja2Jhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0J3QyIsImZpbGUiOiJEZWZhdWx0U25hY2tiYXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tICdAbmRsYS9idXR0b24nO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgZm9udHMsIG1pc2MsIG1xLCBzaGFkb3dzLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBDcm9zcyB9IGZyb20gJ0BuZGxhL2ljb25zL2FjdGlvbic7XG5pbXBvcnQgeyBTbmFjaywgdXNlU25hY2sgfSBmcm9tICcuL1NuYWNrYmFyUHJvdmlkZXInO1xuXG5jb25zdCBEZWZhdWx0U25hY2tDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gIGNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBtYXJnaW46IDAgJHtzcGFjaW5nLmxhcmdlfTtcbiAgcG9pbnRlci1ldmVudHM6IGFsbDtcbiAgYm94LXNoYWRvdzogJHtzaGFkb3dzLmxldml0YXRlMX07XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuICBmb250LXNpemU6IDE4cHg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5jb25zdCBTdHlsZWRDbG9zZUJ1dHRvbiA9IHN0eWxlZChJY29uQnV0dG9uKWBcbiAgc3ZnIHtcbiAgICBjb2xvcjogJHtjb2xvcnMuYnJhbmQuZ3JleU1lZGl1bX07XG4gIH1cbiAgJjpob3ZlcixcbiAgJjpmb2N1cyB7XG4gICAgYmFja2dyb3VuZDogJHtjb2xvcnMuYnJhbmQuZ3JleURhcmt9O1xuICAgIHN2ZyB7XG4gICAgICBjb2xvcjogJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0ZXN0fTtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IEJ1dHRvbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgZ2FwOiAke3NwYWNpbmcueHhzbWFsbH07XG4gIH1cbmA7XG5cbmNvbnN0IERlZmF1bHRTbmFjayA9IChzbmFjazogU25hY2spID0+IHtcbiAgY29uc3QgeyBjbG9zYWJsZSA9IHRydWUsIGljb24gfSA9IHNuYWNrO1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IHsgY2xvc2VTbmFjayB9ID0gdXNlU25hY2soKTtcbiAgcmV0dXJuIChcbiAgICA8RGVmYXVsdFNuYWNrQ29udGFpbmVyPlxuICAgICAge2ljb259XG4gICAgICB7c25hY2suY29udGVudH1cbiAgICAgIDxCdXR0b25XcmFwcGVyPlxuICAgICAgICB7Y2xvc2FibGUgJiYgKFxuICAgICAgICAgIDxTdHlsZWRDbG9zZUJ1dHRvbiBzaXplPVwieHNtYWxsXCIgb3V0bGluZSBvbkNsaWNrPXsoKSA9PiBjbG9zZVNuYWNrKHNuYWNrKX0gYXJpYS1sYWJlbD17dCgnc25hY2tiYXIuY2xvc2UnKX0+XG4gICAgICAgICAgICA8Q3Jvc3MgLz5cbiAgICAgICAgICA8L1N0eWxlZENsb3NlQnV0dG9uPlxuICAgICAgICApfVxuICAgICAgPC9CdXR0b25XcmFwcGVyPlxuICAgIDwvRGVmYXVsdFNuYWNrQ29udGFpbmVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgRGVmYXVsdFNuYWNrO1xuIl19 */"));
|
|
22
|
-
var StyledCloseButton = /*#__PURE__*/_styled(IconButton, {
|
|
23
19
|
target: "e1s2vq9x1",
|
|
24
|
-
label: "
|
|
25
|
-
})("
|
|
20
|
+
label: "DefaultSnackContainer"
|
|
21
|
+
})("display:flex;gap:", spacing.small, ";padding:", spacing.small, ";background-color:", colors.text.primary, ";color:", colors.white, ";border-radius:", misc.borderRadius, ";margin:0 ", spacing.large, ";pointer-events:all;box-shadow:", shadows.levitate1, ";font-family:", fonts.sans, ";font-size:18px;align-items:center;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRlZmF1bHRTbmFja2Jhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0J3QyIsImZpbGUiOiJEZWZhdWx0U25hY2tiYXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IEljb25CdXR0b25WMiB9IGZyb20gJ0BuZGxhL2J1dHRvbic7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBmb250cywgbWlzYywgbXEsIHNoYWRvd3MsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IENyb3NzIH0gZnJvbSAnQG5kbGEvaWNvbnMvYWN0aW9uJztcbmltcG9ydCB7IFNuYWNrLCB1c2VTbmFjayB9IGZyb20gJy4vU25hY2tiYXJQcm92aWRlcic7XG5cbmNvbnN0IERlZmF1bHRTbmFja0NvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIG1hcmdpbjogMCAke3NwYWNpbmcubGFyZ2V9O1xuICBwb2ludGVyLWV2ZW50czogYWxsO1xuICBib3gtc2hhZG93OiAke3NoYWRvd3MubGV2aXRhdGUxfTtcbiAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2Fuc307XG4gIGZvbnQtc2l6ZTogMThweDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmNvbnN0IEJ1dHRvbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgZ2FwOiAke3NwYWNpbmcueHhzbWFsbH07XG4gIH1cbmA7XG5cbmNvbnN0IERlZmF1bHRTbmFjayA9IChzbmFjazogU25hY2spID0+IHtcbiAgY29uc3QgeyBjbG9zYWJsZSA9IHRydWUsIGljb24gfSA9IHNuYWNrO1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IHsgY2xvc2VTbmFjayB9ID0gdXNlU25hY2soKTtcbiAgcmV0dXJuIChcbiAgICA8RGVmYXVsdFNuYWNrQ29udGFpbmVyPlxuICAgICAge2ljb259XG4gICAgICB7c25hY2suY29udGVudH1cbiAgICAgIDxCdXR0b25XcmFwcGVyPlxuICAgICAgICB7Y2xvc2FibGUgJiYgKFxuICAgICAgICAgIDxJY29uQnV0dG9uVjJcbiAgICAgICAgICAgIHNpemU9XCJ4c21hbGxcIlxuICAgICAgICAgICAgdmFyaWFudD1cIm91dGxpbmVcIlxuICAgICAgICAgICAgY29sb3JUaGVtZT1cImdyZXlMaWdodGVyXCJcbiAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IGNsb3NlU25hY2soc25hY2spfVxuICAgICAgICAgICAgYXJpYS1sYWJlbD17dCgnc25hY2tiYXIuY2xvc2UnKX0+XG4gICAgICAgICAgICA8Q3Jvc3MgLz5cbiAgICAgICAgICA8L0ljb25CdXR0b25WMj5cbiAgICAgICAgKX1cbiAgICAgIDwvQnV0dG9uV3JhcHBlcj5cbiAgICA8L0RlZmF1bHRTbmFja0NvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IERlZmF1bHRTbmFjaztcbiJdfQ== */"));
|
|
26
22
|
var ButtonWrapper = /*#__PURE__*/_styled("div", {
|
|
27
23
|
target: "e1s2vq9x0",
|
|
28
24
|
label: "ButtonWrapper"
|
|
29
25
|
})(mq.range({
|
|
30
26
|
from: breakpoints.tablet
|
|
31
|
-
}), "{gap:", spacing.xxsmall, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
27
|
+
}), "{gap:", spacing.xxsmall, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRlZmF1bHRTbmFja2Jhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0JnQyIsImZpbGUiOiJEZWZhdWx0U25hY2tiYXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IEljb25CdXR0b25WMiB9IGZyb20gJ0BuZGxhL2J1dHRvbic7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBmb250cywgbWlzYywgbXEsIHNoYWRvd3MsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IENyb3NzIH0gZnJvbSAnQG5kbGEvaWNvbnMvYWN0aW9uJztcbmltcG9ydCB7IFNuYWNrLCB1c2VTbmFjayB9IGZyb20gJy4vU25hY2tiYXJQcm92aWRlcic7XG5cbmNvbnN0IERlZmF1bHRTbmFja0NvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIG1hcmdpbjogMCAke3NwYWNpbmcubGFyZ2V9O1xuICBwb2ludGVyLWV2ZW50czogYWxsO1xuICBib3gtc2hhZG93OiAke3NoYWRvd3MubGV2aXRhdGUxfTtcbiAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2Fuc307XG4gIGZvbnQtc2l6ZTogMThweDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmNvbnN0IEJ1dHRvbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgZ2FwOiAke3NwYWNpbmcueHhzbWFsbH07XG4gIH1cbmA7XG5cbmNvbnN0IERlZmF1bHRTbmFjayA9IChzbmFjazogU25hY2spID0+IHtcbiAgY29uc3QgeyBjbG9zYWJsZSA9IHRydWUsIGljb24gfSA9IHNuYWNrO1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IHsgY2xvc2VTbmFjayB9ID0gdXNlU25hY2soKTtcbiAgcmV0dXJuIChcbiAgICA8RGVmYXVsdFNuYWNrQ29udGFpbmVyPlxuICAgICAge2ljb259XG4gICAgICB7c25hY2suY29udGVudH1cbiAgICAgIDxCdXR0b25XcmFwcGVyPlxuICAgICAgICB7Y2xvc2FibGUgJiYgKFxuICAgICAgICAgIDxJY29uQnV0dG9uVjJcbiAgICAgICAgICAgIHNpemU9XCJ4c21hbGxcIlxuICAgICAgICAgICAgdmFyaWFudD1cIm91dGxpbmVcIlxuICAgICAgICAgICAgY29sb3JUaGVtZT1cImdyZXlMaWdodGVyXCJcbiAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IGNsb3NlU25hY2soc25hY2spfVxuICAgICAgICAgICAgYXJpYS1sYWJlbD17dCgnc25hY2tiYXIuY2xvc2UnKX0+XG4gICAgICAgICAgICA8Q3Jvc3MgLz5cbiAgICAgICAgICA8L0ljb25CdXR0b25WMj5cbiAgICAgICAgKX1cbiAgICAgIDwvQnV0dG9uV3JhcHBlcj5cbiAgICA8L0RlZmF1bHRTbmFja0NvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IERlZmF1bHRTbmFjaztcbiJdfQ== */"));
|
|
32
28
|
var DefaultSnack = function DefaultSnack(snack) {
|
|
33
29
|
var _snack$closable = snack.closable,
|
|
34
30
|
closable = _snack$closable === void 0 ? true : _snack$closable,
|
|
@@ -39,9 +35,10 @@ var DefaultSnack = function DefaultSnack(snack) {
|
|
|
39
35
|
closeSnack = _useSnack.closeSnack;
|
|
40
36
|
return _jsxs(DefaultSnackContainer, {
|
|
41
37
|
children: [icon, snack.content, _jsx(ButtonWrapper, {
|
|
42
|
-
children: closable && _jsx(
|
|
38
|
+
children: closable && _jsx(IconButtonV2, {
|
|
43
39
|
size: "xsmall",
|
|
44
|
-
|
|
40
|
+
variant: "outline",
|
|
41
|
+
colorTheme: "greyLighter",
|
|
45
42
|
onClick: function onClick() {
|
|
46
43
|
return closeSnack(snack);
|
|
47
44
|
},
|