@oc-digital/react-component-library 7.2.2 → 7.2.3-beta.1

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 (252) hide show
  1. package/build/Alert/Alert.d.ts +5 -4
  2. package/build/Alert/Alert.types.d.ts +14 -13
  3. package/build/AlphabeticalList/AlphabeticalList.d.ts +5 -4
  4. package/build/AlphabeticalList/AlphabeticalList.types.d.ts +22 -22
  5. package/build/AutoSave/Select/AutoSave.types.d.ts +11 -11
  6. package/build/AutoSave/Select/index.d.ts +4 -3
  7. package/build/AutoSave/Text/AutoSave.types.d.ts +17 -16
  8. package/build/AutoSave/Text/index.d.ts +4 -3
  9. package/build/Breadcrumbs/Breadcrumbs.d.ts +5 -4
  10. package/build/Breadcrumbs/Breadcrumbs.types.d.ts +24 -23
  11. package/build/Button/Button.d.ts +4 -4
  12. package/build/Button/Button.types.d.ts +10 -10
  13. package/build/ButtonWithConfirm/ButtonWithConfirm.d.ts +5 -4
  14. package/build/ButtonWithConfirm/ButtonWithConfirm.types.d.ts +9 -9
  15. package/build/ContentBox/ContentBox.d.ts +5 -4
  16. package/build/ContentBox/ContentBox.types.d.ts +7 -7
  17. package/build/ContentLabel/ContentLabel.d.ts +5 -4
  18. package/build/ContentLabel/ContentLabel.types.d.ts +5 -5
  19. package/build/DatePicker/DatePicker.d.ts +5 -4
  20. package/build/DatePicker/DatePicker.types.d.ts +6 -5
  21. package/build/EditableTable/EditableTable.d.ts +5 -4
  22. package/build/EditableTable/EditableTable.types.d.ts +107 -106
  23. package/build/EditableTable/components/TableCheckbox.d.ts +8 -8
  24. package/build/EditableTable/components/TableDateInput.d.ts +8 -9
  25. package/build/EditableTable/components/TableTextInput.d.ts +21 -20
  26. package/build/EditableTable/components/utils/getTextWidth.d.ts +13 -13
  27. package/build/EditableTable/defaultCells.d.ts +31 -30
  28. package/build/EntityList/EntityList.d.ts +5 -4
  29. package/build/EntityList/EntityList.types.d.ts +15 -14
  30. package/build/ErrorIndicator/ErrorIndicator.d.ts +5 -4
  31. package/build/ErrorIndicator/ErrorIndicator.types.d.ts +5 -4
  32. package/build/ImageDisplayAndUpload/ImageDisplayAndUpload.d.ts +5 -4
  33. package/build/ImageDisplayAndUpload/ImageDisplayAndUpload.types.d.ts +9 -8
  34. package/build/KeyboardDatePicker/KeyboardDatePicker.d.ts +5 -4
  35. package/build/KeyboardDatePicker/KeyboardDatePicker.types.d.ts +6 -5
  36. package/build/LeftNavigation/LeftNavigation.d.ts +5 -4
  37. package/build/LeftNavigation/LeftNavigation.types.d.ts +97 -96
  38. package/build/LeftNavigation/NavListItem.d.ts +5 -4
  39. package/build/LeftNavigation/PrimaryLeftNavigation.d.ts +5 -4
  40. package/build/LeftNavigation/SecondaryLeftNavigation.d.ts +5 -4
  41. package/build/LoadingSpinner/LoadingSpinner.d.ts +5 -4
  42. package/build/LoadingSpinner/LoadingSpinner.types.d.ts +6 -5
  43. package/build/MainLayout/MainLayout.d.ts +5 -4
  44. package/build/MainLayout/MainLayout.types.d.ts +11 -10
  45. package/build/MobileDatePicker/MobileDatePicker.d.ts +5 -4
  46. package/build/MobileDatePicker/MobileDatePicker.types.d.ts +6 -5
  47. package/build/NavbarLayout/Navbar.d.ts +13 -12
  48. package/build/NavbarLayout/NavbarLayout.d.ts +17 -16
  49. package/build/NavbarLayout/index.d.ts +2 -2
  50. package/build/SearchBar/SearchBar.d.ts +5 -4
  51. package/build/SearchBar/SearchBar.types.d.ts +33 -33
  52. package/build/Select/Select.d.ts +5 -4
  53. package/build/Select/Select.types.d.ts +16 -16
  54. package/build/StaticTable/StaticTable.d.ts +5 -4
  55. package/build/StaticTable/StaticTable.types.d.ts +21 -21
  56. package/build/SvgComponents/ContainedPartnersLogo.d.ts +5 -4
  57. package/build/SvgComponents/HomeSvg.d.ts +5 -4
  58. package/build/SvgComponents/NovelLogoSvg.d.ts +5 -4
  59. package/build/SvgComponents/OrganisationList.d.ts +5 -4
  60. package/build/SvgComponents/ProjectsSvg.d.ts +5 -4
  61. package/build/SvgComponents/index.d.ts +5 -5
  62. package/build/SvgComponents/types.d.ts +6 -6
  63. package/build/TextField/TextField.d.ts +16 -15
  64. package/build/TextField/TextField.types.d.ts +8 -7
  65. package/build/Tooltip/OptionalTooltip.d.ts +9 -8
  66. package/build/Tooltip/index.d.ts +1 -1
  67. package/build/globals/index.d.ts +26 -26
  68. package/build/hooks/index.d.ts +3 -3
  69. package/build/hooks/useDebounceEffect.d.ts +2 -2
  70. package/build/hooks/useInterval.d.ts +2 -2
  71. package/build/hooks/useWhyDidYouUpdate.d.ts +1 -1
  72. package/build/index.d.ts +38 -37
  73. package/build/index.js +63000 -1
  74. package/build/index.js.map +1 -1
  75. package/build/stories/Button.d.ts +28 -0
  76. package/build/stories/Button.stories.d.ts +10 -0
  77. package/build/stories/Header.d.ts +12 -0
  78. package/build/stories/Header.stories.d.ts +8 -0
  79. package/build/stories/Page.d.ts +3 -0
  80. package/build/stories/Page.stories.d.ts +8 -0
  81. package/build/style.css +1 -0
  82. package/build/styles/colours.d.ts +3 -3
  83. package/build/styles/font.d.ts +1 -1
  84. package/build/styles/index.d.ts +3 -3
  85. package/build/styles/layout.d.ts +1 -1
  86. package/build/styles/spacing.d.ts +1 -1
  87. package/build/styles/themes.d.ts +2 -2
  88. package/build/utils/index.d.ts +6 -5
  89. package/package.json +21 -19
  90. package/build/Alert/Alert.js +0 -48
  91. package/build/Alert/Alert.js.map +0 -1
  92. package/build/Alert/Alert.types.js +0 -2
  93. package/build/Alert/Alert.types.js.map +0 -1
  94. package/build/AlphabeticalList/AlphabeticalList.js +0 -91
  95. package/build/AlphabeticalList/AlphabeticalList.js.map +0 -1
  96. package/build/AlphabeticalList/AlphabeticalList.types.js +0 -2
  97. package/build/AlphabeticalList/AlphabeticalList.types.js.map +0 -1
  98. package/build/AutoSave/Select/AutoSave.types.js +0 -2
  99. package/build/AutoSave/Select/AutoSave.types.js.map +0 -1
  100. package/build/AutoSave/Select/index.js +0 -31
  101. package/build/AutoSave/Select/index.js.map +0 -1
  102. package/build/AutoSave/Text/AutoSave.types.js +0 -2
  103. package/build/AutoSave/Text/AutoSave.types.js.map +0 -1
  104. package/build/AutoSave/Text/index.js +0 -140
  105. package/build/AutoSave/Text/index.js.map +0 -1
  106. package/build/Breadcrumbs/Breadcrumbs.js +0 -126
  107. package/build/Breadcrumbs/Breadcrumbs.js.map +0 -1
  108. package/build/Breadcrumbs/Breadcrumbs.types.js +0 -2
  109. package/build/Breadcrumbs/Breadcrumbs.types.js.map +0 -1
  110. package/build/Button/Button.js +0 -54
  111. package/build/Button/Button.js.map +0 -1
  112. package/build/Button/Button.types.js +0 -2
  113. package/build/Button/Button.types.js.map +0 -1
  114. package/build/ButtonWithConfirm/ButtonWithConfirm.js +0 -63
  115. package/build/ButtonWithConfirm/ButtonWithConfirm.js.map +0 -1
  116. package/build/ButtonWithConfirm/ButtonWithConfirm.types.js +0 -2
  117. package/build/ButtonWithConfirm/ButtonWithConfirm.types.js.map +0 -1
  118. package/build/ContentBox/ContentBox.js +0 -21
  119. package/build/ContentBox/ContentBox.js.map +0 -1
  120. package/build/ContentBox/ContentBox.types.js +0 -2
  121. package/build/ContentBox/ContentBox.types.js.map +0 -1
  122. package/build/ContentLabel/ContentLabel.js +0 -10
  123. package/build/ContentLabel/ContentLabel.js.map +0 -1
  124. package/build/ContentLabel/ContentLabel.types.js +0 -2
  125. package/build/ContentLabel/ContentLabel.types.js.map +0 -1
  126. package/build/DatePicker/DatePicker.js +0 -38
  127. package/build/DatePicker/DatePicker.js.map +0 -1
  128. package/build/DatePicker/DatePicker.types.js +0 -2
  129. package/build/DatePicker/DatePicker.types.js.map +0 -1
  130. package/build/EditableTable/EditableTable.js +0 -398
  131. package/build/EditableTable/EditableTable.js.map +0 -1
  132. package/build/EditableTable/EditableTable.types.js +0 -2
  133. package/build/EditableTable/EditableTable.types.js.map +0 -1
  134. package/build/EditableTable/components/TableCheckbox.js +0 -8
  135. package/build/EditableTable/components/TableCheckbox.js.map +0 -1
  136. package/build/EditableTable/components/TableDateInput.js +0 -20
  137. package/build/EditableTable/components/TableDateInput.js.map +0 -1
  138. package/build/EditableTable/components/TableTextInput.js +0 -89
  139. package/build/EditableTable/components/TableTextInput.js.map +0 -1
  140. package/build/EditableTable/components/styled/Checkbox.d.ts +0 -5
  141. package/build/EditableTable/components/styled/CheckboxLabel.d.ts +0 -5
  142. package/build/EditableTable/components/styled/Input.d.ts +0 -21
  143. package/build/EditableTable/components/styled/InputAdornmentWrapper.d.ts +0 -5
  144. package/build/EditableTable/components/styled/InputWrapper.d.ts +0 -5
  145. package/build/EditableTable/components/styled/SmallError.d.ts +0 -5
  146. package/build/EditableTable/components/utils/getTextWidth.js +0 -58
  147. package/build/EditableTable/components/utils/getTextWidth.js.map +0 -1
  148. package/build/EditableTable/defaultCells.js +0 -118
  149. package/build/EditableTable/defaultCells.js.map +0 -1
  150. package/build/EntityList/EntityList.js +0 -53
  151. package/build/EntityList/EntityList.js.map +0 -1
  152. package/build/EntityList/EntityList.types.js +0 -2
  153. package/build/EntityList/EntityList.types.js.map +0 -1
  154. package/build/ErrorIndicator/ErrorIndicator.js +0 -22
  155. package/build/ErrorIndicator/ErrorIndicator.js.map +0 -1
  156. package/build/ErrorIndicator/ErrorIndicator.types.js +0 -2
  157. package/build/ErrorIndicator/ErrorIndicator.types.js.map +0 -1
  158. package/build/ImageDisplayAndUpload/ImageDisplayAndUpload.js +0 -293
  159. package/build/ImageDisplayAndUpload/ImageDisplayAndUpload.js.map +0 -1
  160. package/build/ImageDisplayAndUpload/ImageDisplayAndUpload.types.js +0 -2
  161. package/build/ImageDisplayAndUpload/ImageDisplayAndUpload.types.js.map +0 -1
  162. package/build/KeyboardDatePicker/KeyboardDatePicker.js +0 -38
  163. package/build/KeyboardDatePicker/KeyboardDatePicker.js.map +0 -1
  164. package/build/KeyboardDatePicker/KeyboardDatePicker.types.js +0 -2
  165. package/build/KeyboardDatePicker/KeyboardDatePicker.types.js.map +0 -1
  166. package/build/LeftNavigation/LeftNavigation.js +0 -47
  167. package/build/LeftNavigation/LeftNavigation.js.map +0 -1
  168. package/build/LeftNavigation/LeftNavigation.types.js +0 -2
  169. package/build/LeftNavigation/LeftNavigation.types.js.map +0 -1
  170. package/build/LeftNavigation/NavListItem.js +0 -122
  171. package/build/LeftNavigation/NavListItem.js.map +0 -1
  172. package/build/LeftNavigation/PrimaryLeftNavigation.js +0 -108
  173. package/build/LeftNavigation/PrimaryLeftNavigation.js.map +0 -1
  174. package/build/LeftNavigation/SecondaryLeftNavigation.js +0 -88
  175. package/build/LeftNavigation/SecondaryLeftNavigation.js.map +0 -1
  176. package/build/LoadingSpinner/LoadingSpinner.js +0 -21
  177. package/build/LoadingSpinner/LoadingSpinner.js.map +0 -1
  178. package/build/LoadingSpinner/LoadingSpinner.types.js +0 -2
  179. package/build/LoadingSpinner/LoadingSpinner.types.js.map +0 -1
  180. package/build/MainLayout/MainLayout.js +0 -46
  181. package/build/MainLayout/MainLayout.js.map +0 -1
  182. package/build/MainLayout/MainLayout.types.js +0 -2
  183. package/build/MainLayout/MainLayout.types.js.map +0 -1
  184. package/build/MobileDatePicker/MobileDatePicker.js +0 -38
  185. package/build/MobileDatePicker/MobileDatePicker.js.map +0 -1
  186. package/build/MobileDatePicker/MobileDatePicker.types.js +0 -2
  187. package/build/MobileDatePicker/MobileDatePicker.types.js.map +0 -1
  188. package/build/NavbarLayout/Navbar.js +0 -101
  189. package/build/NavbarLayout/Navbar.js.map +0 -1
  190. package/build/NavbarLayout/NavbarLayout.js +0 -52
  191. package/build/NavbarLayout/NavbarLayout.js.map +0 -1
  192. package/build/NavbarLayout/index.js +0 -2
  193. package/build/NavbarLayout/index.js.map +0 -1
  194. package/build/SearchBar/SearchBar.js +0 -75
  195. package/build/SearchBar/SearchBar.js.map +0 -1
  196. package/build/SearchBar/SearchBar.types.js +0 -2
  197. package/build/SearchBar/SearchBar.types.js.map +0 -1
  198. package/build/Select/Select.js +0 -140
  199. package/build/Select/Select.js.map +0 -1
  200. package/build/Select/Select.types.js +0 -2
  201. package/build/Select/Select.types.js.map +0 -1
  202. package/build/StaticTable/StaticTable.js +0 -147
  203. package/build/StaticTable/StaticTable.js.map +0 -1
  204. package/build/StaticTable/StaticTable.types.js +0 -2
  205. package/build/StaticTable/StaticTable.types.js.map +0 -1
  206. package/build/SvgComponents/ContainedPartnersLogo.js +0 -8
  207. package/build/SvgComponents/ContainedPartnersLogo.js.map +0 -1
  208. package/build/SvgComponents/HomeSvg.js +0 -8
  209. package/build/SvgComponents/HomeSvg.js.map +0 -1
  210. package/build/SvgComponents/NovelLogoSvg.js +0 -8
  211. package/build/SvgComponents/NovelLogoSvg.js.map +0 -1
  212. package/build/SvgComponents/OrganisationList.js +0 -8
  213. package/build/SvgComponents/OrganisationList.js.map +0 -1
  214. package/build/SvgComponents/ProjectsSvg.js +0 -8
  215. package/build/SvgComponents/ProjectsSvg.js.map +0 -1
  216. package/build/SvgComponents/index.js +0 -6
  217. package/build/SvgComponents/index.js.map +0 -1
  218. package/build/SvgComponents/types.js +0 -2
  219. package/build/SvgComponents/types.js.map +0 -1
  220. package/build/TextField/TextField.js +0 -67
  221. package/build/TextField/TextField.js.map +0 -1
  222. package/build/TextField/TextField.types.js +0 -2
  223. package/build/TextField/TextField.types.js.map +0 -1
  224. package/build/Tooltip/OptionalTooltip.js +0 -11
  225. package/build/Tooltip/OptionalTooltip.js.map +0 -1
  226. package/build/Tooltip/index.js +0 -2
  227. package/build/Tooltip/index.js.map +0 -1
  228. package/build/assets/index-DCUzKTQq.css +0 -78
  229. package/build/globals/index.js +0 -28
  230. package/build/globals/index.js.map +0 -1
  231. package/build/hooks/index.js +0 -4
  232. package/build/hooks/index.js.map +0 -1
  233. package/build/hooks/useDebounceEffect.js +0 -12
  234. package/build/hooks/useDebounceEffect.js.map +0 -1
  235. package/build/hooks/useInterval.js +0 -19
  236. package/build/hooks/useInterval.js.map +0 -1
  237. package/build/hooks/useWhyDidYouUpdate.js +0 -43
  238. package/build/hooks/useWhyDidYouUpdate.js.map +0 -1
  239. package/build/styles/colours.js +0 -4
  240. package/build/styles/colours.js.map +0 -1
  241. package/build/styles/font.js +0 -19
  242. package/build/styles/font.js.map +0 -1
  243. package/build/styles/index.js +0 -4
  244. package/build/styles/index.js.map +0 -1
  245. package/build/styles/layout.js +0 -85
  246. package/build/styles/layout.js.map +0 -1
  247. package/build/styles/spacing.js +0 -50
  248. package/build/styles/spacing.js.map +0 -1
  249. package/build/styles/themes.js +0 -56
  250. package/build/styles/themes.js.map +0 -1
  251. package/build/utils/index.js +0 -14
  252. package/build/utils/index.js.map +0 -1
