@dfds-ui/experiences 0.9.16-alpha.b1fbdab3 → 0.9.16-alpha.cf4df5bc

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 (68) hide show
  1. package/cjs/dynamic-table/Body/TableBody.js +6 -6
  2. package/cjs/dynamic-table/Body/TableCell.js +3 -7
  3. package/cjs/dynamic-table/Body/TableCell.styles.js +6 -8
  4. package/cjs/dynamic-table/Body/TableRow.js +2 -4
  5. package/cjs/dynamic-table/Body/TableRow.styles.js +5 -9
  6. package/cjs/dynamic-table/DynamicTable.js +16 -19
  7. package/cjs/dynamic-table/DynamicTable.styles.js +6 -8
  8. package/cjs/dynamic-table/Head/TableHead.js +15 -15
  9. package/cjs/dynamic-table/Head/TableHead.styles.js +21 -20
  10. package/cjs/dynamic-table/stories/headerRow.js +26 -0
  11. package/cjs/dynamic-table/stories/headerRowSortable.js +28 -0
  12. package/cjs/dynamic-table/stories/tableRows.js +76 -0
  13. package/dynamic-table/Body/TableBody.d.ts +1 -1
  14. package/dynamic-table/Body/TableBody.js +6 -6
  15. package/dynamic-table/Body/TableBody.types.d.ts +2 -2
  16. package/dynamic-table/Body/TableCell.d.ts +1 -1
  17. package/dynamic-table/Body/TableCell.js +3 -7
  18. package/dynamic-table/Body/TableCell.styles.d.ts +1 -3
  19. package/dynamic-table/Body/TableCell.styles.js +7 -9
  20. package/dynamic-table/Body/TableCell.types.d.ts +0 -2
  21. package/dynamic-table/Body/TableRow.js +2 -4
  22. package/dynamic-table/Body/TableRow.styles.js +4 -4
  23. package/dynamic-table/Body/TableRow.types.d.ts +1 -1
  24. package/dynamic-table/DynamicTable.js +16 -19
  25. package/dynamic-table/DynamicTable.styles.d.ts +1 -1
  26. package/dynamic-table/DynamicTable.styles.js +4 -4
  27. package/dynamic-table/DynamicTable.types.d.ts +8 -11
  28. package/dynamic-table/Head/TableHead.d.ts +1 -1
  29. package/dynamic-table/Head/TableHead.js +15 -15
  30. package/dynamic-table/Head/TableHead.styles.js +20 -19
  31. package/dynamic-table/Head/TableHead.types.d.ts +4 -6
  32. package/dynamic-table/stories/headerRow.d.ts +3 -0
  33. package/dynamic-table/stories/headerRow.js +19 -0
  34. package/dynamic-table/stories/headerRowSortable.d.ts +3 -0
  35. package/dynamic-table/stories/headerRowSortable.js +21 -0
  36. package/dynamic-table/stories/tableRows.d.ts +3 -0
  37. package/dynamic-table/stories/tableRows.js +67 -0
  38. package/package.json +9 -9
  39. package/cjs/dynamic-table/Body/TableBody.d.ts +0 -4
  40. package/cjs/dynamic-table/Body/TableBody.types.d.ts +0 -10
  41. package/cjs/dynamic-table/Body/TableCell.d.ts +0 -4
  42. package/cjs/dynamic-table/Body/TableCell.styles.d.ts +0 -16
  43. package/cjs/dynamic-table/Body/TableCell.types.d.ts +0 -7
  44. package/cjs/dynamic-table/Body/TableRow.d.ts +0 -4
  45. package/cjs/dynamic-table/Body/TableRow.styles.d.ts +0 -10
  46. package/cjs/dynamic-table/Body/TableRow.types.d.ts +0 -10
  47. package/cjs/dynamic-table/DynamicTable.d.ts +0 -4
  48. package/cjs/dynamic-table/DynamicTable.styles.d.ts +0 -12
  49. package/cjs/dynamic-table/DynamicTable.types.d.ts +0 -29
  50. package/cjs/dynamic-table/Head/TableHead.d.ts +0 -4
  51. package/cjs/dynamic-table/Head/TableHead.styles.d.ts +0 -24
  52. package/cjs/dynamic-table/Head/TableHead.types.d.ts +0 -35
  53. package/cjs/dynamic-table/Skeleton/SkeletonTable.styles.d.ts +0 -4
  54. package/cjs/dynamic-table/Skeleton/helpers/createSkeletonRows.d.ts +0 -3
  55. package/cjs/dynamic-table/helpers/getHeaderRow.d.ts +0 -3
  56. package/cjs/footer/Footer.d.ts +0 -23
  57. package/cjs/footer/FooterColumn.d.ts +0 -11
  58. package/cjs/footer/FooterColumnItem.d.ts +0 -7
  59. package/cjs/footer/FooterMetaLink.d.ts +0 -7
  60. package/cjs/footer/index.d.ts +0 -4
  61. package/cjs/index.d.ts +0 -5
  62. package/cjs/internet-explorer-modal/IEModal.d.ts +0 -69
  63. package/cjs/locale-selector/LocaleOption.d.ts +0 -8
  64. package/cjs/locale-selector/LocaleSelector.d.ts +0 -49
  65. package/cjs/locale-selector/index.d.ts +0 -1
  66. package/cjs/swiper/Swiper.d.ts +0 -5
  67. package/cjs/swiper/SwiperCard.d.ts +0 -5
  68. package/cjs/swiper/index.d.ts +0 -2
@@ -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,8 +0,0 @@
1
- import { Locale } from '@dfds-ui/react-components';
2
- export declare type LocaleOptionProps = {
3
- label: string;
4
- locale: Locale;
5
- onClick: () => void;
6
- };
7
- export declare const LocaleOption: ({ label, locale, onClick }: LocaleOptionProps) => JSX.Element;
8
- export default LocaleOption;
@@ -1,49 +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
- /**
21
- * className to be assigned to component.
22
- */
23
- className?: string;
24
- } & Pick<ModalProps, 'renderWhenClosed'>>;
25
- /**
26
- * A component to display a modal window where the user can select a locale.
27
- */
28
- export declare const LocaleSelector: React.ForwardRefExoticComponent<{
29
- /**
30
- * Provide limited set of locales to choose from
31
- */
32
- 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" | "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;
33
- /**
34
- * Text to display on button that open the selector as
35
- * well as in the heading of the selector
36
- */
37
- label?: string | undefined;
38
- /**
39
- * Current locale of the application
40
- */
41
- currentLocale: Locale;
42
- /** Callback function that fires with locale as an argument */
43
- onChange: (locale: Locale) => void;
44
- /**
45
- * className to be assigned to component.
46
- */
47
- className?: string | undefined;
48
- } & Pick<ModalProps, "renderWhenClosed"> & React.RefAttributes<unknown>>;
49
- 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';