@dfds-ui/experiences 2.0.29-alpha.d3bae18f → 2.0.29-alpha.d3fadd99

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.
Files changed (86) hide show
  1. package/cjs/dynamic-table/Body/TableBody.js +8 -7
  2. package/cjs/dynamic-table/Body/TableCell.js +1 -1
  3. package/cjs/dynamic-table/Body/TableCell.styles.js +9 -5
  4. package/cjs/dynamic-table/Body/TableRow.js +51 -26
  5. package/cjs/dynamic-table/Body/TableRow.styles.js +33 -8
  6. package/cjs/dynamic-table/Body/TableRowGroup.js +61 -0
  7. package/cjs/dynamic-table/Body/TableRowGroup.types.js +5 -0
  8. package/cjs/dynamic-table/DynamicTable.js +13 -11
  9. package/cjs/dynamic-table/Head/TableHead.js +7 -3
  10. package/cjs/dynamic-table/Head/TableHead.styles.js +18 -6
  11. package/cjs/dynamic-table/Skeleton/helpers/createSkeletonRows.js +4 -3
  12. package/cjs/dynamic-table/stories/tableRows.js +1 -1
  13. package/cjs/dynamic-table/stories/tableRowsExpandable.js +73 -0
  14. package/cjs/footer/Footer.js +4 -4
  15. package/cjs/footer/FooterColumn.js +4 -4
  16. package/cjs/footer/FooterColumnItem.js +4 -4
  17. package/cjs/footer/FooterMetaLink.js +4 -4
  18. package/cjs/index.js +1 -1
  19. package/cjs/internet-explorer-modal/IEModal.js +8 -9
  20. package/cjs/locale-selector/LocaleOption.js +1 -1
  21. package/cjs/locale-selector/LocaleSelector.js +6 -7
  22. package/cjs/swiper/Swiper.js +1 -1
  23. package/cjs/swiper/SwiperCard.js +1 -1
  24. package/dynamic-table/Body/TableBody.d.ts +1 -1
  25. package/dynamic-table/Body/TableBody.js +12 -10
  26. package/dynamic-table/Body/TableBody.types.d.ts +1 -0
  27. package/dynamic-table/Body/TableCell.styles.d.ts +1 -0
  28. package/dynamic-table/Body/TableCell.styles.js +7 -4
  29. package/dynamic-table/Body/TableRow.d.ts +1 -1
  30. package/dynamic-table/Body/TableRow.js +31 -6
  31. package/dynamic-table/Body/TableRow.styles.d.ts +5 -1
  32. package/dynamic-table/Body/TableRow.styles.js +19 -4
  33. package/dynamic-table/Body/TableRow.types.d.ts +8 -0
  34. package/dynamic-table/Body/TableRowGroup.d.ts +4 -0
  35. package/dynamic-table/Body/TableRowGroup.js +54 -0
  36. package/{cjs/dynamic-table/Body/TableRow.types.d.ts → dynamic-table/Body/TableRowGroup.types.d.ts} +6 -2
  37. package/dynamic-table/Body/TableRowGroup.types.js +1 -0
  38. package/dynamic-table/DynamicTable.js +11 -8
  39. package/dynamic-table/DynamicTable.types.d.ts +7 -0
  40. package/dynamic-table/Head/TableHead.d.ts +1 -1
  41. package/dynamic-table/Head/TableHead.js +8 -3
  42. package/dynamic-table/Head/TableHead.styles.d.ts +2 -1
  43. package/dynamic-table/Head/TableHead.styles.js +17 -9
  44. package/dynamic-table/Head/TableHead.types.d.ts +4 -0
  45. package/dynamic-table/Skeleton/helpers/createSkeletonRows.js +8 -7
  46. package/dynamic-table/stories/tableRowsExpandable.d.ts +3 -0
  47. package/dynamic-table/stories/tableRowsExpandable.js +67 -0
  48. package/footer/Footer.js +4 -4
  49. package/footer/FooterColumn.js +4 -4
  50. package/footer/FooterColumnItem.js +4 -4
  51. package/footer/FooterMetaLink.js +3 -3
  52. package/internet-explorer-modal/IEModal.js +7 -7
  53. package/locale-selector/LocaleSelector.js +5 -5
  54. package/package.json +10 -10
  55. package/cjs/dynamic-table/Body/TableBody.d.ts +0 -4
  56. package/cjs/dynamic-table/Body/TableBody.types.d.ts +0 -10
  57. package/cjs/dynamic-table/Body/TableCell.d.ts +0 -4
  58. package/cjs/dynamic-table/Body/TableCell.styles.d.ts +0 -8
  59. package/cjs/dynamic-table/Body/TableCell.types.d.ts +0 -6
  60. package/cjs/dynamic-table/Body/TableRow.d.ts +0 -4
  61. package/cjs/dynamic-table/Body/TableRow.styles.d.ts +0 -7
  62. package/cjs/dynamic-table/DynamicTable.d.ts +0 -4
  63. package/cjs/dynamic-table/DynamicTable.styles.d.ts +0 -6
  64. package/cjs/dynamic-table/DynamicTable.types.d.ts +0 -29
  65. package/cjs/dynamic-table/Head/TableHead.d.ts +0 -4
  66. package/cjs/dynamic-table/Head/TableHead.styles.d.ts +0 -4
  67. package/cjs/dynamic-table/Head/TableHead.types.d.ts +0 -32
  68. package/cjs/dynamic-table/Skeleton/SkeletonTable.styles.d.ts +0 -1
  69. package/cjs/dynamic-table/Skeleton/helpers/createSkeletonRows.d.ts +0 -3
  70. package/cjs/dynamic-table/helpers/getHeaderRow.d.ts +0 -3
  71. package/cjs/dynamic-table/stories/headerRow.d.ts +0 -3
  72. package/cjs/dynamic-table/stories/headerRowSortable.d.ts +0 -3
  73. package/cjs/dynamic-table/stories/tableRows.d.ts +0 -3
  74. package/cjs/footer/Footer.d.ts +0 -23
  75. package/cjs/footer/FooterColumn.d.ts +0 -11
  76. package/cjs/footer/FooterColumnItem.d.ts +0 -7
  77. package/cjs/footer/FooterMetaLink.d.ts +0 -7
  78. package/cjs/footer/index.d.ts +0 -4
  79. package/cjs/index.d.ts +0 -5
  80. package/cjs/internet-explorer-modal/IEModal.d.ts +0 -69
  81. package/cjs/locale-selector/LocaleOption.d.ts +0 -9
  82. package/cjs/locale-selector/LocaleSelector.d.ts +0 -53
  83. package/cjs/locale-selector/index.d.ts +0 -1
  84. package/cjs/swiper/Swiper.d.ts +0 -5
  85. package/cjs/swiper/SwiperCard.d.ts +0 -5
  86. package/cjs/swiper/index.d.ts +0 -2