@@ -0,0 +1,28 @@
1
+
2
+ interface ButtonProps {
3
+ /**
4
+ * Is this the principal call to action on the page?
5
+ */
6
+ primary?: boolean;
7
+ /**
8
+ * What background color to use
9
+ */
10
+ backgroundColor?: string;
11
+ /**
12
+ * How large should the button be?
13
+ */
14
+ size?: 'small' | 'medium' | 'large';
15
+ /**
16
+ * Button contents
17
+ */
18
+ label: string;
19
+ /**
20
+ * Optional click handler
21
+ */
22
+ onClick?: () => void;
23
+ }
24
+ /**
25
+ * Primary UI component for user interaction
26
+ */
27
+ export declare const Button: ({ primary, size, backgroundColor, label, ...props }: ButtonProps) => JSX.Element;
28
+ export {};
@@ -0,0 +1,10 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { Button } from './Button';
3
+
4
+ declare const meta: Meta<typeof Button>;
5
+ export default meta;
6
+ type Story = StoryObj<typeof Button>;
7
+ export declare const Primary: Story;
8
+ export declare const Secondary: Story;
9
+ export declare const Large: Story;
10
+ export declare const Small: Story;
@@ -0,0 +1,12 @@
1
+
2
+ type User = {
3
+ name: string;
4
+ };
5
+ interface HeaderProps {
6
+ user?: User;
7
+ onLogin: () => void;
8
+ onLogout: () => void;
9
+ onCreateAccount: () => void;
10
+ }
11
+ export declare const Header: ({ user, onLogin, onLogout, onCreateAccount }: HeaderProps) => JSX.Element;
12
+ export {};
@@ -0,0 +1,8 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { Header } from './Header';
3
+
4
+ declare const meta: Meta<typeof Header>;
5
+ export default meta;
6
+ type Story = StoryObj<typeof Header>;
7
+ export declare const LoggedIn: Story;
8
+ export declare const LoggedOut: Story;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+
3
+ export declare const Page: React.FC;
@@ -0,0 +1,8 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { Page } from './Page';
3
+
4
+ declare const meta: Meta<typeof Page>;
5
+ export default meta;
6
+ type Story = StoryObj<typeof Page>;
7
+ export declare const LoggedOut: Story;
8
+ export declare const LoggedIn: Story;
@@ -0,0 +1 @@
1
+ ._input_1kwvp_1{background:transparent;border:0;font-family:Roboto,Helvetica,Arial,sans-serif;transition:border-bottom .2s cubic-bezier(.4,0,.2,1) 0ms,margin-top .2s cubic-bezier(.4,0,.2,1) 0m;margin-top:0;min-width:100%;box-sizing:content-box;font-size:14px;padding:0}._input_1kwvp_1[data-valid=false]{border-bottom-color:#d32f2f!important}input._input_1kwvp_1:not(:disabled):hover:not(:focus){border-bottom:1px solid rgb(158,158,158);margin-top:1px}input._input_1kwvp_1:not(:disabled):focus{outline:none;border-bottom:2px solid rgb(115,196,202);margin-top:2px}._input_1kwvp_1:disabled{cursor:text}._wrapper_1kwvp_35{display:grid;grid-template-columns:auto 1fr auto;align-items:center;width:fit-content;min-width:100%;gap:.35rem}._wrapper_1kwvp_35[data-full-width=true]{width:100%}._wrapper_1kwvp_35[data-full-width=true] ._input_1kwvp_1{width:100%!important;max-width:100%}td[data-align=center] ._input_1kwvp_1{text-align:center;margin:auto}._error_ra74q_1{color:#d32f2f;display:block}._checkbox_1j8tf_1{accent-color:rgb(115,196,202);margin:0;width:15px;height:15px;cursor:pointer}._label_1j8tf_9{display:flex;justify-content:center;align-items:center;margin:auto;border-radius:5rem;width:38px;height:38px;cursor:pointer;transition:background .2s ease}._label_1j8tf_9:hover{background:#00000008}._label_1j8tf_9:active{background:#0000001a}._disabled_1j8tf_29._label_1j8tf_9{cursor:default!important}._disabled_1j8tf_29._label_1j8tf_9:hover,._disabled_1j8tf_29._label_1j8tf_9:active{background:none!important}._disabled_1j8tf_29._label_1j8tf_9 ._checkbox_1j8tf_1{cursor:default!important}._newRowHighlight_2pv8n_1{background-color:#73c4ca30}._editedCellHighlight_2pv8n_5{background-color:#5840f52e!important;background-clip:padding-box}._editedBorder_2pv8n_10{border:3px solid #5840f52e;border-width:2px 4px}._errorBorder_2pv8n_15{border:3px solid rgb(211,47,47);border-width:2px 4px}._emptyLoadingPadding_2pv8n_20{background:#fff;padding-top:.75rem;padding-bottom:.75rem}._centeredText_2pv8n_26{text-align:center}._disabled_2pv8n_30{background-color:#0000000a}._pagination_2pv8n_34{margin-top:1rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:center}._virtualisationContainer_2pv8n_42{background:#fff;min-width:fit-content}._cellPadding_2pv8n_47{padding:.5rem .75rem}._shadedHeader_2pv8n_51:nth-of-type(2n){background-color:#eee}._shadedBodyCell_2pv8n_55:nth-of-type(2n){background-color:#00000012;background-clip:padding-box}._shadedHeaderGroupParent_2pv8n_60:nth-of-type(2n){background-color:#eee}._shadedHeaderGroup2Children_2pv8n_64:nth-of-type(4n-2),._shadedHeaderGroup2Children_2pv8n_64:nth-of-type(4n-1){background-color:#eee}._shadedBody2CellsInsideGroup_2pv8n_69:nth-of-type(4n-2),._shadedBody2CellsInsideGroup_2pv8n_69:nth-of-type(4n-1){background-color:#00000012;background-clip:padding-box}._offsetStickyPosition_2pv8n_75{top:0;position:sticky}._stickyHeaderZIndex_2pv8n_80{z-index:3}._headerCellColour_2pv8n_84{background-color:#fafafa}._rowCellColour_2pv8n_88{background-color:#fff;background-clip:padding-box}._rowHoverForStickyCell_2pv8n_93:hover ._stickyRowCell_2pv8n_93{background-color:#f5f5f5}._headerBorders_2pv8n_97:not(tr:last-child th){border:none}._tableRow_2pv8n_101{background:#fff}._tableRow_2pv8n_101:hover{background:#0000000a}._tableHeadingCell_2pv8n_109{font-weight:500}._tableCell_2pv8n_113{font-family:Roboto,Helvetica,Arial,sans-serif;font-size:.875rem;line-height:1.5rem;letter-spacing:.01071em;display:table-cell;vertical-align:inherit;border-bottom:1px solid rgb(224,224,224);text-align:left;color:#000000de;padding:8px}._tableCellTotalsLabel_2pv8n_126{text-align:center;font-weight:500}._tableTotalCell_2pv8n_131{border-bottom:0;height:54.5px}._tableTotalWrapper_2pv8n_136{display:grid;grid-template-columns:1fr auto;font-weight:500}thead ._tableCell_2pv8n_113{border:0!important;border-collapse:initial}
@@ -1,3 +1,3 @@
1
- export declare const RED = "#d32f2f";
2
- export declare const GREY = "rgb(158, 158, 158)";
3
- export declare const PRIMARY = "rgb(115, 196, 202)";
1
+ export declare const RED = "#d32f2f";
2
+ export declare const GREY = "rgb(158, 158, 158)";
3
+ export declare const PRIMARY = "rgb(115, 196, 202)";
@@ -1 +1 @@
1
- export declare const useFontStyles: (props?: any) => import("@mui/styles/withStyles").ClassNameMap<"boldText" | "bolderText" | "smallText" | "warningColor" | "centerText">;
1
+ export declare const useFontStyles: (props?: any) => import('@mui/styles/withStyles').ClassNameMap<"boldText" | "bolderText" | "smallText" | "warningColor" | "centerText">;
@@ -1,3 +1,3 @@
1
- export * from "./spacing";
2
- export * from "./font";
3
- export * from "./layout";
1
+ export * from './spacing';
2
+ export * from './font';
3
+ export * from './layout';
@@ -1 +1 @@
1
- export declare const useLayoutStyles: (props?: any) => import("@mui/styles/withStyles").ClassNameMap<"contentBox" | "limitWidth60rem" | "limitWidth50rem" | "limitWidth45rem" | "limitWidth40rem" | "limitWidth35rem" | "limitWidth30rem" | "limitWidth25rem" | "centeredText" | "startAlignedText" | "width20" | "width49" | "width50" | "width60" | "width100" | "flexCenter" | "centerJustify" | "leftJustify" | "rightJustify" | "adornmentGap">;
1
+ export declare const useLayoutStyles: (props?: any) => import('@mui/styles/withStyles').ClassNameMap<"contentBox" | "limitWidth60rem" | "limitWidth50rem" | "limitWidth45rem" | "limitWidth40rem" | "limitWidth35rem" | "limitWidth30rem" | "limitWidth25rem" | "centeredText" | "startAlignedText" | "width20" | "width49" | "width50" | "width60" | "width100" | "flexCenter" | "centerJustify" | "leftJustify" | "rightJustify" | "adornmentGap">;
@@ -1 +1 @@
1
- export declare const useSpacingStyles: (props?: any) => import("@mui/styles/withStyles").ClassNameMap<"labelBreak" | "contentBreak" | "sectionBreak" | "doubleSectionBreak" | "rightSpacer1" | "rightSpacer2" | "leftSpacer1" | "leftSpacer2" | "buttonSpacing" | "leftRightPadding1" | "leftRightPadding2" | "topBottomPadding1" | "topBottomPadding2">;
1
+ export declare const useSpacingStyles: (props?: any) => import('@mui/styles/withStyles').ClassNameMap<"labelBreak" | "contentBreak" | "sectionBreak" | "doubleSectionBreak" | "rightSpacer1" | "rightSpacer2" | "leftSpacer1" | "leftSpacer2" | "buttonSpacing" | "leftRightPadding1" | "leftRightPadding2" | "topBottomPadding1" | "topBottomPadding2">;
@@ -1,2 +1,2 @@
1
- export declare const novelTheme: import("@mui/material/styles").Theme;
2
- export declare const partnersTheme: import("@mui/material/styles").Theme;
1
+ export declare const novelTheme: import('@mui/material/styles').Theme;
2
+ export declare const partnersTheme: import('@mui/material/styles').Theme;
@@ -1,5 +1,6 @@
1
- import { TableCellValues } from "../EditableTable/EditableTable.types";
2
- export declare function sortDescendingStartDateString<T extends {
3
- startDate: string;
4
- }>(array: T[]): T[];
5
- export declare const didCellValueChange: (oldVal: TableCellValues, newVal: TableCellValues, isDateValue?: boolean) => boolean;
1
+ import { TableCellValues } from '../EditableTable/EditableTable.types';
2
+
3
+ export declare function sortDescendingStartDateString<T extends {
4
+ startDate: string;
5
+ }>(array: T[]): T[];
6
+ export declare const didCellValueChange: (oldVal: TableCellValues, newVal: TableCellValues, isDateValue?: boolean) => boolean;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@oc-digital/react-component-library",
3
3
  "type": "module",
4
- "version": "7.2.2",
4
+ "version": "7.2.3-beta.1",
5
5
  "description": "React component library for Optimal Compliance",
6
6
  "main": "build/index.js",
7
7
  "types": "build/index.d.ts",
@@ -10,12 +10,10 @@
10
10
  ],
