dce-reactkit 3.5.5 → 3.5.7
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/dist/cjs/index.js +452 -150
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/components/AutoscrollToBottomContainer.d.ts +21 -0
- package/dist/cjs/types/helpers/idify.d.ts +9 -0
- package/dist/cjs/types/index.d.ts +3 -1
- package/dist/esm/index.js +451 -151
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/AutoscrollToBottomContainer.d.ts +21 -0
- package/dist/esm/types/helpers/idify.d.ts +9 -0
- package/dist/esm/types/index.d.ts +3 -1
- package/dist/index.d.ts +70 -41
- package/package.json +1 -1
- package/src/components/AutoscrollToBottomContainer.tsx +455 -0
- package/src/helpers/idify.ts +24 -0
- package/src/index.ts +4 -0
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Container that automatically scrolls when new items are added,
|
|
3
|
+
* lets the user scroll up to see old items, but resumes
|
|
4
|
+
* autoscroll when the user scrolls back to the bottom.
|
|
5
|
+
* Note: takes up full height of parent, so parent should
|
|
6
|
+
* have a determined height for the scroll to work.
|
|
7
|
+
* @author Gabe Abrams
|
|
8
|
+
*/
|
|
9
|
+
import React from 'react';
|
|
10
|
+
import Variant from '../types/Variant';
|
|
11
|
+
type Props = {
|
|
12
|
+
itemsName?: string;
|
|
13
|
+
items: AutoScrollItem[];
|
|
14
|
+
jumpToBottomButtonVariant?: Variant;
|
|
15
|
+
};
|
|
16
|
+
type AutoScrollItem = {
|
|
17
|
+
id: string | number;
|
|
18
|
+
item: React.ReactNode;
|
|
19
|
+
};
|
|
20
|
+
declare const AutoscrollToBottomContainer: React.FC<Props>;
|
|
21
|
+
export default AutoscrollToBottomContainer;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Convert a string to hyphenated lowercase format with no space or
|
|
3
|
+
* non-alphanumeric characters
|
|
4
|
+
* @author Gabe Abrams
|
|
5
|
+
* @param str the string to convert
|
|
6
|
+
* @returns the idified string
|
|
7
|
+
*/
|
|
8
|
+
declare const idify: (str: string) => string;
|
|
9
|
+
export default idify;
|
|
@@ -19,6 +19,7 @@ import CSVDownloadButton from './components/CSVDownloadButton';
|
|
|
19
19
|
import DBEntryManagerPanel from './components/DBEntryManagerPanel';
|
|
20
20
|
import Tooltip from './components/Tooltip';
|
|
21
21
|
import ToggleSwitch from './components/ToggleSwitch';
|
|
22
|
+
import AutoscrollToBottomContainer from './components/AutoscrollToBottomContainer';
|
|
22
23
|
import ErrorWithCode from './errors/ErrorWithCode';
|
|
23
24
|
import MINUTE_IN_MS from './constants/MINUTE_IN_MS';
|
|
24
25
|
import HOUR_IN_MS from './constants/HOUR_IN_MS';
|
|
@@ -63,6 +64,7 @@ import genCommaList from './helpers/genCommaList';
|
|
|
63
64
|
import validateEmail from './helpers/validators/validateEmail';
|
|
64
65
|
import validatePhoneNumber from './helpers/validators/validatePhoneNumber';
|
|
65
66
|
import validateString from './helpers/validators/validateString';
|
|
67
|
+
import idify from './helpers/idify';
|
|
66
68
|
import ModalButtonType from './types/ModalButtonType';
|
|
67
69
|
import ModalSize from './types/ModalSize';
|
|
68
70
|
import ModalType from './types/ModalType';
|
|
@@ -81,4 +83,4 @@ import PickableItem from './components/ItemPicker/types/PickableItem';
|
|
|
81
83
|
import DBEntry from './components/DBEntryManagerPanel/types/DBEntry';
|
|
82
84
|
import DBEntryField from './components/DBEntryManagerPanel/types/DBEntryField';
|
|
83
85
|
import DBEntryFieldType from './components/DBEntryManagerPanel/types/DBEntryFieldType';
|
|
84
|
-
export { AppWrapper, LoadingSpinner, ErrorBox, Modal, TabBox, RadioButton, CheckboxButton, ButtonInputGroup, SimpleDateChooser, Drawer, PopSuccessMark, PopFailureMark, PopPendingMark, CopiableBox, ItemPicker, LogReviewer, IntelliTable, CSVDownloadButton, DBEntryManagerPanel, Tooltip, ToggleSwitch, alert, confirm, showFatalError, ErrorWithCode, MINUTE_IN_MS, HOUR_IN_MS, DAY_IN_MS, DynamicWord, abbreviate, avg, ceilToNumDecimals, floorToNumDecimals, forceNumIntoBounds, padDecimalZeros, padZerosLeft, roundToNumDecimals, sum, waitMs, getOrdinal, getTimeInfoInET, stubServerEndpoint, startMinWait, getHumanReadableDate, getPartOfDay, stringsToHumanReadableList, onlyKeepLetters, parallelLimit, getMonthName, genCSV, canReviewLogs, isMobileOrTablet, extractProp, compareArraysByProp, genCommaList, validateEmail, validatePhoneNumber, validateString, getLocalTimeInfo, initClient, visitServerEndpoint, logClientEvent, addFatalErrorHandler, initServer, genRouteHandler, handleError, handleSuccess, initLogCollection, addDBEditorEndpoints, ModalButtonType, ModalSize, ModalType, ReactKitErrorCode, Variant, DayOfWeek, Log, LogType, LogSource, LogAction, LogBuiltInMetadata, LogMetadataType, IntelliTableColumn, PickableItem, DBEntry, DBEntryField, DBEntryFieldType, ParamType, };
|
|
86
|
+
export { AppWrapper, LoadingSpinner, ErrorBox, Modal, TabBox, RadioButton, CheckboxButton, ButtonInputGroup, SimpleDateChooser, Drawer, PopSuccessMark, PopFailureMark, PopPendingMark, CopiableBox, ItemPicker, LogReviewer, IntelliTable, CSVDownloadButton, DBEntryManagerPanel, Tooltip, ToggleSwitch, AutoscrollToBottomContainer, alert, confirm, showFatalError, ErrorWithCode, MINUTE_IN_MS, HOUR_IN_MS, DAY_IN_MS, DynamicWord, abbreviate, avg, ceilToNumDecimals, floorToNumDecimals, forceNumIntoBounds, padDecimalZeros, padZerosLeft, roundToNumDecimals, sum, waitMs, getOrdinal, getTimeInfoInET, stubServerEndpoint, startMinWait, getHumanReadableDate, getPartOfDay, stringsToHumanReadableList, onlyKeepLetters, parallelLimit, getMonthName, genCSV, canReviewLogs, isMobileOrTablet, extractProp, compareArraysByProp, genCommaList, validateEmail, validatePhoneNumber, validateString, getLocalTimeInfo, idify, initClient, visitServerEndpoint, logClientEvent, addFatalErrorHandler, initServer, genRouteHandler, handleError, handleSuccess, initLogCollection, addDBEditorEndpoints, ModalButtonType, ModalSize, ModalType, ReactKitErrorCode, Variant, DayOfWeek, Log, LogType, LogSource, LogAction, LogBuiltInMetadata, LogMetadataType, IntelliTableColumn, PickableItem, DBEntry, DBEntryField, DBEntryFieldType, ParamType, };
|