@@ -1,15 +1,15 @@
1
1
  import { css as _css } from "@emotion/react";
2
2
  var _excluded = ["heading", "description", "goToFrontPageText", "openPageInEdgeText", "headerClassName", "noContentPadding", "column", "zIndex", "sizes", "canClose", "closeTabIndex", "onRequestClose", "onCompatibleBrowserDetected"];
3
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
3
+ function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) { ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } } return n; }, _extends.apply(null, arguments); }
4
4
  function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
5
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
5
+ function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
6
6
  function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
7
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
8
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
7
+ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
8
+ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) { n[e] = r[e]; } return n; }
9
9
  function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0) { ; } } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
10
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
11
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
12
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
10
+ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
11
+ function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) { o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } } return i; }
12
+ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) { if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } } return t; }
13
13
  import React from 'react';
14
14
  import { SmallHeadline } from '@dfds-ui/react-components';
15
15
  import { ModalHeader, ModalDialog, ModalBody, defaultProps, ModalActionsContainer, ModalAction, ModalCloseButton } from '@dfds-ui/modal';
@@ -1,11 +1,11 @@
1
1
  var _templateObject;
2
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
3
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
2
+ function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
3
+ function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
4
4
  function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
5
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
6
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
5
+ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
6
+ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) { n[e] = r[e]; } return n; }
7
7
  function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0) { ; } } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
