pixel-react 1.8.8 → 1.8.9
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/lib/components/MobileSkin/MobileSkin.d.ts +5 -0
- package/lib/components/MobileSkin/MobileSkinInterface.d.ts +13 -0
- package/lib/components/MobileSkin/index.d.ts +1 -0
- package/lib/components/MobileSkin/types.d.ts +32 -0
- package/lib/index.d.ts +19 -1
- package/lib/index.esm.js +220 -151
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +222 -150
- package/lib/index.js.map +1 -1
- package/lib/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/components/Button/Button.scss +0 -1
- package/src/components/MobileSkin/MobileSkin.scss +67 -0
- package/src/components/MobileSkin/MobileSkin.stories.tsx +93 -0
- package/src/components/MobileSkin/MobileSkin.tsx +88 -0
- package/src/components/MobileSkin/MobileSkinInterface.ts +13 -0
- package/src/components/MobileSkin/index.ts +1 -0
- package/src/components/MobileSkin/types.ts +32 -0
- package/src/index.ts +7 -0
@@ -0,0 +1,13 @@
|
|
1
|
+
interface NavBarIcon {
|
2
|
+
name: string;
|
3
|
+
[key: string]: any;
|
4
|
+
}
|
5
|
+
export interface MobileSkinProps {
|
6
|
+
children: React.ReactNode | string;
|
7
|
+
orientation?: 'portrait' | 'landscape';
|
8
|
+
type: 'ios' | 'android';
|
9
|
+
navBarIcons: NavBarIcon[];
|
10
|
+
mobileHeight?: number;
|
11
|
+
mobileWidth?: number;
|
12
|
+
}
|
13
|
+
export {};
|
@@ -0,0 +1 @@
|
|
1
|
+
export { default } from './MobileSkin';
|
@@ -0,0 +1,32 @@
|
|
1
|
+
export interface iconDetails {
|
2
|
+
/**
|
3
|
+
* details of each icon
|
4
|
+
*/
|
5
|
+
[key: string]: any;
|
6
|
+
}
|
7
|
+
export interface MobileSkinProps {
|
8
|
+
/**
|
9
|
+
* The content inside the mobile skin component
|
10
|
+
*/
|
11
|
+
children: React.ReactNode | string;
|
12
|
+
/**
|
13
|
+
* Portrait or landScape View of the Mobile
|
14
|
+
*/
|
15
|
+
orientation: string;
|
16
|
+
/**
|
17
|
+
* type either it will be ios or android
|
18
|
+
*/
|
19
|
+
type: string;
|
20
|
+
/**
|
21
|
+
* height of the MobileSkin
|
22
|
+
*/
|
23
|
+
mobileHeight?: number;
|
24
|
+
/**
|
25
|
+
* width of the MobileSkin
|
26
|
+
*/
|
27
|
+
mobileWidth?: number;
|
28
|
+
/**
|
29
|
+
* takes the icons details like icon name , title, onClick event, height , width, etc
|
30
|
+
*/
|
31
|
+
navbarIcons: Array<iconDetails>;
|
32
|
+
}
|
package/lib/index.d.ts
CHANGED
@@ -2914,6 +2914,21 @@ interface ScriptSwitchButtonProps {
|
|
2914
2914
|
}
|
2915
2915
|
declare const ScriptSwitchButton: React__default.FC<ScriptSwitchButtonProps>;
|
2916
2916
|
|
2917
|
+
interface NavBarIcon {
|
2918
|
+
name: string;
|
2919
|
+
[key: string]: any;
|
2920
|
+
}
|
2921
|
+
interface MobileSkinProps {
|
2922
|
+
children: React.ReactNode | string;
|
2923
|
+
orientation?: 'portrait' | 'landscape';
|
2924
|
+
type: 'ios' | 'android';
|
2925
|
+
navBarIcons: NavBarIcon[];
|
2926
|
+
mobileHeight?: number;
|
2927
|
+
mobileWidth?: number;
|
2928
|
+
}
|
2929
|
+
|
2930
|
+
declare const MobileSkin: React__default.FC<MobileSkinProps>;
|
2931
|
+
|
2917
2932
|
type valueType$1 = any;
|
2918
2933
|
declare const checkEmpty: (value: valueType$1) => boolean;
|
2919
2934
|
|
@@ -3090,6 +3105,8 @@ declare const Comments: ({ commentsData, onCommentsDataChange, }: CommentsProps)
|
|
3090
3105
|
|
3091
3106
|
declare const useFileDropzone: (options: DropzoneOptions) => DropzoneState;
|
3092
3107
|
|
3108
|
+
declare const useClickOutside: (ref: React.RefObject<HTMLElement>, callback: () => void, ignoreRefs?: Array<React.RefObject<HTMLElement> | undefined>) => void;
|
3109
|
+
|
3093
3110
|
interface PopUpModalProps {
|
3094
3111
|
isOpen: boolean;
|
3095
3112
|
onClose: () => void;
|
@@ -3281,6 +3298,7 @@ declare const PASSWORD_COMPLEX_REGEX: RegExp;
|
|
3281
3298
|
declare const ALPHABET_ONLY_REGEX: RegExp;
|
3282
3299
|
declare const NUMBERS_ONLY_REGEX: RegExp;
|
3283
3300
|
declare const ALPHANUMERIC_REGEX: RegExp;
|
3301
|
+
declare const ALPHANUMERIC_WITH_ROUND_BRACES_REGEX: RegExp;
|
3284
3302
|
declare const DATE_REGEX: RegExp;
|
3285
3303
|
declare const TIME_REGEX: RegExp;
|
3286
3304
|
declare const FILE_EXTENSION_REGEX: RegExp;
|
@@ -3324,4 +3342,4 @@ declare const ELEMENTS_TRAILING_SPACE_REGEX: RegExp;
|
|
3324
3342
|
declare const ELEMENTS_WHITE_SPACE_REGEX: RegExp;
|
3325
3343
|
declare const PARAMETER_ALPHANUMERIC_REGEX: RegExp;
|
3326
3344
|
|
3327
|
-
export { AADHAAR_REGEX, ALPHABET_ONLY_REGEX, ALPHANUMERIC_REGEX, Accordion, AddButton as AddResourceButton, AllProjectsDropdown, AppHeader, AttachImage, AttachmentButton, Avatar, BASE64_REGEX, BINARY_NUMBER_REGEX, BarChart, Button, CREDIT_CARD_REGEX, CURRENCY_GENERIC_REGEX, Checkbox, Chip, ChooseFile, Col, Comments, ConditionalDropdown, ConnectingBranch, Container, CreateVariableSlider, DATE_REGEX, DECIMAL_NUMBER_REGEX, DRIVING_LICENSE_REGEX, DashboardDonutChart, CustomDatePicker as DatePicker, DonutChart, DownloadClient, DragAndDrop, Drawer, Dropzone, ELEMENTS_TRAILING_SPACE_REGEX, ELEMENTS_WHITE_SPACE_REGEX, EMAIL_REGEX, EditTextField, Editor, ExcelFile as Excel, ExpandableMenu, FILE_EXTENSION_REGEX, FILE_NAME_REGEX, FieldSet, FileDropzone, FilePreview, ForwardedForms as Form, formatString as FormatString, GSTIN_REGEX, HEXADECIMAL_NUMBER_REGEX, HEX_COLOR_REGEX, HSL_COLOR_REGEX, HTML_ATTRIBUTE_REGEX, HTML_TAG_REGEX, HighlightText, INDIAN_CURRENCY_REGEX, INDIAN_PASSPORT_REGEX, INDIAN_PHONE_REGEX, INDIAN_PIN_CODE_REGEX, INTERNATIONAL_PHONE_REGEX, IPV4_REGEX, IPV6_REGEX, Icon, IconButton, IconRadialChart, IconRadioGroup, Input, InputWithDropdown, LINKEDIN_PROFILE_REGEX, LabelEditTextField, LineChart, MAC_ADDRESS_REGEX, MEMORY_VALIDATION_REGEX, MachineInputField, MenuOption, MiniModal, Modal, ModuleChip, MultiRadialChart, MultiSelect, NlpInput as NLPInput, NLP_DESCRIPTION_REGEX, NUMBERS_ONLY_REGEX, NUMBER_REGEX, PAN_CARD_REGEX, PARAMETER_ALPHANUMERIC_REGEX, PASSWORD_COMPLEX_REGEX, PASSWORD_SIMPLE_REGEX, PHONE_REGEX, POSTAL_CODE_REGEX, Paper, PhoneInputField, PieChart, PopUpModal, ProgressBar, RGB_COLOR_REGEX, ROMAN_NUMERALS_REGEX, RadialChart, RadioButton, RadioGroup, Recaptcha, Row, SSN_REGEX, STEP_GROUP_NAME_REGEX, ScriptSwitchButton, Search, Select, SequentialConnectingBranch, StateDropdown, StatusButton, StatusCard, TIME_REGEX, TWITTER_HANDLE_REGEX, Table, _default as TableTree, TableWithAccordion, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toastify, Toggle, ToggleSwitch, Tooltip, Typography, UNIT_REGEX, URL_REGEX, USERNAME_REGEX, USERNAME_SPECIAL_REGEX, US_ZIP_CODE_REGEX, UUID_REGEX, VEHICLE_REGISTRATION_REGEX, VariableDropdown, VariableInput, WHITESPACE_REGEX, capitalize, checkEmpty, compareArrays, compareObjects, debounce, ffid, findAndInsert, getEncryptedData, getExtension, getExtensionWithPeriod, getSequentialPayload, hasDuplicateFile, saveFileFromBlob, throttle, toast, truncateText, useFileDropzone, useKeyboardActions, useTheme };
|
3345
|
+
export { AADHAAR_REGEX, ALPHABET_ONLY_REGEX, ALPHANUMERIC_REGEX, ALPHANUMERIC_WITH_ROUND_BRACES_REGEX, Accordion, AddButton as AddResourceButton, AllProjectsDropdown, AppHeader, AttachImage, AttachmentButton, Avatar, BASE64_REGEX, BINARY_NUMBER_REGEX, BarChart, Button, CREDIT_CARD_REGEX, CURRENCY_GENERIC_REGEX, Checkbox, Chip, ChooseFile, Col, Comments, ConditionalDropdown, ConnectingBranch, Container, CreateVariableSlider, DATE_REGEX, DECIMAL_NUMBER_REGEX, DRIVING_LICENSE_REGEX, DashboardDonutChart, CustomDatePicker as DatePicker, DonutChart, DownloadClient, DragAndDrop, Drawer, Dropzone, ELEMENTS_TRAILING_SPACE_REGEX, ELEMENTS_WHITE_SPACE_REGEX, EMAIL_REGEX, EditTextField, Editor, ExcelFile as Excel, ExpandableMenu, FILE_EXTENSION_REGEX, FILE_NAME_REGEX, FieldSet, FileDropzone, FilePreview, ForwardedForms as Form, formatString as FormatString, GSTIN_REGEX, HEXADECIMAL_NUMBER_REGEX, HEX_COLOR_REGEX, HSL_COLOR_REGEX, HTML_ATTRIBUTE_REGEX, HTML_TAG_REGEX, HighlightText, INDIAN_CURRENCY_REGEX, INDIAN_PASSPORT_REGEX, INDIAN_PHONE_REGEX, INDIAN_PIN_CODE_REGEX, INTERNATIONAL_PHONE_REGEX, IPV4_REGEX, IPV6_REGEX, Icon, IconButton, IconRadialChart, IconRadioGroup, Input, InputWithDropdown, LINKEDIN_PROFILE_REGEX, LabelEditTextField, LineChart, MAC_ADDRESS_REGEX, MEMORY_VALIDATION_REGEX, MachineInputField, MenuOption, MiniModal, MobileSkin, Modal, ModuleChip, MultiRadialChart, MultiSelect, NlpInput as NLPInput, NLP_DESCRIPTION_REGEX, NUMBERS_ONLY_REGEX, NUMBER_REGEX, PAN_CARD_REGEX, PARAMETER_ALPHANUMERIC_REGEX, PASSWORD_COMPLEX_REGEX, PASSWORD_SIMPLE_REGEX, PHONE_REGEX, POSTAL_CODE_REGEX, Paper, PhoneInputField, PieChart, PopUpModal, ProgressBar, RGB_COLOR_REGEX, ROMAN_NUMERALS_REGEX, RadialChart, RadioButton, RadioGroup, Recaptcha, Row, SSN_REGEX, STEP_GROUP_NAME_REGEX, ScriptSwitchButton, Search, Select, SequentialConnectingBranch, StateDropdown, StatusButton, StatusCard, TIME_REGEX, TWITTER_HANDLE_REGEX, Table, _default as TableTree, TableWithAccordion, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toastify, Toggle, ToggleSwitch, Tooltip, Typography, UNIT_REGEX, URL_REGEX, USERNAME_REGEX, USERNAME_SPECIAL_REGEX, US_ZIP_CODE_REGEX, UUID_REGEX, VEHICLE_REGISTRATION_REGEX, VariableDropdown, VariableInput, WHITESPACE_REGEX, capitalize, checkEmpty, compareArrays, compareObjects, debounce, ffid, findAndInsert, getEncryptedData, getExtension, getExtensionWithPeriod, getSequentialPayload, hasDuplicateFile, saveFileFromBlob, throttle, toast, truncateText, useClickOutside, useFileDropzone, useKeyboardActions, useTheme };
|