@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.
- package/cjs/dynamic-table/Body/TableBody.js +8 -7
- package/cjs/dynamic-table/Body/TableCell.js +1 -1
- package/cjs/dynamic-table/Body/TableCell.styles.js +9 -5
- package/cjs/dynamic-table/Body/TableRow.js +51 -26
- package/cjs/dynamic-table/Body/TableRow.styles.js +33 -8
- package/cjs/dynamic-table/Body/TableRowGroup.js +61 -0
- package/cjs/dynamic-table/Body/TableRowGroup.types.js +5 -0
- package/cjs/dynamic-table/DynamicTable.js +13 -11
- package/cjs/dynamic-table/Head/TableHead.js +7 -3
- package/cjs/dynamic-table/Head/TableHead.styles.js +18 -6
- package/cjs/dynamic-table/Skeleton/helpers/createSkeletonRows.js +4 -3
- package/cjs/dynamic-table/stories/tableRows.js +1 -1
- package/cjs/dynamic-table/stories/tableRowsExpandable.js +73 -0
- package/cjs/footer/Footer.js +4 -4
- package/cjs/footer/FooterColumn.js +4 -4
- package/cjs/footer/FooterColumnItem.js +4 -4
- package/cjs/footer/FooterMetaLink.js +4 -4
- package/cjs/index.js +1 -1
- package/cjs/internet-explorer-modal/IEModal.js +8 -9
- package/cjs/locale-selector/LocaleOption.js +1 -1
- package/cjs/locale-selector/LocaleSelector.js +6 -7
- package/cjs/swiper/Swiper.js +1 -1
- package/cjs/swiper/SwiperCard.js +1 -1
- package/dynamic-table/Body/TableBody.d.ts +1 -1
- package/dynamic-table/Body/TableBody.js +12 -10
- package/dynamic-table/Body/TableBody.types.d.ts +1 -0
- package/dynamic-table/Body/TableCell.styles.d.ts +1 -0
- package/dynamic-table/Body/TableCell.styles.js +7 -4
- package/dynamic-table/Body/TableRow.d.ts +1 -1
- package/dynamic-table/Body/TableRow.js +31 -6
- package/dynamic-table/Body/TableRow.styles.d.ts +5 -1
- package/dynamic-table/Body/TableRow.styles.js +19 -4
- package/dynamic-table/Body/TableRow.types.d.ts +8 -0
- package/dynamic-table/Body/TableRowGroup.d.ts +4 -0
- package/dynamic-table/Body/TableRowGroup.js +54 -0
- package/{cjs/dynamic-table/Body/TableRow.types.d.ts → dynamic-table/Body/TableRowGroup.types.d.ts} +6 -2
- package/dynamic-table/Body/TableRowGroup.types.js +1 -0
- package/dynamic-table/DynamicTable.js +11 -8
- package/dynamic-table/DynamicTable.types.d.ts +7 -0
- package/dynamic-table/Head/TableHead.d.ts +1 -1
- package/dynamic-table/Head/TableHead.js +8 -3
- package/dynamic-table/Head/TableHead.styles.d.ts +2 -1
- package/dynamic-table/Head/TableHead.styles.js +17 -9
- package/dynamic-table/Head/TableHead.types.d.ts +4 -0
- package/dynamic-table/Skeleton/helpers/createSkeletonRows.js +8 -7
- package/dynamic-table/stories/tableRowsExpandable.d.ts +3 -0
- package/dynamic-table/stories/tableRowsExpandable.js +67 -0
- package/footer/Footer.js +4 -4
- package/footer/FooterColumn.js +4 -4
- package/footer/FooterColumnItem.js +4 -4
- package/footer/FooterMetaLink.js +3 -3
- package/internet-explorer-modal/IEModal.js +7 -7
- package/locale-selector/LocaleSelector.js +5 -5
- package/package.json +10 -10
- package/cjs/dynamic-table/Body/TableBody.d.ts +0 -4
- package/cjs/dynamic-table/Body/TableBody.types.d.ts +0 -10
- package/cjs/dynamic-table/Body/TableCell.d.ts +0 -4
- package/cjs/dynamic-table/Body/TableCell.styles.d.ts +0 -8
- package/cjs/dynamic-table/Body/TableCell.types.d.ts +0 -6
- package/cjs/dynamic-table/Body/TableRow.d.ts +0 -4
- package/cjs/dynamic-table/Body/TableRow.styles.d.ts +0 -7
- package/cjs/dynamic-table/DynamicTable.d.ts +0 -4
- package/cjs/dynamic-table/DynamicTable.styles.d.ts +0 -6
- package/cjs/dynamic-table/DynamicTable.types.d.ts +0 -29
- package/cjs/dynamic-table/Head/TableHead.d.ts +0 -4
- package/cjs/dynamic-table/Head/TableHead.styles.d.ts +0 -4
- package/cjs/dynamic-table/Head/TableHead.types.d.ts +0 -32
- package/cjs/dynamic-table/Skeleton/SkeletonTable.styles.d.ts +0 -1
- package/cjs/dynamic-table/Skeleton/helpers/createSkeletonRows.d.ts +0 -3
- package/cjs/dynamic-table/helpers/getHeaderRow.d.ts +0 -3
- package/cjs/dynamic-table/stories/headerRow.d.ts +0 -3
- package/cjs/dynamic-table/stories/headerRowSortable.d.ts +0 -3
- package/cjs/dynamic-table/stories/tableRows.d.ts +0 -3
- package/cjs/footer/Footer.d.ts +0 -23
- package/cjs/footer/FooterColumn.d.ts +0 -11
- package/cjs/footer/FooterColumnItem.d.ts +0 -7
- package/cjs/footer/FooterMetaLink.d.ts +0 -7
- package/cjs/footer/index.d.ts +0 -4
- package/cjs/index.d.ts +0 -5
- package/cjs/internet-explorer-modal/IEModal.d.ts +0 -69
- package/cjs/locale-selector/LocaleOption.d.ts +0 -9
- package/cjs/locale-selector/LocaleSelector.d.ts +0 -53
- package/cjs/locale-selector/index.d.ts +0 -1
- package/cjs/swiper/Swiper.d.ts +0 -5
- package/cjs/swiper/SwiperCard.d.ts +0 -5
- 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 (
|
|
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(
|
|
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(
|
|
8
|
-
function _arrayLikeToArray(
|
|
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(
|
|
11
|
-
function _objectWithoutProperties(
|
|
12
|
-
function _objectWithoutPropertiesLoose(
|
|
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(
|
|
3
|
-
function _slicedToArray(
|
|
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(
|
|
6
|
-
function _arrayLikeToArray(
|
|
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(
|
|
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.
|
|
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.
|
|
20
|
-
"@dfds-ui/forms": "2.0.29-alpha.
|
|
21
|
-
"@dfds-ui/grid": "2.0.29-alpha.
|
|
22
|
-
"@dfds-ui/icons": "2.0.29-alpha.
|
|
23
|
-
"@dfds-ui/modal": "2.0.29-alpha.
|
|
24
|
-
"@dfds-ui/react-components": "2.0.29-alpha.
|
|
25
|
-
"@dfds-ui/theme": "2.0.29-alpha.
|
|
26
|
-
"@dfds-ui/typography": "2.0.29-alpha.
|
|
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": "
|
|
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,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,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,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;
|
package/cjs/footer/Footer.d.ts
DELETED
|
@@ -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;
|
package/cjs/footer/index.d.ts
DELETED
package/cjs/index.d.ts
DELETED
|
@@ -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';
|
package/cjs/swiper/Swiper.d.ts
DELETED
package/cjs/swiper/index.d.ts
DELETED