8
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
8
+ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
9
9
  function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
10
10
  import React, { useState, forwardRef } from 'react';
11
11
  import { LinkButton, localeData, LocaleFlag, locales as allLocales } from '@dfds-ui/react-components';
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "description": "React components for building experiences",
4
4
  "license": "MIT",
5
5
  "private": false,
6
- "version": "2.0.29-alpha.d3bae18f",
6
+ "version": "2.0.29-alpha.d3fadd99",
7
7
  "sideEffects": false,
8
8
  "main": "./cjs/index.js",
9
9
  "module": "./index.js",
@@ -16,16 +16,16 @@
16
16
  "react-dom": ">= 17.0.2"
17
17
  },
18
18
  "dependencies": {
19
- "@dfds-ui/colors": "2.0.29-alpha.d3bae18f",
20
- "@dfds-ui/forms": "2.0.29-alpha.d3bae18f",
21
- "@dfds-ui/grid": "2.0.29-alpha.d3bae18f",
22
- "@dfds-ui/icons": "2.0.29-alpha.d3bae18f",
23
- "@dfds-ui/modal": "2.0.29-alpha.d3bae18f",
24
- "@dfds-ui/react-components": "2.0.29-alpha.d3bae18f",
25
- "@dfds-ui/theme": "2.0.29-alpha.d3bae18f",
26
- "@dfds-ui/typography": "2.0.29-alpha.d3bae18f"
19
+ "@dfds-ui/colors": "2.0.29-alpha.d3fadd99",
20
+ "@dfds-ui/forms": "2.0.29-alpha.d3fadd99",
21
+ "@dfds-ui/grid": "2.0.29-alpha.d3fadd99",
22
+ "@dfds-ui/icons": "2.0.29-alpha.d3fadd99",
23
+ "@dfds-ui/modal": "2.0.29-alpha.d3fadd99",
24
+ "@dfds-ui/react-components": "2.0.29-alpha.d3fadd99",
25
+ "@dfds-ui/theme": "2.0.29-alpha.d3fadd99",
26
+ "@dfds-ui/typography": "2.0.29-alpha.d3fadd99"
27
27
  },