11
11
  "scripts": {
12
12
  "start": "npm run storybook",
13
- "build": "npx rollup -c",
14
- "build:watch": "npx rollup -c -w",
13
+ "build": "npx vite build",
15
14
  "prepublishOnly": "npm run build",
16
15
  "test": "echo \"Error: no test specified\" && exit 1",
17
16
  "storybook": "storybook dev -p 6006",
18
- "build-storybook": "storybook build",
19
17
  "beta": "npm publish --tag beta",
20
18
  "lint": "eslint ./",
21
19
  "tsc": "tsc --skipLibCheck"
@@ -35,15 +33,20 @@
35
33
  "@mui/material": "^5.14.12",
36
34
  "@mui/styles": "^5.14.12",
37
35
  "@mui/x-date-pickers": "^6.16.1",
38
- "@rollup/plugin-commonjs": "^25.0.7",
39
- "@rollup/plugin-node-resolve": "^15.2.3",
40
- "@rollup/plugin-terser": "^0.4.4",
41
- "@storybook/addon-actions": "^7.6.12",
42
- "@storybook/addon-essentials": "^7.6.12",
43
- "@storybook/addon-links": "^7.6.12",
44
- "@storybook/addon-themes": "^7.6.12",
45
- "@storybook/react": "^7.6.12",
46
- "@storybook/react-webpack5": "^7.6.12",
36
+ "@storybook/addon-actions": "^8.0.10",
37
+ "@storybook/addon-essentials": "^8.0.10",
38
+ "@storybook/addon-interactions": "^8.0.10",
39
+ "@storybook/addon-links": "^8.0.10",
40
+ "@storybook/addon-onboarding": "^8.0.10",
41
+ "@storybook/addon-themes": "^8.0.10",
42
+ "@storybook/blocks": "^8.0.10",
43
+ "@storybook/react": "^8.0.10",
44
+ "@storybook/react-webpack5": "^8.0.10",
45
+ "@storybook/test": "^8.0.10",
46
+ "@chromatic-com/storybook": "^1.3.4",
47
+ "@storybook/react-dom-shim": "^8.0.10",
48
+ "@storybook/react-vite": "^8.0.10",
49
+ "vite": "^5.2.11",
47
50
  "@types/react": "^17.0.21",
48
51
  "@types/react-table": "^7.7.8",
49
52
  "@typescript-eslint/eslint-plugin": "^4.31.1",
@@ -60,6 +63,7 @@
60
63
  "eslint-plugin-prettier": "^4.0.0",
61
64
  "eslint-plugin-react": "^7.25.2",
62
65
  "eslint-plugin-react-hooks": "^4.2.0",
66
+ "eslint-plugin-storybook": "^0.8.0",
63
67
  "husky": "^4.3.0",
64
68
  "lint-staged": "^11.1.2",
65
69
  "lodash": "^4.17.21",
@@ -69,13 +73,10 @@
69
73
  "react-number-format": "^5.3.3",
70
74
  "react-router-dom": "^6.21.1",
71
75
  "react-table": "^7.7.0",
72
- "rollup": "^4.12.1",
73
- "rollup-plugin-import-css-classes": "^1.4.0",
74
- "rollup-plugin-peer-deps-external": "^2.2.4",
75
- "rollup-plugin-typescript2": "^0.34.1",
76
- "storybook": "^7.6.12",
76
+ "storybook": "^8.0.10",
77
77
  "tslib": "^2.3.1",
78
78
  "typescript": "^4.4.3",
79
+ "vite-plugin-dts": "^3.9.1",
79
80
  "yup": "^0.32.11"
80
81
  },
