@memobit/libs 1.0.64 → 1.0.66

package/dist/index.d.ts

@@ -1173,14 +1173,19 @@ export declare interface DateRangePreset {
 }
 
 /**
- * One day laid out against the clock, in a modal.
+ * One day laid out against the clock, in a side panel.
  *
  * A month cell can only carry a chip or three before the rest hide behind "+N more", and
  * those chips are too small to aim at on a phone. This is the way into a busy day: events
  * sit at the hour they actually happen, overlapping ones split into lanes, and the empty
  * stretches are themselves the target for adding something at that time.
+ *
+ * A drawer rather than a modal because the grid is a viewport onto a whole day and wants
+ * every pixel of height there is — a centred dialog either leaves the clock squinting
+ * through a few hours or, stretched, becomes a tall slot floating in the middle of a
+ * desktop screen. Pinned to the edge, the same shape reads as a panel instead.
  */
-export declare function DayAgenda<T>({ activeHours, addLabel, className, date, dayEndHour, dayStartHour, defaultDurationMinutes, emptyLabel, events, hourHeight, isOpen, onAdd, onClose, onDateChange, onEventClick, renderEvent, }: DayAgendaProps<T>): JSX.Element;
+export declare function DayAgenda<T>({ activeHours, className, date, dayEndHour, dayStartHour, defaultDurationMinutes, emptyLabel, events, hourHeight, isOpen, onAdd, onClose, onDateChange, onEventClick, position, renderEvent, width, }: DayAgendaProps<T>): JSX.Element;
 
 export declare interface DayAgendaProps<T = unknown> {
     /** The day to lay out. Only the date part is read. */
@@ -1193,7 +1198,7 @@ export declare interface DayAgendaProps<T = unknown> {
     isOpen: boolean;
     onClose: () => void;
     /**
-     * Enables swiping the grid left or right to step a day. Without it the modal shows
+     * Enables swiping the grid left or right to step a day. Without it the panel shows
      * only the day it was opened on — which is fine for a one-off, but on a phone the
      * neighbouring day is usually the next thing wanted.
      */
@@ -1201,11 +1206,10 @@ export declare interface DayAgendaProps<T = unknown> {
     onEventClick?: (event: CalendarEvent<T>) => void;
     /**
      * Fires with the hour slot that was clicked, so something added from an empty stretch
-     * starts at the time pointed at rather than at midnight. Also backs the footer button,
-     * which passes the day itself for an entry with no particular time.
+     * starts at the time pointed at rather than at midnight. Omit it and the grid goes
+     * inert — the day becomes something to read rather than edit.
      */
     onAdd?: (date: Date) => void;
-    addLabel?: string;
     /** Replaces a chip's contents. */
     renderEvent?: (event: CalendarEvent<T>) => ReactNode;
     emptyLabel?: string;
@@ -1222,6 +1226,10 @@ export declare interface DayAgendaProps<T = unknown> {
     hourHeight?: number;
     /** Assumed length of a timed event with no `end`. */
     defaultDurationMinutes?: number;
+    /** Which edge the panel slides in from. */
+    position?: DrawerPosition;
+    /** CSS width for the panel. */
+    width?: string;
     className?: string;
 }
 
@@ -1702,7 +1710,7 @@ export declare const htmlToPlainText: (html: string | undefined | null) => strin
 
 export declare const Icon: default_2.FC<IconProps>;
 
-export declare type IconName = 'active' | 'afternoon' | 'ajax' | 'alarm' | 'analysis' | 'angular' | 'announcement' | 'anomaly' | 'ant' | 'antenna' | 'api' | 'appliances' | 'archive' | 'arrow-bidirectional-horizontal' | 'arrow-bidirectional-vertical' | 'arrow-down' | 'arrow-left' | 'arrow-right' | 'arrow-up' | 'atom' | 'avocado' | 'badge' | 'ball' | 'balloon' | 'banana' | 'bank' | 'bat' | 'bath' | 'battery-charging' | 'battery-empty' | 'battery-full' | 'battery-half' | 'beans' | 'bear' | 'bed' | 'bee' | 'beer' | 'bell' | 'benefit' | 'birthday-cake' | 'blood' | 'blueberries' | 'bones' | 'book' | 'bow' | 'brain' | 'bread' | 'breakfast' | 'briefcase' | 'brightness' | 'broken-heart' | 'broom' | 'bug' | 'building' | 'bullet' | 'bunny' | 'burst' | 'bus' | 'butterfly' | 'button-device' | 'cake' | 'calculator' | 'calendar' | 'calendar-day' | 'calendar-month' | 'calendar-week' | 'calendar-year' | 'calibrate' | 'camera' | 'candy' | 'car' | 'carbs' | 'caret-down' | 'caret-left' | 'caret-right' | 'caret-up' | 'carrot' | 'cat' | 'categories' | 'caterpillar' | 'cd-dvd' | 'certificate' | 'chart' | 'checkmark' | 'cheese' | 'cherries' | 'chestnut' | 'chicken' | 'chocolate' | 'christmas-tree' | 'cigarette' | 'clear' | 'clipboard' | 'cloud' | 'coffee' | 'comment' | 'compass' | 'confetti' | 'connected' | 'context' | 'cook' | 'cookies' | 'cooling' | 'corn' | 'correlation' | 'cow' | 'cpu' | 'credit-card' | 'crystal-globe' | 'cube' | 'cucumber' | 'dashboard' | 'death' | 'defect' | 'delete' | 'dental' | 'deselect-all' | 'dessert' | 'detach' | 'devices' | 'digestive' | 'dinner' | 'dinosaur' | 'dishwasher' | 'dns' | 'doctor' | 'document' | 'documents' | 'dog' | 'dolphin' | 'door' | 'dot' | 'download' | 'dragon' | 'drying-machine' | 'duck' | 'duplicates' | 'ears' | 'earth' | 'edit' | 'egg' | 'eggplant' | 'elephant' | 'empty' | 'endocrine' | 'enlarge' | 'equalizer' | 'evening' | 'expense' | 'export' | 'external-link' | 'fan' | 'favorite' | 'fibers' | 'file' | 'filetype-avi' | 'filetype-bat' | 'filetype-c' | 'filetype-css' | 'filetype-csv' | 'filetype-doc' | 'filetype-docx' | 'filetype-gif' | 'filetype-html' | 'filetype-ico' | 'filetype-ini' | 'filetype-javascript' | 'filetype-jpeg' | 'filetype-jpg' | 'filetype-json' | 'filetype-less' | 'filetype-mp3' | 'filetype-mp4' | 'filetype-mpg' | 'filetype-pdf' | 'filetype-php' | 'filetype-png' | 'filetype-ppt' | 'filetype-psd' | 'filetype-rar' | 'filetype-sass' | 'filetype-sql' | 'filetype-tiff' | 'filetype-txt' | 'filetype-typescript' | 'filetype-wav' | 'filetype-xls' | 'filetype-xlsx' | 'filetype-xml' | 'filetype-zip' | 'filters' | 'fire' | 'firewall' | 'fireworks' | 'fish' | 'fishing-rod' | 'fog' | 'folder' | 'folder-open' | 'fondue' | 'food' | 'french-fries' | 'fridge' | 'fruits' | 'gallery' | 'gas-detector' | 'gateway' | 'gauge-high' | 'gauge-low' | 'gauge-medium' | 'gift-box' | 'girl' | 'github' | 'glass' | 'gloves' | 'glycemic-index' | 'goat' | 'graduation' | 'grid' | 'group' | 'gun' | 'hammer' | 'handshake' | 'hd' | 'headphones' | 'heart' | 'heating' | 'help' | 'hiking' | 'history' | 'home' | 'hospital' | 'humidity' | 'ice-cream' | 'identity' | 'image' | 'import' | 'inactive' | 'incognito' | 'information' | 'ingredients' | 'ink-cartridge' | 'ir-emitter' | 'joystick' | 'jupiter' | 'key' | 'knife' | 'laboratory' | 'language' | 'lantern' | 'layers' | 'leaf' | 'lemon' | 'light-bulb' | 'light-switch' | 'lightning' | 'link' | 'linkedin' | 'lipids' | 'list' | 'liver' | 'location' | 'lock' | 'lock-open' | 'logout' | 'lollipop' | 'lunch' | 'lungs' | 'magnet' | 'mail' | 'manage' | 'map' | 'mapping' | 'mars' | 'meat' | 'melon' | 'memory' | 'mental' | 'menu-hamburger' | 'mercury' | 'microphone' | 'microscope' | 'microwave' | 'milk' | 'minimum' | 'minus' | 'money' | 'monitor' | 'monkey' | 'moon' | 'morning' | 'motion' | 'mouse' | 'movie' | 'mushroom' | 'musical-note' | 'mute' | 'nas' | 'neptune' | 'nervous' | 'network' | 'next' | 'night' | 'ninja' | 'noon' | 'nose' | 'not-found' | 'notes' | 'notice' | 'offline' | 'olives' | 'online' | 'optimization' | 'other' | 'outdoor' | 'ownership' | 'pause' | 'pawn' | 'peanut' | 'pear' | 'penguin' | 'pepper' | 'pharmacy' | 'phone' | 'pig' | 'pill' | 'pin' | 'pizza' | 'plane' | 'play' | 'plug' | 'plus' | 'pluto' | 'polenta' | 'police' | 'police-man' | 'popcorn' | 'portions' | 'potato' | 'power' | 'predictions' | 'prescription' | 'previous' | 'printer' | 'proteins' | 'pudding' | 'pumpkin' | 'purifier' | 'puzzle' | 'radio' | 'rain' | 'rainbow' | 'raspberry' | 'reading' | 'referral' | 'reload' | 'repeat' | 'report' | 'reproductive' | 'return' | 'rice' | 'robot' | 'rocket' | 'romania-flag' | 'rooms' | 'router' | 'ruler' | 'running' | 'salad' | 'salt' | 'santa' | 'satellite' | 'saturn' | 'save' | 'scales' | 'scan' | 'school' | 'scissors' | 'score' | 'scss' | 'sd' | 'search' | 'security' | 'seeds' | 'sequence' | 'settings' | 'shield' | 'ship' | 'shopping-cart' | 'shrink' | 'shuffle' | 'signal-full' | 'signal-low' | 'signal-medium' | 'skin' | 'skull' | 'smartphone' | 'smb' | 'smoke-detector' | 'snake' | 'snow' | 'snowman' | 'soft-drink' | 'soup' | 'sources' | 'sparkle' | 'speaker' | 'speedometer' | 'square' | 'ssl' | 'staple' | 'star' | 'status' | 'stethoscope' | 'stop' | 'stop-sign' | 'storm' | 'strawberry' | 'streaming' | 'strength' | 'sugar' | 'sun' | 'surgery' | 'synchronize' | 'table' | 'target' | 'taxi' | 'technical' | 'teeth' | 'telescope' | 'theater' | 'theme-picker' | 'thermometer' | 'threshold' | 'time' | 'toggle-off' | 'toggle-on' | 'tomato' | 'toolbox' | 'train' | 'transactions' | 'transport-box' | 'tree' | 'trend-down' | 'trend-up' | 'trip' | 'trophy' | 'tune' | 'turkey' | 'turtle' | 'tv' | 'unarchive' | 'unassociated' | 'ungroup' | 'unmute' | 'upload' | 'upnp' | 'uranus' | 'user' | 'users' | 'vacuum' | 'vegetables' | 'venus' | 'vertical-dots' | 'video' | 'view' | 'virus' | 'wait' | 'wan' | 'warning' | 'washing-machine' | 'water-leak' | 'web' | 'website-crawl' | 'wifi' | 'wind' | 'workout' | 'wrench' | 'yoga' | 'youtube';
+export declare type IconName = 'active' | 'afternoon' | 'ajax' | 'alarm' | 'analysis' | 'angular' | 'announcement' | 'anomaly' | 'ant' | 'antenna' | 'api' | 'appliances' | 'archive' | 'arrow-bidirectional-horizontal' | 'arrow-bidirectional-vertical' | 'arrow-down' | 'arrow-left' | 'arrow-right' | 'arrow-up' | 'atom' | 'avocado' | 'badge' | 'ball' | 'balloon' | 'banana' | 'bank' | 'bat' | 'bath' | 'battery-charging' | 'battery-empty' | 'battery-full' | 'battery-half' | 'beans' | 'bear' | 'bed' | 'bee' | 'beer' | 'bell' | 'benefit' | 'bill' | 'birthday-cake' | 'blood' | 'blueberries' | 'bones' | 'book' | 'bow' | 'brain' | 'bread' | 'breakfast' | 'briefcase' | 'brightness' | 'broken-heart' | 'broom' | 'bug' | 'building' | 'bullet' | 'bunny' | 'burst' | 'bus' | 'butterfly' | 'button-device' | 'cake' | 'calculator' | 'calendar' | 'calendar-day' | 'calendar-month' | 'calendar-week' | 'calendar-year' | 'calibrate' | 'camera' | 'candy' | 'car' | 'carbs' | 'caret-down' | 'caret-left' | 'caret-right' | 'caret-up' | 'carrot' | 'cat' | 'categories' | 'caterpillar' | 'cd-dvd' | 'certificate' | 'chart' | 'checkmark' | 'cheese' | 'cherries' | 'chestnut' | 'chicken' | 'chocolate' | 'christmas-tree' | 'cigarette' | 'clear' | 'clipboard' | 'cloud' | 'coffee' | 'comment' | 'compass' | 'confetti' | 'connected' | 'context' | 'cook' | 'cookies' | 'cooling' | 'corn' | 'correlation' | 'cow' | 'cpu' | 'credit-card' | 'crystal-globe' | 'cube' | 'cucumber' | 'dashboard' | 'death' | 'defect' | 'delete' | 'dental' | 'deselect-all' | 'dessert' | 'detach' | 'devices' | 'digestive' | 'dinner' | 'dinosaur' | 'dishwasher' | 'dns' | 'doctor' | 'document' | 'documents' | 'dog' | 'dolphin' | 'door' | 'dot' | 'download' | 'dragon' | 'drying-machine' | 'duck' | 'duplicates' | 'ears' | 'earth' | 'edit' | 'egg' | 'eggplant' | 'elephant' | 'empty' | 'endocrine' | 'enlarge' | 'equalizer' | 'evening' | 'expense' | 'export' | 'external-link' | 'fan' | 'favorite' | 'fibers' | 'file' | 'filetype-avi' | 'filetype-bat' | 'filetype-c' | 'filetype-css' | 'filetype-csv' | 'filetype-doc' | 'filetype-docx' | 'filetype-gif' | 'filetype-html' | 'filetype-ico' | 'filetype-ini' | 'filetype-javascript' | 'filetype-jpeg' | 'filetype-jpg' | 'filetype-json' | 'filetype-less' | 'filetype-mp3' | 'filetype-mp4' | 'filetype-mpg' | 'filetype-pdf' | 'filetype-php' | 'filetype-png' | 'filetype-ppt' | 'filetype-psd' | 'filetype-rar' | 'filetype-sass' | 'filetype-sql' | 'filetype-tiff' | 'filetype-txt' | 'filetype-typescript' | 'filetype-wav' | 'filetype-xls' | 'filetype-xlsx' | 'filetype-xml' | 'filetype-zip' | 'filters' | 'fire' | 'firewall' | 'fireworks' | 'fish' | 'fishing-rod' | 'fog' | 'folder' | 'folder-open' | 'fondue' | 'food' | 'french-fries' | 'fridge' | 'fruits' | 'gallery' | 'gas-detector' | 'gateway' | 'gauge-high' | 'gauge-low' | 'gauge-medium' | 'gift-box' | 'girl' | 'github' | 'glass' | 'gloves' | 'glycemic-index' | 'goat' | 'graduation' | 'grid' | 'group' | 'gun' | 'hammer' | 'handshake' | 'hd' | 'headphones' | 'heart' | 'heating' | 'help' | 'hiking' | 'history' | 'home' | 'hospital' | 'humidity' | 'ice-cream' | 'identity' | 'image' | 'import' | 'inactive' | 'incognito' | 'information' | 'ingredients' | 'ink-cartridge' | 'ir-emitter' | 'joystick' | 'jupiter' | 'key' | 'knife' | 'laboratory' | 'language' | 'lantern' | 'layers' | 'leaf' | 'lemon' | 'light-bulb' | 'light-switch' | 'lightning' | 'link' | 'linkedin' | 'lipids' | 'list' | 'liver' | 'location' | 'lock' | 'lock-open' | 'logout' | 'lollipop' | 'lunch' | 'lungs' | 'magnet' | 'mail' | 'manage' | 'map' | 'mapping' | 'mars' | 'meat' | 'melon' | 'memory' | 'mental' | 'menu-hamburger' | 'mercury' | 'microphone' | 'microscope' | 'microwave' | 'milk' | 'minimum' | 'minus' | 'money' | 'monitor' | 'monkey' | 'moon' | 'morning' | 'motion' | 'mouse' | 'movie' | 'mushroom' | 'musical-note' | 'mute' | 'nas' | 'neptune' | 'nervous' | 'network' | 'next' | 'night' | 'ninja' | 'noon' | 'nose' | 'not-found' | 'notes' | 'notice' | 'offline' | 'olives' | 'online' | 'optimization' | 'other' | 'outdoor' | 'ownership' | 'pause' | 'pawn' | 'peanut' | 'pear' | 'penguin' | 'pepper' | 'pharmacy' | 'phone' | 'pig' | 'pill' | 'pin' | 'pizza' | 'plane' | 'play' | 'plug' | 'plus' | 'pluto' | 'polenta' | 'police' | 'police-man' | 'popcorn' | 'portions' | 'potato' | 'power' | 'predictions' | 'prescription' | 'previous' | 'printer' | 'proteins' | 'pudding' | 'pumpkin' | 'purifier' | 'puzzle' | 'radio' | 'rain' | 'rainbow' | 'raspberry' | 'reading' | 'referral' | 'reload' | 'repeat' | 'report' | 'reproductive' | 'return' | 'rice' | 'robot' | 'rocket' | 'romania-flag' | 'rooms' | 'router' | 'ruler' | 'running' | 'salad' | 'salt' | 'santa' | 'satellite' | 'saturn' | 'save' | 'scales' | 'scan' | 'school' | 'scissors' | 'score' | 'scss' | 'sd' | 'search' | 'security' | 'seeds' | 'sequence' | 'settings' | 'shield' | 'ship' | 'shopping-cart' | 'shrink' | 'shuffle' | 'signal-full' | 'signal-low' | 'signal-medium' | 'skin' | 'skull' | 'smartphone' | 'smb' | 'smoke-detector' | 'snake' | 'snow' | 'snowman' | 'soft-drink' | 'soup' | 'sources' | 'sparkle' | 'speaker' | 'speedometer' | 'square' | 'ssl' | 'staple' | 'star' | 'status' | 'stethoscope' | 'stop' | 'stop-sign' | 'storm' | 'strawberry' | 'streaming' | 'strength' | 'sugar' | 'sun' | 'surgery' | 'synchronize' | 'table' | 'target' | 'taxi' | 'technical' | 'teeth' | 'telescope' | 'theater' | 'theme-picker' | 'thermometer' | 'threshold' | 'time' | 'toggle-off' | 'toggle-on' | 'tomato' | 'toolbox' | 'train' | 'transactions' | 'transport-box' | 'tree' | 'trend-down' | 'trend-up' | 'trip' | 'trophy' | 'tune' | 'turkey' | 'turtle' | 'tv' | 'unarchive' | 'unassociated' | 'ungroup' | 'unmute' | 'upload' | 'upnp' | 'uranus' | 'user' | 'users' | 'vacuum' | 'vegetables' | 'venus' | 'vertical-dots' | 'video' | 'view' | 'virus' | 'wait' | 'wan' | 'warning' | 'washing-machine' | 'water-leak' | 'web' | 'website-crawl' | 'wifi' | 'wind' | 'workout' | 'wrench' | 'yoga' | 'youtube';
 
 /**
  * Search and pick one of the library's icons.
@@ -1727,6 +1735,12 @@ export declare interface IconPickerProps {
     icons?: IconName[];
     placeholder?: string;
     emptyLabel?: string;
+    /**
+     * Set false for one flat list. Grouping is on by default because 480 icons is more than
+     * anyone scrolls through blind, and a category is the fastest way in when you cannot
+     * name the thing you are looking for.
+     */
+    grouped?: boolean;
 }
 
 declare interface IconProps {
@@ -2350,6 +2364,12 @@ declare interface ModalProps {
     primary?: ExternalButtonConfig;
     secondary?: ExternalButtonConfig;
     size?: 'small' | 'medium' | 'large' | 'auto';
+    /**
+     * Grows the modal to the full height the overlay allows instead of hugging its
+     * content. For a body that is a viewport onto something longer — a day's hour grid, a
+     * long list — where a content-height modal leaves it squinting through a letterbox.
+     */
+    fullHeight?: boolean;
     tertiary?: ExternalButtonConfig;
     title?: string;
     titleIcon?: IconName;