28
- "gitHead": "d3bae18fb47110faeae2323fd41c48d3c5181a6b",
28
+ "gitHead": "d3fadd99ce7a3bf049d1f48a404399e953a9a75e",
29
29
  "publishConfig": {
30
30
  "access": "public"
31
31
  }
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { TableBodyProps } from './TableBody.types';
3
- declare const TableBody: React.MemoExoticComponent<({ activeRow, headerRow, onClickRow, onSelectRow, rows, selectableRows, selectedRows }: TableBodyProps) => JSX.Element>;
4
- export default TableBody;
@@ -1,10 +0,0 @@
1
- import { Header, Row } from '../DynamicTable.types';
2
- export declare type TableBodyProps = {
3
- activeRow?: string;
4
- headerRow: Header[];
5
- onClickRow?: (id: string) => void;
6
- onSelectRow?: (list: string[]) => void;
7
- rows: Row[];
8
- selectableRows: boolean;
9
- selectedRows: string[];
10
- };
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { TableCellProps } from './TableCell.types';
3
- declare const TableCell: React.MemoExoticComponent<({ children, headerCell }: TableCellProps) => JSX.Element>;
4
- export default TableCell;
@@ -1,8 +0,0 @@
1
- export declare const genericTableCellStyles: import("@emotion/utils").SerializedStyles;
2
- declare type TableCellProps = {
3
- align?: 'center' | 'left' | 'right';
4
- customWidth?: string;
5
- };
6
- export declare const tableCellStyles: ({ align, customWidth }: TableCellProps) => import("@emotion/utils").SerializedStyles;
7
- export declare const tableCellCheckboxStyles: import("@emotion/utils").SerializedStyles;
8
- export {};
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- import { Header } from '../DynamicTable.types';
3
- export declare type TableCellProps = {
4
- children: React.ReactNode;
5
- headerCell?: Header;
6
- };
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { TableRowProps } from './TableRow.types';
3
- declare const TableRow: React.MemoExoticComponent<({ headerRow, isActive, onClickRow, onSelectRow, row, selectableRows, selectedRows }: TableRowProps) => JSX.Element>;
4
- export default TableRow;
@@ -1,7 +0,0 @@
1
- export declare const genericTableRowStyles: import("@emotion/utils").SerializedStyles;
2
- declare type TableRowProps = {
3
- active?: boolean;
4
- hoverColor: boolean;
5
- };
6
- export declare const tableRowStyles: ({ active, hoverColor }: TableRowProps) => import("@emotion/utils").SerializedStyles;
7
- export {};
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { DynamicTableProps } from './DynamicTable.types';
3
- declare const _default: React.NamedExoticComponent<DynamicTableProps>;
4
- export default _default;
@@ -1,6 +0,0 @@
1
- declare type TableWrapperProps = {
2
- height?: string;
3
- };
4
- export declare const tableWrapperStyles: ({ height }: TableWrapperProps) => import("@emotion/utils").SerializedStyles;
5
- export declare const tableStyles: import("@emotion/utils").SerializedStyles;
6
- export {};
@@ -1,29 +0,0 @@
1
- import React from 'react';
2
- export declare type Header = {
3
- displayName: string | React.ReactElement;
4
- key: string;
5
- sortKey?: string;
6
- sortable?: boolean;
7
- textAlign?: 'center' | 'left' | 'right';
8
- width?: string;
9
- };
10
- export declare type Row = {
11
- className?: string;
12
- id?: string;
13
- [name: string]: any;
14
- };
15
- export declare type DynamicTableProps = {
16
- activeRow?: string;
17
- descending?: boolean;
18
- headerRow: Header[];
19
- height?: string;
20
- isLoading?: boolean;
21
- onClickRow?: (id: string) => void;
22
- onSelectRow?: (list: string[]) => void;
23
- onSort?: (value: string, sortDescending: boolean) => void;
24
- rows: Row[];
25
- selectedRows?: string[];
26
- sortingBy?: string;
27
- stickyHeader?: boolean;
28
- translate?: 'yes' | 'no';
29
- };
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { TableHeadProps } from './TableHead.types';
3
- declare const TableHead: React.MemoExoticComponent<({ headerRow, onSelectRow, onSort, rows, selectableRows, selectedRows, setSortDescending, setSortByKeyValue, sortDescending, sortByKeyValue, stickyHeader, }: TableHeadProps) => JSX.Element>;
4
- export default TableHead;
@@ -1,4 +0,0 @@
1
- import { ChevronProps, TableHeadCellCheckboxProps, TableHeadCellProps } from './TableHead.types';
2
- export declare const tableHeadCellStyles: ({ align, customWidth, sortable, sortByKey, stickyHeader, }: TableHeadCellProps) => import("@emotion/utils").SerializedStyles;
3
- export declare const tableHeadCellCheckboxStyles: ({ stickyHeader }: TableHeadCellCheckboxProps) => import("@emotion/utils").SerializedStyles;
4
- export declare const chevronStyles: ({ descending, show }: ChevronProps) => import("@emotion/utils").SerializedStyles;
@@ -1,32 +0,0 @@
1
- import { Header, Row } from '../DynamicTable.types';
2
- export declare type TableHeadProps = {
3
- headerRow: Header[];
4
- onSelectRow?: (list: string[]) => void;
5
- onSort?: (value: string, sortDescending: boolean) => void;
6
- rows: Row[];
7
- selectableRows: boolean;
8
- selectedRows: string[];
9
- setSortDescending: (arg: boolean) => void;
10
- setSortByKeyValue: (value: string) => void;
11
- sortDescending: boolean;
12
- sortByKeyValue: string;
13
- stickyHeader?: boolean;
14
- };
15
- export declare type GenericTableHeadCellProps = {
16
- sortable?: boolean;
17
- sortByKey?: (value: string, sortDescending: boolean) => void;
18
- stickyHeader?: boolean;
19
- };
20
- export interface TableHeadCellProps extends GenericTableHeadCellProps {
21
- align?: 'center' | 'left' | 'right';
22
- customWidth?: string;
23
- sortByKey?: (value: string, sortDescending: boolean) => void;
24
- stickyHeader?: boolean;
25
- }
26
- export declare type TableHeadCellCheckboxProps = {
27
- stickyHeader?: boolean;
28
- };
29
- export declare type ChevronProps = {
30
- descending: string;
31
- show: string;
32
- };
@@ -1 +0,0 @@
1
- export declare const fadeStyles: import("@emotion/utils").SerializedStyles;
@@ -1,3 +0,0 @@
1
- import { Header, Row } from '../../DynamicTable.types';
2
- declare const createSkeletonRows: (headerRow: Header[] | undefined) => Row[];
3
- export default createSkeletonRows;
@@ -1,3 +0,0 @@
1
- import { Header, Row } from '../DynamicTable.types';
2
- declare const getHeaderRow: (rows: Row[], customHeaderRow?: Header[]) => Header[];
3
- export default getHeaderRow;
@@ -1,3 +0,0 @@
1
- import { Header } from '../DynamicTable.types';
2
- declare const headerRow: Header[];
3
- export default headerRow;
@@ -1,3 +0,0 @@
1
- import { Header } from '../DynamicTable.types';
2
- declare const headerRowSortable: Header[];
3
- export default headerRowSortable;
@@ -1,3 +0,0 @@
1
- import { Row } from '../DynamicTable.types';
2
- declare const tableRows: Row[];
3
- export default tableRows;
@@ -1,23 +0,0 @@
1
- import React from 'react';
2
- import { FooterMetaLinkProps } from './FooterMetaLink';
3
- import { FooterColumnProps } from './FooterColumn';
4
- export declare type FooterProps = {
5
- /**
6
- * Content to be displayed above footer columns
7
- */
8
- topElement?: React.ReactNode;
9
- /**
10
- * Footer columns, if provided, minimum: 1, maximum: 4. Property is optional
11
- */
12
- children?: React.ReactElement<FooterColumnProps> | React.ReactElement<FooterColumnProps>[];
13
- /**
14
- * Links to be displayed at the bottom right corner
15
- */
16
- metaLinks?: React.ReactElement<FooterMetaLinkProps> | React.ReactElement<FooterMetaLinkProps>[];
17
- /**
18
- * Content to be display between footer columns and meta links e.g. locale selector, social links.
19
- */
20
- features?: React.ReactNode;
21
- };
22
- export declare const Footer: React.FunctionComponent<FooterProps>;
23
- export default Footer;
@@ -1,11 +0,0 @@
1
- import { FC, ReactElement, ReactNode } from 'react';
2
- import { FooterColumnItemProps } from './FooterColumnItem';
3
- export declare type FooterColumnProps = {
4
- children: ReactElement<FooterColumnItemProps> | ReactElement<FooterColumnItemProps>[];
5
- /**
6
- * Column title
7
- */
8
- title?: ReactNode;
9
- };
10
- export declare const FooterColumn: FC<FooterColumnProps>;
11
- export default FooterColumn;
@@ -1,7 +0,0 @@
1
- import { FC } from 'react';
2
- import { LinkButtonProps } from '@dfds-ui/react-components';
3
- export declare type FooterColumnItemProps = {
4
- className?: string;
5
- } & LinkButtonProps;
6
- export declare const FooterColumnItem: FC<FooterColumnItemProps>;
7
- export default FooterColumnItem;
@@ -1,7 +0,0 @@
1
- import { FC } from 'react';
2
- import { LinkButtonProps } from '@dfds-ui/react-components';
3
- export declare type FooterMetaLinkProps = {
4
- className?: string;
5
- } & LinkButtonProps;
6
- export declare const FooterMetaLink: FC<FooterMetaLinkProps>;
7
- export default FooterMetaLink;
@@ -1,4 +0,0 @@
1
- export * from './Footer';
2
- export * from './FooterColumn';
3
- export * from './FooterColumnItem';
4
- export * from './FooterMetaLink';
package/cjs/index.d.ts DELETED
@@ -1,5 +0,0 @@
1
- export { default as DynamicTable } from './dynamic-table/DynamicTable';
2
- export { default as IEModal } from './internet-explorer-modal/IEModal';
3
- export * from './locale-selector';
4
- export * from './footer';
5
- export * from './swiper';
@@ -1,69 +0,0 @@
1
- import React from 'react';
2
- import { ModalSizes } from '@dfds-ui/modal';
3
- export declare type IEModalProps = React.PropsWithChildren<{
4
- className?: string;
5
- /**
6
- * Add heading on the Modal.
7
- */
8
- heading?: React.ReactNode;
9
- /**
10
- * Class name to be added to the header of the Modal.
11
- */
12
- headerClassName?: string;
13
- /**
14
- * Description to be shown a main text in the modal.
15
- * Placeholders '{Edge}', '{Chrome}' and '{Firefox}' will be replaced with links to download the individual browser.
16
- */
17
- description: string;
18
- /**
19
- * Text to be displayed on the 'Go to front page' button
20
- */
21
- goToFrontPageText: string;
22
- /**
23
- * Text to be displayed on the 'Open page in Microsoft Edge' button
24
- */
25
- openPageInEdgeText: string;
26
- /**
27
- * Add or remove padding inside the Modal.
28
- */
29
- noContentPadding?: boolean;
30
- /**
31
- * Add a z-index prop to modal to specify the stack order.
32
- */
33
- zIndex?: number;
34
- /**
35
- * Display content in a column direction.
36
- */
37
- column?: boolean;
38
- /**
39
- * Sizes (width) of the modal for the different breakpoints.
40
- * Apart from normal css units a special value of `fullscreen` is also
41
- * supported.
42
- * @example
43
- * sizes={{ s: 'fullscreen', m: 'fullscreen', l: '80%', xl: '80%', xxl: '80%' }}
44
- */
45
- sizes?: ModalSizes;
46
- /**
47
- * If set to `true` the modal will not be vertically centered.
48
- * Only applies to larger screensizes
49
- */
50
- fixedTopPosition?: boolean;
51
- /**
52
- * If set to `true` the area around the modal is semi transparent and the close button becomes visible.
53
- */
54
- canClose?: boolean;
55
- /**
56
- * Removes the modal from the default navigation flow and also allows it to receive programmatic focus.
57
- */
58
- closeTabIndex?: number;
59
- /**
60
- * Close the Modal after invoking the provided callback.
61
- */
62
- onRequestClose?: () => void;
63
- /**
64
- * Callback is invoked when IEModal detects the browser is IE.
65
- */
66
- onCompatibleBrowserDetected?: () => void;
67
- }>;
68
- export declare const IEModal: ({ heading, description, goToFrontPageText, openPageInEdgeText, headerClassName, noContentPadding, column, zIndex, sizes, canClose, closeTabIndex, onRequestClose, onCompatibleBrowserDetected, ...rest }: IEModalProps) => JSX.Element | null;
69
- export default IEModal;
@@ -1,9 +0,0 @@
1
- /// <reference types="react" />
2
- import { Locale } from '@dfds-ui/react-components';
3
- export declare type LocaleOptionProps = {
4
- label: string;
5
- locale: Locale;
6
- onClick: () => void;
7
- };
8
- export declare const LocaleOption: ({ label, locale, onClick }: LocaleOptionProps) => JSX.Element;
9
- export default LocaleOption;
@@ -1,53 +0,0 @@
1
- import React, { PropsWithChildren } from 'react';
2
- import { Locale } from '@dfds-ui/react-components';
3
- import { ModalProps } from '@dfds-ui/modal';
4
- export declare type LocaleSelectorProps = PropsWithChildren<{
5
- /**
6
- * Provide limited set of locales to choose from
7
- */
8
- locales?: ReadonlyArray<Locale>;
9
- /**
10
- * Text to display on button that open the selector as
11
- * well as in the heading of the selector
12
- */
13
- label?: string;
14
- /**
15
- * Current locale of the application
16
- */
17
- currentLocale: Locale;
18
- /** Callback function that fires with locale as an argument */
19
- onChange: (locale: Locale) => void;
20
- /** Disabled visual appearance and interaction disabled. */
21
- disabled?: boolean;
22
- /**
23
- * className to be assigned to component.
24
- */
25
- className?: string;
26
- } & Pick<ModalProps, 'renderWhenClosed'>>;
27
- /**
28
- * A component to display a modal window where the user can select a locale.
29
- */
30
- export declare const LocaleSelector: React.ForwardRefExoticComponent<{
31
- /**
32
- * Provide limited set of locales to choose from
33
- */
34
- locales?: readonly ("en" | "nl-BE" | "bg-BG" | "pt-BR" | "en-CA" | "zh-CN" | "cs-CZ" | "da-DK" | "et-EE" | "fi-FI" | "fr-BE" | "fr-FR" | "fr-MA" | "de-DE" | "hu-HU" | "it-IT" | "ja-JP" | "lv-LV" | "lt-LT" | "nl-NL" | "nb-NO" | "pl-PL" | "ro-RO" | "ru-RU" | "sk-SK" | "ko-KR" | "es-ES" | "sv-SE" | "tr-TR" | "en-GB" | "en-US")[] | undefined;
35
- /**
36
- * Text to display on button that open the selector as
37
- * well as in the heading of the selector
38
- */
39
- label?: string | undefined;
40
- /**
41
- * Current locale of the application
42
- */
43
- currentLocale: Locale;
44
- /** Callback function that fires with locale as an argument */
45
- onChange: (locale: Locale) => void;
46
- /** Disabled visual appearance and interaction disabled. */
47
- disabled?: boolean | undefined;
48
- /**
49
- * className to be assigned to component.
50
- */
51
- className?: string | undefined;
52
- } & Pick<ModalProps, "renderWhenClosed"> & React.RefAttributes<unknown>>;
53
- export default LocaleSelector;
@@ -1 +0,0 @@
1
- export * from './LocaleSelector';
@@ -1,5 +0,0 @@
1
- import React from 'react';
2
- export declare type SwiperProps = React.PropsWithChildren<{
3
- className?: string;
4
- }>;
5
- export declare const Swiper: ({ className, children }: SwiperProps) => JSX.Element;
@@ -1,5 +0,0 @@
1
- import React from 'react';
2
- export declare type SwiperCardProps = React.PropsWithChildren<{
3
- className?: string;
4
- }>;
5
- export declare const SwiperCard: ({ className, children }: SwiperCardProps) => JSX.Element;
@@ -1,2 +0,0 @@
1
- export * from './Swiper';
2
- export * from './SwiperCard';