81
82
  "peerDependencies": {
@@ -113,7 +114,8 @@
113
114
  "extends": [
114
115
  "react-app",
115
116
  "plugin:@typescript-eslint/eslint-recommended",
116
- "plugin:prettier/recommended"
117
+ "plugin:prettier/recommended",
118
+ "plugin:storybook/recommended"
117
119
  ],
118
120
  "rules": {
119
121
  "no-use-before-define": "off",
@@ -1,48 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- import { jsx as _jsx } from "react/jsx-runtime";
13
- import { forwardRef } from "react";
14
- import { Collapse, Button } from "@mui/material";
15
- import makeStyles from "@mui/styles/makeStyles";
16
- import { Alert as MUIAlert } from "@mui/material";
17
- import { useSpacingStyles } from "../styles";
18
- import { BORDER_RADIUS, FORM_ERROR, FORM_SUCCESS, FORM_WARNING } from "../globals";
19
- var useAlertStyles = makeStyles(function (theme) { return ({
20
- alertStyling: {
21
- borderRadius: BORDER_RADIUS,
22
- },
23
- closeButton: {
24
- color: theme.palette.text.secondary,
25
- marginRight: theme.spacing(2),
26
- },
27
- showCursor: {
28
- cursor: "pointer",
29
- },
30
- horizontalAutoMargin: {
31
- marginLeft: "auto",
32
- marginRight: "auto",
33
- },
34
- }); });
35
- var Alert = forwardRef(function (_a, ref) {
36
- var alertActionHandler = _a.alertActionHandler, formStatus = _a.formStatus, actionButton = _a.actionButton, alertMessage = _a.alertMessage, _b = _a.addBreak, addBreak = _b === void 0 ? true : _b, styling = _a.styling;
37
- var classes = __assign(__assign({}, useSpacingStyles()), useAlertStyles());
38
- return (_jsx(Collapse, { in: [FORM_SUCCESS, FORM_ERROR, FORM_WARNING].includes(formStatus), ref: ref, className: classes.horizontalAutoMargin, children: _jsx(MUIAlert, { onClick: alertActionHandler, className: "".concat(classes.alertStyling, " ").concat(addBreak ? classes.sectionBreak : "", " ").concat(styling || "", " ").concat(alertActionHandler ? classes.showCursor : ""), severity: formStatus === FORM_ERROR
39
- ? FORM_ERROR
40
- : formStatus === FORM_SUCCESS
41
- ? FORM_SUCCESS
42
- : FORM_WARNING, action: actionButton ? (_jsx(Button, { className: classes.closeButton, "aria-label": "close", color: "inherit", size: "small", onClick: function (event) {
43
- event.stopPropagation();
44
- actionButton.handler();
45
- }, children: actionButton.text })) : null, children: alertMessage }) }));
46
- });
47
- export default Alert;
48
- //# sourceMappingURL=Alert.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../src/Alert/Alert.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,KAAK,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAGnF,IAAM,cAAc,GAAG,UAAU,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;IAC5C,YAAY,EAAE;QACZ,YAAY,EAAE,aAAa;KAC5B;IACD,WAAW,EAAE;QACX,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS;QACnC,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KAC9B;IACD,UAAU,EAAE;QACV,MAAM,EAAE,SAAS;KAClB;IACD,oBAAoB,EAAE;QACpB,UAAU,EAAE,MAAM;QAClB,WAAW,EAAE,MAAM;KACpB;CACF,CAAC,EAf2C,CAe3C,CAAC,CAAC;AAEJ,IAAM,KAAK,GAA0B,UAAU,CAC7C,UACE,EAOC,EACD,GAAG;QAPD,kBAAkB,wBAAA,EAClB,UAAU,gBAAA,EACV,YAAY,kBAAA,EACZ,YAAY,kBAAA,EACZ,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA,EACf,OAAO,aAAA;IAIT,IAAM,OAAO,yBAAQ,gBAAgB,EAAE,GAAK,cAAc,EAAE,CAAE,CAAC;IAC/D,OAAO,CACL,KAAC,QAAQ,IACP,EAAE,EAAE,CAAC,YAAY,EAAE,UAAU,EAAE,YAAY,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC,EACjE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,CAAC,oBAAoB,YAEvC,KAAC,QAAQ,IACP,OAAO,EAAE,kBAAkB,EAC3B,SAAS,EAAE,UAAG,OAAO,CAAC,YAAY,cAAI,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,cACxE,OAAO,IAAI,EAAE,cACX,kBAAkB,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAE,EAClD,QAAQ,EACN,UAAU,KAAK,UAAU;gBACvB,CAAC,CAAC,UAAU;gBACZ,CAAC,CAAC,UAAU,KAAK,YAAY;oBAC7B,CAAC,CAAC,YAAY;oBACd,CAAC,CAAC,YAAY,EAElB,MAAM,EACJ,YAAY,CAAC,CAAC,CAAC,CACb,KAAC,MAAM,IACL,SAAS,EAAE,OAAO,CAAC,WAAW,gBACnB,OAAO,EAClB,KAAK,EAAC,SAAS,EACf,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,UAAC,KAAK;oBACb,KAAK,CAAC,eAAe,EAAE,CAAC;oBACxB,YAAY,CAAC,OAAO,EAAE,CAAC;gBACzB,CAAC,YAEA,YAAY,CAAC,IAAI,GACX,CACV,CAAC,CAAC,CAAC,IAAI,YAGT,YAAY,GACJ,GACF,CACZ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,KAAK,CAAC"}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=Alert.types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Alert.types.js","sourceRoot":"","sources":["../../src/Alert/Alert.types.ts"],"names":[],"mappings":""}
@@ -1,91 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
13
- if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
14
- if (ar || !(i in from)) {
15
- if (!ar) ar = Array.prototype.slice.call(from, 0, i);
16
- ar[i] = from[i];
17
- }
18
- }
19
- return to.concat(ar || Array.prototype.slice.call(from));
20
- };
21
- import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
22
- import { Divider, List, ListItem, Typography } from "@mui/material";
23
- import makeStyles from "@mui/styles/makeStyles";
24
- import React from "react";
25
- import { Link as RouterLink } from "react-router-dom";
26
- import { BORDER_RADIUS } from "../globals";
27
- import LoadingSpinner from "../LoadingSpinner/LoadingSpinner";
28
- import { useLayoutStyles, useSpacingStyles } from "../styles";
29
- import { OptionalTooltip } from "../Tooltip";
30
- var useAlphabeticalListStyles = makeStyles(function (theme) { return ({
31
- divider: {
32
- background: theme.palette.primary.main,
33
- height: "0.2rem",
34
- },
35
- letterHeader: {
36
- cursor: "default",
37
- color: theme.palette.primary.main,
38
- marginTop: "1rem",
39
- },
40
- listItem: {
41
- borderRadius: BORDER_RADIUS,
42
- border: "1px solid ".concat(theme.palette.grey[300]),
43
- marginBottom: "0.5rem",
44
- paddingLeft: "24px",
45
- boxShadow: theme.shadows[1],
46
- },
47
- disabledListItem: {
48
- "& > p": {
49
- color: "#b4b4b4",
50
- },
51
- background: "white !important",
52
- pointerEvents: "none",
53
- },
54
- topMargin: {
55
- marginTop: theme.spacing(2),
56
- display: "block",
57
- },
58
- }); });
59
- var AlphabeticalList = function (_a) {
60
- var array = _a.array, sortFn = _a.sortFn, _b = _a.sortKey, sortKey = _b === void 0 ? "name" : _b, buttonClick = _a.buttonClick, linkTo = _a.linkTo, ItemTemplate = _a.ItemTemplate, _c = _a.arrayKey, arrayKey = _c === void 0 ? "id" : _c, _d = _a.loading, loading = _d === void 0 ? false : _d, _e = _a.loadingMessage, loadingMessage = _e === void 0 ? "Loading list..." : _e, _f = _a.emptyMessage, emptyMessage = _f === void 0 ? "List is empty" : _f, _g = _a.alphabetisedHeader, alphabetisedHeader = _g === void 0 ? true : _g, isItemDisabled = _a.isItemDisabled;
61
- var classes = __assign(__assign(__assign({}, useAlphabeticalListStyles()), useSpacingStyles()), useLayoutStyles());
62
- if (array === undefined || loading) {
63
- return _jsx(LoadingSpinner, { styling: classes.topMargin, text: loadingMessage });
64
- }
65
- if (!(array === null || array === void 0 ? void 0 : array.length)) {
66
- return (_jsx(Typography, { className: classes.topMargin, align: "center", variant: "body2", color: "textSecondary", children: emptyMessage }));
67
- }
68
- var result = sortFn ? __spreadArray([], array, true).sort(sortFn) : array;
69
- var lastSection = "";
70
- return (_jsx(List, { className: classes.limitWidth50rem, children: result.map(function (item, index) {
71
- var _a, _b;
72
- var showHeader = false;
73
- if (alphabetisedHeader) {
74
- var currentKey = (((_a = item[sortKey]) === null || _a === void 0 ? void 0 : _a[0]) || "???").toLowerCase();
75
- if (currentKey !== lastSection) {
76
- lastSection = currentKey;
77
- showHeader = true;
78
- }
79
- }
80
- var disabledResult = __assign({ reason: "" }, ((_b = isItemDisabled === null || isItemDisabled === void 0 ? void 0 : isItemDisabled(item)) !== null && _b !== void 0 ? _b : {}));
81
- return (_jsxs(React.Fragment, { children: [alphabetisedHeader && showHeader ? (_jsxs(_Fragment, { children: [_jsx(Typography, { className: "".concat(classes.letterHeader), align: "left", children: lastSection.toUpperCase() }), _jsx(Divider, { className: "".concat(classes.contentBreak, " ").concat(classes.divider) })] })) : null, _jsx(OptionalTooltip, { showTooltip: disabledResult.disabled, tooltipText: disabledResult.reason, children: _jsx(ListItem, __assign({ className: disabledResult.disabled
82
- ? "".concat(classes.listItem, " ").concat(classes.disabledListItem)
83
- : classes.listItem, alignItems: "flex-start", button: (buttonClick || linkTo ? true : undefined), onClick: buttonClick && !disabledResult.disabled
84
- ? function () { return buttonClick(item); }
85
- : undefined }, (linkTo && !buttonClick && !disabledResult.disabled
86
- ? { component: RouterLink, to: linkTo(item) }
87
- : {}), { children: _jsx(ItemTemplate, { item: item }) })) })] }, item[arrayKey] || "alphabetical-list-".concat(index)));
88
- }) }));
89
- };
90
- export default AlphabeticalList;
91
- //# sourceMappingURL=AlphabeticalList.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AlphabeticalList.js","sourceRoot":"","sources":["../../src/AlphabeticalList/AlphabeticalList.tsx"],"names":[],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=AlphabeticalList.types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AlphabeticalList.types.js","sourceRoot":"","sources":["../../src/AlphabeticalList/AlphabeticalList.types.ts"],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=AutoSave.types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AutoSave.types.js","sourceRoot":"","sources":["../../../src/AutoSave/Select/AutoSave.types.ts"],"names":[],"mappings":""}
@@ -1,31 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- var __rest = (this && this.__rest) || function (s, e) {
13
- var t = {};
14
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
15
- t[p] = s[p];
16
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
17
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
18
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
19
- t[p[i]] = s[p[i]];
20
- }
21
- return t;
22
- };
23
- import { jsx as _jsx } from "react/jsx-runtime";
24
- import Select from "../../Select/Select";
25
- export var AutoSaveSelectField = function (_a) {
26
- var autoSave = _a.autoSave, selectOptions = _a.selectOptions, props = __rest(_a, ["autoSave", "selectOptions"]);
27
- return (_jsx(Select, __assign({ selectOptions: selectOptions }, props, { onChange: function (newValue) {
28
- autoSave && autoSave(newValue.target.value);
29
- } })));
30
- };
31
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/AutoSave/Select/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAGzC,MAAM,CAAC,IAAM,mBAAmB,GAAuC,UAAC,EAIvE;IAHC,IAAA,QAAQ,cAAA,EACR,aAAa,mBAAA,EACV,KAAK,cAH8D,6BAIvE,CADS;IAER,OAAO,CACL,KAAC,MAAM,aACL,aAAa,EAAE,aAAa,IACxB,KAAK,IACT,QAAQ,EAAE,UAAC,QAAQ;YACjB,QAAQ,IAAI,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC9C,CAAC,IACD,CACH,CAAC;AACJ,CAAC,CAAC"}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=AutoSave.types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AutoSave.types.js","sourceRoot":"","sources":["../../../src/AutoSave/Text/AutoSave.types.ts"],"names":[],"mappings":""}
@@ -1,140 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
13
- function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
14
- return new (P || (P = Promise))(function (resolve, reject) {
15
- function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
16
- function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
17
- function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
18
- step((generator = generator.apply(thisArg, _arguments || [])).next());
19
- });
20
- };
21
- var __generator = (this && this.__generator) || function (thisArg, body) {
22
- var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
23
- return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
24
- function verb(n) { return function (v) { return step([n, v]); }; }
25
- function step(op) {
26
- if (f) throw new TypeError("Generator is already executing.");
27
- while (g && (g = 0, op[0] && (_ = 0)), _) try {
28
- if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
29
- if (y = 0, t) op = [op[0] & 2, t.value];
30
- switch (op[0]) {
31
- case 0: case 1: t = op; break;
32
- case 4: _.label++; return { value: op[1], done: false };
33
- case 5: _.label++; y = op[1]; op = [0]; continue;
34
- case 7: op = _.ops.pop(); _.trys.pop(); continue;
35
- default:
36
- if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
37
- if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
38
- if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
39
- if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
40
- if (t[2]) _.ops.pop();
41
- _.trys.pop(); continue;
42
- }
43
- op = body.call(thisArg, _);
44
- } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
45
- if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
46
- }
47
- };
48
- var __rest = (this && this.__rest) || function (s, e) {
49
- var t = {};
50
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
51
- t[p] = s[p];
52
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
53
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
54
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
55
- t[p[i]] = s[p[i]];
56
- }
57
- return t;
58
- };
59
- import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
60
- import { useState } from "react";
61
- import { CheckCircleOutline, ErrorOutline } from "@mui/icons-material";
62
- import { FORM_ENABLED, FORM_ERROR, FORM_LOADING, FORM_SUCCESS, } from "../../globals";
63
- import LoadingSpinner from "../../LoadingSpinner/LoadingSpinner";
64
- import { useInterval } from "../../hooks";
65
- import TextField from "../../TextField/TextField";
66
- import { Tooltip } from "@mui/material";
67
- export var AutoSaveTextField = function (_a) {
68
- var autoSave = _a.autoSave, _onBlur = _a.onBlur, props = __rest(_a, ["autoSave", "onBlur"]);
69
- var _b = useState(false), wrapFocus = _b[0], setWrapFocus = _b[1];
70
- var _c = useState(FORM_ENABLED), formStatus = _c[0], setFormStatus = _c[1];
71
- var _d = useState(false), timerRunning = _d[0], setTimerRunning = _d[1];
72
- useInterval(function () { return __awaiter(void 0, void 0, void 0, function () {
73
- var _a, error_1;
74
- return __generator(this, function (_b) {
75
- switch (_b.label) {
76
- case 0:
77
- setFormStatus(FORM_LOADING);
78
- _b.label = 1;
79
- case 1:
80
- _b.trys.push([1, 4, , 5]);
81
- _a = !props.error;
82
- if (!_a) return [3 /*break*/, 3];
83
- return [4 /*yield*/, autoSave(props.value)];
84
- case 2:
85
- _a = (_b.sent());
86
- _b.label = 3;
87
- case 3:
88
- _a;
89
- setFormStatus(FORM_SUCCESS);
90
- return [3 /*break*/, 5];
91
- case 4:
92
- error_1 = _b.sent();
93
- setFormStatus(FORM_ERROR);
94
- return [3 /*break*/, 5];
95
- case 5:
96
- setWrapFocus(false);
97
- return [2 /*return*/];
98
- }
99
- });
100
- }); }, wrapFocus && timerRunning ? 10000 : null);
101
- return (_jsx(_Fragment, { children: _jsx(TextField, __assign({ InputProps: {
102
- endAdornment: wrapFocus &&
103
- (formStatus === FORM_LOADING ? (_jsx(LoadingSpinner, { text: "" })) : formStatus === FORM_SUCCESS ? (_jsx(Tooltip, { title: "Successfully saved updates", children: _jsx(CheckCircleOutline, { color: "primary" }) })) : formStatus === FORM_ERROR ? (_jsx(Tooltip, { title: "Failed to save updates", children: _jsx(ErrorOutline, { color: "primary" }) })) : null),
104
- }, onFocus: function () {
105
- setWrapFocus(true);
106
- }, onChange: function () {
107
- // Setting it to false and then true causes the timer running to reset on every editor changes
108
- setTimerRunning(false);
109
- setTimerRunning(true);
110
- }, onBlur: function () { return __awaiter(void 0, void 0, void 0, function () {
111
- var _a, error_2;
112
- return __generator(this, function (_b) {
113
- switch (_b.label) {
114
- case 0:
115
- setTimerRunning(false);
116
- setWrapFocus(false);
117
- setFormStatus(FORM_LOADING);
118
- _b.label = 1;
119
- case 1:
120
- _b.trys.push([1, 4, , 5]);
121
- _a = !props.error && autoSave;
122
- if (!_a) return [3 /*break*/, 3];
123
- return [4 /*yield*/, autoSave(props.value)];
124
- case 2:
125
- _a = (_b.sent());
126
- _b.label = 3;
127
- case 3:
128
- _a;
129
- setFormStatus(FORM_SUCCESS);
130
- return [3 /*break*/, 5];
131
- case 4:
132
- error_2 = _b.sent();
133
- setFormStatus(FORM_ERROR);
134
- return [3 /*break*/, 5];
135
- case 5: return [2 /*return*/];
136
- }
137
- });
138
- }); } }, props)) }));
139
- };
140
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/AutoSave/Text/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACvE,OAAO,EACL,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,YAAY,GAEb,MAAM,eAAe,CAAC;AACvB,OAAO,cAAc,MAAM,qCAAqC,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAElD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAExC,MAAM,CAAC,IAAM,iBAAiB,GAAqC,UAAC,EAInE;IAHC,IAAA,QAAQ,cAAA,EACA,OAAO,YAAA,EACZ,KAAK,cAH0D,sBAInE,CADS;IAEF,IAAA,KAA4B,QAAQ,CAAC,KAAK,CAAC,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAC;IAC5C,IAAA,KAA8B,QAAQ,CAC1C,YAAY,CACb,EAFM,UAAU,QAAA,EAAE,aAAa,QAE/B,CAAC;IACI,IAAA,KAAkC,QAAQ,CAAC,KAAK,CAAC,EAAhD,YAAY,QAAA,EAAE,eAAe,QAAmB,CAAC;IAExD,WAAW,CACT;;;;;oBACE,aAAa,CAAC,YAAY,CAAC,CAAC;;;;oBAE1B,KAAA,CAAC,KAAK,CAAC,KAAK,CAAA;6BAAZ,wBAAY;oBAAK,qBAAM,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,EAAA;;oBAA5B,KAAA,CAAC,SAA2B,CAAC,CAAA;;;oBAA7C,GAA8C;oBAC9C,aAAa,CAAC,YAAY,CAAC,CAAC;;;;oBAE5B,aAAa,CAAC,UAAU,CAAC,CAAC;;;oBAG5B,YAAY,CAAC,KAAK,CAAC,CAAC;;;;SACrB,EACD,SAAS,IAAI,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CACzC,CAAC;IACF,OAAO,CACL,4BACE,KAAC,SAAS,aACR,UAAU,EAAE;gBACV,YAAY,EACV,SAAS;oBACT,CAAC,UAAU,KAAK,YAAY,CAAC,CAAC,CAAC,CAC7B,KAAC,cAAc,IAAC,IAAI,EAAE,EAAE,GAAI,CAC7B,CAAC,CAAC,CAAC,UAAU,KAAK,YAAY,CAAC,CAAC,CAAC,CAChC,KAAC,OAAO,IAAC,KAAK,EAAC,4BAA4B,YACzC,KAAC,kBAAkB,IAAC,KAAK,EAAC,SAAS,GAAG,GAC9B,CACX,CAAC,CAAC,CAAC,UAAU,KAAK,UAAU,CAAC,CAAC,CAAC,CAC9B,KAAC,OAAO,IAAC,KAAK,EAAE,wBAAwB,YACtC,KAAC,YAAY,IAAC,KAAK,EAAC,SAAS,GAAG,GACxB,CACX,CAAC,CAAC,CAAC,IAAI,CAAC;aACZ,EACD,OAAO,EAAE;gBACP,YAAY,CAAC,IAAI,CAAC,CAAC;YACrB,CAAC,EACD,QAAQ,EAAE;gBACR,8FAA8F;gBAC9F,eAAe,CAAC,KAAK,CAAC,CAAC;gBACvB,eAAe,CAAC,IAAI,CAAC,CAAC;YACxB,CAAC,EACD,MAAM,EAAE;;;;;4BACN,eAAe,CAAC,KAAK,CAAC,CAAC;4BACvB,YAAY,CAAC,KAAK,CAAC,CAAC;4BACpB,aAAa,CAAC,YAAY,CAAC,CAAC;;;;4BAE1B,KAAA,CAAC,KAAK,CAAC,KAAK,IAAI,QAAQ,CAAA;qCAAxB,wBAAwB;4BAAK,qBAAM,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,EAAA;;4BAA5B,KAAA,CAAC,SAA2B,CAAC,CAAA;;;4BAAzD,GAA0D;4BAC1D,aAAa,CAAC,YAAY,CAAC,CAAC;;;;4BAE5B,aAAa,CAAC,UAAU,CAAC,CAAC;;;;;iBAE7B,IACG,KAAK,EACT,GACD,CACJ,CAAC;AACJ,CAAC,CAAC"}