dce-reactkit 3.5.5 → 3.5.6
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 +450 -150
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/components/ScrollLockToBottomContainer.d.ts +19 -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 +449 -151
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/ScrollLockToBottomContainer.d.ts +19 -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 +68 -41
- package/package.json +1 -1
- package/src/components/ScrollLockToBottomContainer.tsx +453 -0
- package/src/helpers/idify.ts +24 -0
- package/src/index.ts +4 -0
|
@@ -0,0 +1,19 @@
|
|
|
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
|
+
* @author Gabe Abrams
|
|
6
|
+
*/
|
|
7
|
+
import React from 'react';
|
|
8
|
+
import Variant from '../types/Variant';
|
|
9
|
+
type Props = {
|
|
10
|
+
itemsName?: string;
|
|
11
|
+
items: AutoScrollItem[];
|
|
12
|
+
jumpToBottomButtonVariant?: Variant;
|
|
13
|
+
};
|
|
14
|
+
type AutoScrollItem = {
|
|
15
|
+
id: string | number;
|
|
16
|
+
item: React.ReactNode;
|
|
17
|
+
};
|
|
18
|
+
declare const ScrollLockToBottom: React.FC<Props>;
|
|
19
|
+
export default ScrollLockToBottom;
|
|
@@ -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 ScrollLockToBottom from './components/ScrollLockToBottomContainer';
|
|
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, ScrollLockToBottom, 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, };
|