etendo-ui-library 1.3.22 → 1.3.24
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-native/assets/images/icons/CalendarIcon.d.ts +4 -6
- package/dist-native/assets/images/icons/CalendarIcon.js +1 -1
- package/dist-native/assets/images/icons/CheckFalseIcon.d.ts +4 -3
- package/dist-native/assets/images/icons/CheckFalseIcon.js +1 -1
- package/dist-native/assets/images/icons/CheckTrueIcon.d.ts +4 -3
- package/dist-native/assets/images/icons/CheckTrueIcon.js +1 -1
- package/dist-native/components/cards/Cards.d.ts +4 -0
- package/dist-native/components/cards/Cards.js +1 -0
- package/dist-native/components/cards/Cards.style.d.ts +36 -0
- package/dist-native/components/cards/Cards.style.js +1 -0
- package/dist-native/components/cards/Cards.types.d.ts +18 -0
- package/dist-native/components/cards/components/card/Card.d.ts +4 -0
- package/dist-native/components/cards/components/card/Card.js +1 -0
- package/dist-native/components/cards/components/card/Card.style.d.ts +14 -0
- package/dist-native/components/cards/components/card/Card.style.js +1 -0
- package/dist-native/components/cards/components/card/Card.types.d.ts +7 -0
- package/dist-native/components/cards/components/card/Card.types.js +1 -0
- package/dist-native/components/cards/components/card/components/skeletonCard/SkeletonCard.d.ts +3 -0
- package/dist-native/components/cards/components/card/components/skeletonCard/SkeletonCard.js +1 -0
- package/dist-native/components/cards/components/card/components/skeletonCard/SkeletonCard.style.d.ts +19 -0
- package/dist-native/components/cards/components/card/components/skeletonCard/SkeletonCard.style.js +1 -0
- package/dist-native/components/cards/components/card/components/switchRowCard/SwitchRowCard.d.ts +4 -0
- package/dist-native/components/cards/components/card/components/switchRowCard/SwitchRowCard.js +1 -0
- package/dist-native/components/cards/components/card/components/switchRowCard/SwitchRowCard.style.d.ts +62 -0
- package/dist-native/components/cards/components/card/components/switchRowCard/SwitchRowCard.style.js +1 -0
- package/dist-native/components/cards/components/card/components/switchRowCard/SwitchRowCard.type.d.ts +7 -0
- package/dist-native/components/cards/components/card/components/switchRowCard/SwitchRowCard.type.js +1 -0
- package/dist-native/components/cards/components/card/components/switchStateCards/SwitchStateCards.d.ts +4 -0
- package/dist-native/components/cards/components/card/components/switchStateCards/SwitchStateCards.js +1 -0
- package/dist-native/components/cards/components/card/components/switchStateCards/SwitchStateCards.types.d.ts +12 -0
- package/dist-native/components/cards/components/card/components/switchStateCards/SwitchStateCards.types.js +1 -0
- package/dist-native/components/cards/components/card/components/switchTitleCard/SwitchTitleCard.d.ts +4 -0
- package/dist-native/components/cards/components/card/components/switchTitleCard/SwitchTitleCard.js +1 -0
- package/dist-native/components/cards/components/card/components/switchTitleCard/SwitchTitleCard.style.d.ts +37 -0
- package/dist-native/components/cards/components/card/components/switchTitleCard/SwitchTitleCard.style.js +1 -0
- package/dist-native/components/cards/components/card/components/switchTitleCard/SwitchTitleCard.type.d.ts +7 -0
- package/dist-native/components/cards/components/card/components/switchTitleCard/SwitchTitleCard.type.js +1 -0
- package/dist-native/components/cards/components/cardDropdown/CardDropdown.js +1 -0
- package/dist-native/components/cards/components/cardDropdown/CardDropdown.styles.js +1 -0
- package/dist-native/components/cards/components/cardDropdown/CardDropdown.types.js +1 -0
- package/dist-native/components/cards/components/cardDropdown/component/CardDropdownOptions.js +1 -0
- package/dist-native/components/cards/components/cardDropdown/component/CardDropdownSkeleton.js +1 -0
- package/dist-native/components/cards/components/cardDropdown/component/CardSkeleton.js +1 -0
- package/dist-native/components/cards/index.d.ts +3 -0
- package/dist-native/components/cards/index.js +1 -0
- package/dist-native/components/datepicker/DatePicker.js +1 -1
- package/dist-native/components/index.d.ts +1 -1
- package/dist-native/components/index.js +1 -1
- package/dist-native/components/input/Input.style.d.ts +2 -2
- package/dist-native/components/modal/Modal.styles.d.ts +3 -3
- package/dist-native/components/modal/Modal.styles.js +1 -1
- package/dist-native/components/modal/components/minimizedView/MinimizedView.styles.js +1 -1
- package/dist-native/components/table/Table.js +1 -1
- package/dist-native/components/table/Table.styles.d.ts +0 -1
- package/dist-native/components/table/Table.styles.js +1 -1
- package/dist-native/components/table/components/TableEmpty.d.ts +7 -0
- package/dist-native/components/table/components/TableEmpty.js +1 -0
- package/dist-native/helpers/table_utils.d.ts +4 -0
- package/dist-native/helpers/table_utils.js +1 -1
- package/dist-native/styles/colors.d.ts +3 -0
- package/dist-native/styles/colors.js +1 -1
- package/dist-native/types/table.types.d.ts +10 -0
- package/dist-native/types/table.types.js +1 -0
- package/dist-web/assets/images/icons/CalendarIcon.d.ts +4 -6
- package/dist-web/assets/images/icons/CalendarIcon.js +5 -9
- package/dist-web/assets/images/icons/CheckFalseIcon.d.ts +4 -3
- package/dist-web/assets/images/icons/CheckFalseIcon.js +6 -4
- package/dist-web/assets/images/icons/CheckTrueIcon.d.ts +4 -3
- package/dist-web/assets/images/icons/CheckTrueIcon.js +7 -5
- package/dist-web/components/button/Button.js +2 -2
- package/dist-web/components/button/Button.styles.js +2 -2
- package/dist-web/components/cards/Cards.d.ts +4 -0
- package/dist-web/components/cards/Cards.js +134 -0
- package/dist-web/components/cards/Cards.style.d.ts +36 -0
- package/dist-web/components/cards/Cards.style.js +38 -0
- package/dist-web/components/cards/Cards.types.d.ts +18 -0
- package/dist-web/components/cards/components/card/Card.d.ts +4 -0
- package/dist-web/components/cards/components/card/Card.js +113 -0
- package/dist-web/components/cards/components/card/Card.style.d.ts +14 -0
- package/dist-web/components/cards/components/card/Card.style.js +16 -0
- package/dist-web/components/cards/components/card/Card.types.d.ts +7 -0
- package/dist-web/components/cards/components/card/Card.types.js +1 -0
- package/dist-web/components/cards/components/card/components/skeletonCard/SkeletonCard.d.ts +3 -0
- package/dist-web/components/cards/components/card/components/skeletonCard/SkeletonCard.js +29 -0
- package/dist-web/components/cards/components/card/components/skeletonCard/SkeletonCard.style.d.ts +19 -0
- package/dist-web/components/cards/components/card/components/skeletonCard/SkeletonCard.style.js +21 -0
- package/dist-web/components/cards/components/card/components/switchRowCard/SwitchRowCard.d.ts +4 -0
- package/dist-web/components/cards/components/card/components/switchRowCard/SwitchRowCard.js +75 -0
- package/dist-web/components/cards/components/card/components/switchRowCard/SwitchRowCard.style.d.ts +62 -0
- package/dist-web/components/cards/components/card/components/switchRowCard/SwitchRowCard.style.js +64 -0
- package/dist-web/components/cards/components/card/components/switchRowCard/SwitchRowCard.type.d.ts +7 -0
- package/dist-web/components/cards/components/card/components/switchRowCard/SwitchRowCard.type.js +1 -0
- package/dist-web/components/cards/components/card/components/switchStateCards/SwitchStateCards.d.ts +4 -0
- package/dist-web/components/cards/components/card/components/switchStateCards/SwitchStateCards.js +48 -0
- package/dist-web/components/cards/components/card/components/switchStateCards/SwitchStateCards.types.d.ts +12 -0
- package/dist-web/components/cards/components/card/components/switchStateCards/SwitchStateCards.types.js +1 -0
- package/dist-web/components/cards/components/card/components/switchTitleCard/SwitchTitleCard.d.ts +4 -0
- package/dist-web/components/cards/components/card/components/switchTitleCard/SwitchTitleCard.js +53 -0
- package/dist-web/components/cards/components/card/components/switchTitleCard/SwitchTitleCard.style.d.ts +37 -0
- package/dist-web/components/cards/components/card/components/switchTitleCard/SwitchTitleCard.style.js +39 -0
- package/dist-web/components/cards/components/card/components/switchTitleCard/SwitchTitleCard.type.d.ts +7 -0
- package/dist-web/components/cards/components/card/components/switchTitleCard/SwitchTitleCard.type.js +1 -0
- package/dist-web/components/cards/{cardDropdown → components/cardDropdown}/CardDropdown.js +3 -5
- package/dist-web/components/cards/{cardDropdown → components/cardDropdown}/CardDropdown.styles.js +1 -1
- package/dist-web/components/cards/components/cardDropdown/CardDropdown.types.js +1 -0
- package/dist-web/components/cards/{cardDropdown → components/cardDropdown}/component/CardDropdownOptions.js +2 -2
- package/dist-web/components/cards/{cardDropdown → components/cardDropdown}/component/CardDropdownSkeleton.js +1 -1
- package/dist-web/components/cards/{cardDropdown → components/cardDropdown}/component/CardSkeleton.js +3 -3
- package/dist-web/components/cards/index.d.ts +3 -0
- package/dist-web/components/cards/index.js +3 -0
- package/dist-web/components/containers/layout/Layout.style.js +2 -2
- package/dist-web/components/datepicker/DatePicker.js +6 -4
- package/dist-web/components/index.d.ts +1 -1
- package/dist-web/components/index.js +1 -1
- package/dist-web/components/input/Input.style.d.ts +2 -2
- package/dist-web/components/input/Input.style.js +2 -2
- package/dist-web/components/modal/Modal.styles.d.ts +3 -3
- package/dist-web/components/modal/Modal.styles.js +4 -4
- package/dist-web/components/modal/components/maximizedView/MaximizedView.styles.js +2 -2
- package/dist-web/components/modal/components/minimizedView/MinimizedView.styles.js +1 -1
- package/dist-web/components/navbar/components/DrawerLateral/DrawerLateralSubMenu.js +2 -2
- package/dist-web/components/tab/Tab.js +2 -2
- package/dist-web/components/tab/Tab.styles.js +2 -2
- package/dist-web/components/table/Table.js +10 -42
- package/dist-web/components/table/Table.styles.d.ts +0 -1
- package/dist-web/components/table/Table.styles.js +0 -1
- package/dist-web/components/table/components/TableEmpty.d.ts +7 -0
- package/dist-web/components/table/components/TableEmpty.js +16 -0
- package/dist-web/components/viewEtendo/ViewEtendo.js +2 -2
- package/dist-web/helpers/table_utils.d.ts +4 -0
- package/dist-web/helpers/table_utils.js +30 -0
- package/dist-web/styles/colors.d.ts +3 -0
- package/dist-web/styles/colors.js +4 -1
- package/dist-web/types/table.types.d.ts +10 -0
- package/dist-web/types/table.types.js +1 -0
- package/package.json +1 -1
- package/dist-native/components/cards/cardDropdown/CardDropdown.js +0 -1
- package/dist-native/components/cards/cardDropdown/CardDropdown.styles.js +0 -1
- package/dist-native/components/cards/cardDropdown/component/CardDropdownOptions.js +0 -1
- package/dist-native/components/cards/cardDropdown/component/CardDropdownSkeleton.js +0 -1
- package/dist-native/components/cards/cardDropdown/component/CardSkeleton.js +0 -1
- /package/dist-native/components/cards/{cardDropdown/CardDropdown.types.js → Cards.types.js} +0 -0
- /package/dist-native/components/cards/{cardDropdown → components/cardDropdown}/CardDropdown.d.ts +0 -0
- /package/dist-native/components/cards/{cardDropdown → components/cardDropdown}/CardDropdown.styles.d.ts +0 -0
- /package/dist-native/components/cards/{cardDropdown → components/cardDropdown}/CardDropdown.types.d.ts +0 -0
- /package/dist-native/components/cards/{cardDropdown → components/cardDropdown}/component/CardDropdownOptions.d.ts +0 -0
- /package/dist-native/components/cards/{cardDropdown → components/cardDropdown}/component/CardDropdownSkeleton.d.ts +0 -0
- /package/dist-native/components/cards/{cardDropdown → components/cardDropdown}/component/CardSkeleton.d.ts +0 -0
- /package/dist-native/components/cards/{cardDropdown → components/cardDropdown}/index.d.ts +0 -0
- /package/dist-native/components/cards/{cardDropdown → components/cardDropdown}/index.js +0 -0
- /package/dist-web/components/cards/{cardDropdown/CardDropdown.types.js → Cards.types.js} +0 -0
- /package/dist-web/components/cards/{cardDropdown → components/cardDropdown}/CardDropdown.d.ts +0 -0
- /package/dist-web/components/cards/{cardDropdown → components/cardDropdown}/CardDropdown.styles.d.ts +0 -0
- /package/dist-web/components/cards/{cardDropdown → components/cardDropdown}/CardDropdown.types.d.ts +0 -0
- /package/dist-web/components/cards/{cardDropdown → components/cardDropdown}/component/CardDropdownOptions.d.ts +0 -0
- /package/dist-web/components/cards/{cardDropdown → components/cardDropdown}/component/CardDropdownSkeleton.d.ts +0 -0
- /package/dist-web/components/cards/{cardDropdown → components/cardDropdown}/component/CardSkeleton.d.ts +0 -0
- /package/dist-web/components/cards/{cardDropdown → components/cardDropdown}/index.d.ts +0 -0
- /package/dist-web/components/cards/{cardDropdown → components/cardDropdown}/index.js +0 -0
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { ImageStyle } from 'react-native';
|
|
2
|
+
import { ColorValue, ImageStyle } from 'react-native';
|
|
3
3
|
export interface SvgImageProps {
|
|
4
|
-
style?: ImageStyle
|
|
5
|
-
fill?:
|
|
6
|
-
width?: number;
|
|
7
|
-
height?: number;
|
|
4
|
+
style?: ImageStyle;
|
|
5
|
+
fill?: ColorValue;
|
|
8
6
|
}
|
|
9
|
-
export declare const CalendarIcon: ({ style, fill,
|
|
7
|
+
export declare const CalendarIcon: ({ style, fill, }: SvgImageProps) => React.JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.CalendarIcon=void 0;var _react=_interopRequireDefault(require("react"));var _reactNativeSvg=require("react-native-svg");var _colors=require("../../../styles/colors");var _svg_utils=require("../../../helpers/svg_utils");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/assets/images/icons/CalendarIcon.tsx";var CalendarIcon=exports.CalendarIcon=function CalendarIcon(_ref){var style=_ref.style,_ref$fill=_ref.fill,fill=_ref$fill===void 0?_colors.DEFAULT_COLOR_THEME:_ref$fill
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.CalendarIcon=void 0;var _react=_interopRequireDefault(require("react"));var _reactNativeSvg=require("react-native-svg");var _colors=require("../../../styles/colors");var _svg_utils=require("../../../helpers/svg_utils");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/assets/images/icons/CalendarIcon.tsx";var CalendarIcon=exports.CalendarIcon=function CalendarIcon(_ref){var style=_ref.style,_ref$fill=_ref.fill,fill=_ref$fill===void 0?_colors.DEFAULT_COLOR_THEME:_ref$fill;var width=(0,_svg_utils.sizeSvg)(style==null?void 0:style.width,33);var height=(0,_svg_utils.sizeSvg)(style==null?void 0:style.height,32);return _react.default.createElement(_reactNativeSvg.Svg,{width:width,height:height,viewBox:"0 0 33 32",fill:"none",style:style,__self:_this,__source:{fileName:_jsxFileName,lineNumber:18,columnNumber:5}},_react.default.createElement(_reactNativeSvg.Path,{d:"M8.0495 2.47674C8.0495 2.02445 8.042 1.66544 8.0495 1.3106C8.07282 0.537622 8.61841 -0.0162932 9.32558 0.000365899C10.0328 0.017025 10.53 0.554281 10.5475 1.3131C10.5559 1.67127 10.5475 2.03028 10.5475 2.4201H22.8103C22.8103 2.00779 22.7928 1.59797 22.8103 1.19066C22.8254 0.872519 22.9622 0.572341 23.1922 0.352087C23.4223 0.131833 23.7281 0.00831623 24.0466 0.00703369C24.3651 0.00575114 24.672 0.1268 24.9038 0.345194C25.1356 0.563589 25.2748 0.862656 25.2925 1.18066C25.31 1.41556 25.3 1.65212 25.3016 1.88784C25.3016 2.05443 25.3016 2.21686 25.3016 2.45259C25.6623 2.45259 25.9888 2.45259 26.3154 2.45259C28.7817 2.47674 30.6609 3.5296 31.9045 5.67029C32.4041 6.52726 32.6661 7.50202 32.6633 8.49401C32.6716 14.3122 32.6883 20.1304 32.6591 25.9478C32.6425 29.2229 29.9262 31.9584 26.6502 31.975C20.0005 32.0083 13.351 32.0083 6.70178 31.975C3.4266 31.9592 0.704506 29.2263 0.687847 25.9511C0.658971 20.1343 0.660082 14.3161 0.691179 8.49651C0.707005 5.31379 3.27334 2.67249 6.45106 2.47924C6.96083 2.45092 7.47309 2.47674 8.0495 2.47674ZM3.18088 12.3514V12.7679C3.18088 17.0715 3.18088 21.3751 3.18088 25.6787C3.18088 27.8885 4.77266 29.4836 6.99165 29.4853C13.447 29.4914 19.9022 29.4914 26.357 29.4853C28.5968 29.4853 30.1694 27.891 30.1711 25.6412C30.1711 21.3654 30.1711 17.0896 30.1711 12.8137V12.3523L3.18088 12.3514ZM3.20753 9.79925H30.1469C30.5718 5.99764 27.883 4.57162 25.3058 5.02975C25.3058 5.17302 25.3058 5.32295 25.3058 5.47288C25.3058 6.12592 25.3241 6.77895 25.2967 7.43116C25.2938 7.62308 25.2461 7.81168 25.1575 7.98194C25.0689 8.1522 24.9417 8.29941 24.7862 8.41185C24.6306 8.52429 24.451 8.59886 24.2615 8.62961C24.072 8.66036 23.878 8.64644 23.6949 8.58897C23.156 8.43404 22.8153 7.96092 22.8086 7.32371C22.7995 6.54989 22.8086 5.77608 22.8086 4.97977H10.5492C10.5492 5.14636 10.5492 5.29963 10.5492 5.44789C10.5492 6.11426 10.5634 6.78062 10.54 7.44698C10.5273 7.76501 10.3929 8.06599 10.1646 8.28773C9.9363 8.50948 9.63152 8.63504 9.31326 8.63846C8.99501 8.64188 8.6876 8.52291 8.45457 8.30612C8.22154 8.08934 8.0807 7.79131 8.06116 7.47364C8.03117 6.94804 8.05033 6.41912 8.04867 5.89102C8.04867 5.59199 8.04867 5.29213 8.04867 5.00393C5.06752 4.60328 2.81438 6.31 3.20753 9.79925Z",fill:fill,__self:_this,__source:{fileName:_jsxFileName,lineNumber:24,columnNumber:7}}),_react.default.createElement(_reactNativeSvg.Path,{d:"M9.30304 18.492C8.90073 18.492 8.49841 18.5003 8.09693 18.492C7.3531 18.4711 6.82334 17.9405 6.82751 17.235C6.83167 16.5295 7.36976 16.0056 8.11608 15.9931C8.90572 15.9814 9.69536 15.9814 10.485 15.9931C11.2347 16.0031 11.7702 16.5278 11.7752 17.2292C11.7802 17.9522 11.2413 18.4745 10.4667 18.4895C10.081 18.4995 9.69036 18.492 9.30304 18.492Z",fill:fill,__self:_this,__source:{fileName:_jsxFileName,lineNumber:28,columnNumber:7}}),_react.default.createElement(_reactNativeSvg.Path,{d:"M24.0594 18.492C23.6429 18.492 23.2265 18.5045 22.81 18.492C22.0928 18.4645 21.5747 17.9289 21.5772 17.2425C21.5758 17.0784 21.6071 16.9156 21.6693 16.7637C21.7315 16.6118 21.8234 16.4738 21.9396 16.3579C22.0558 16.2419 22.1939 16.1503 22.346 16.0884C22.498 16.0264 22.6608 15.9955 22.825 15.9972C23.6424 15.9806 24.4598 15.9806 25.2772 15.9972C25.9977 16.0114 26.5216 16.542 26.5266 17.2292C26.5333 17.9372 26.0068 18.4703 25.2647 18.492C24.8632 18.5028 24.4609 18.492 24.0594 18.492Z",fill:fill,__self:_this,__source:{fileName:_jsxFileName,lineNumber:32,columnNumber:7}}),_react.default.createElement(_reactNativeSvg.Path,{d:"M16.6562 25.8611C16.2397 25.8611 15.8232 25.8753 15.4068 25.857C15.0842 25.8514 14.7766 25.7204 14.5489 25.4918C14.3213 25.2633 14.1916 24.955 14.1873 24.6325C14.1797 24.3091 14.2998 23.9958 14.5217 23.7605C14.7436 23.5252 15.0494 23.3869 15.3726 23.3756C16.2297 23.3456 17.0902 23.3464 17.9481 23.3756C18.2713 23.383 18.5785 23.5181 18.8025 23.7512C19.0264 23.9844 19.149 24.2967 19.1434 24.62C19.1434 25.3064 18.622 25.8328 17.8998 25.8603C17.4875 25.8736 17.0718 25.8611 16.6562 25.8611Z",fill:fill,__self:_this,__source:{fileName:_jsxFileName,lineNumber:36,columnNumber:7}}),_react.default.createElement(_reactNativeSvg.Path,{d:"M16.678 18.4919C16.2616 18.4919 15.8451 18.5044 15.4286 18.4919C14.7206 18.4661 14.1858 17.918 14.1875 17.2425C14.1893 16.9123 14.3217 16.5962 14.5558 16.3633C14.7899 16.1305 15.1067 15.9997 15.4369 15.9997C16.2532 15.9823 17.0704 15.9839 17.8867 15.9997C18.6038 16.0122 19.1361 16.5437 19.1452 17.2275C19.1586 17.9239 18.618 18.4719 17.8817 18.4936C17.481 18.5028 17.0779 18.4919 16.678 18.4919Z",fill:fill,__self:_this,__source:{fileName:_jsxFileName,lineNumber:40,columnNumber:7}}),_react.default.createElement(_reactNativeSvg.Path,{d:"M24.042 25.8603C23.6255 25.8603 23.209 25.8745 22.7925 25.8603C22.4703 25.8555 22.1627 25.7248 21.9356 25.4961C21.7084 25.2675 21.5798 24.959 21.5773 24.6367C21.5671 24.3137 21.6856 23.9999 21.9065 23.7641C22.1275 23.5283 22.4329 23.3898 22.7559 23.3789C23.6138 23.3481 24.4743 23.3489 25.3322 23.3789C26.0444 23.4022 26.5417 23.9686 26.5233 24.6633C26.5067 25.3297 25.9911 25.8386 25.2856 25.8645C24.8691 25.8786 24.4526 25.8645 24.0361 25.8645L24.042 25.8603Z",fill:fill,__self:_this,__source:{fileName:_jsxFileName,lineNumber:44,columnNumber:7}}),_react.default.createElement(_reactNativeSvg.Path,{d:"M9.27982 25.8603C8.86334 25.8603 8.44686 25.8753 8.03039 25.8603C7.70883 25.8512 7.40333 25.7178 7.17819 25.488C6.95305 25.2583 6.82585 24.9501 6.82337 24.6284C6.82089 24.3067 6.94332 23.9966 7.16488 23.7634C7.38644 23.5302 7.68985 23.3921 8.01123 23.3781C8.86917 23.3497 9.72767 23.3497 10.5867 23.3781C10.9062 23.3949 11.2068 23.5344 11.426 23.7675C11.6452 24.0006 11.7659 24.3092 11.7631 24.6291C11.7604 24.949 11.6342 25.2555 11.411 25.4847C11.1878 25.7139 10.8848 25.8482 10.5651 25.8594C10.1394 25.8753 9.70962 25.8603 9.27982 25.8603Z",fill:fill,__self:_this,__source:{fileName:_jsxFileName,lineNumber:48,columnNumber:7}}));};
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { ImageStyle } from 'react-native';
|
|
2
|
+
import { ColorValue, ImageStyle } from 'react-native';
|
|
3
3
|
export interface SvgImageProps {
|
|
4
4
|
style?: ImageStyle;
|
|
5
|
-
fill?:
|
|
5
|
+
fill?: ColorValue;
|
|
6
|
+
stroke?: ColorValue;
|
|
6
7
|
}
|
|
7
|
-
export declare const CheckFalseIcon: ({ style, fill, }: SvgImageProps) => React.JSX.Element;
|
|
8
|
+
export declare const CheckFalseIcon: ({ style, fill, stroke, }: SvgImageProps) => React.JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.CheckFalseIcon=void 0;var _react=_interopRequireDefault(require("react"));var _reactNativeSvg=require("react-native-svg");var _colors=require("../../../styles/colors");var _svg_utils=require("../../../helpers/svg_utils");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/assets/images/icons/CheckFalseIcon.tsx";var CheckFalseIcon=exports.CheckFalseIcon=function CheckFalseIcon(_ref){var style=_ref.style,_ref$fill=_ref.fill,fill=_ref$fill===void 0?_colors.DEFAULT_COLOR_THEME:_ref$
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.CheckFalseIcon=void 0;var _react=_interopRequireDefault(require("react"));var _reactNativeSvg=require("react-native-svg");var _colors=require("../../../styles/colors");var _svg_utils=require("../../../helpers/svg_utils");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/assets/images/icons/CheckFalseIcon.tsx";var CheckFalseIcon=exports.CheckFalseIcon=function CheckFalseIcon(_ref){var style=_ref.style,_ref$fill=_ref.fill,fill=_ref$fill===void 0?_colors.DEFAULT_WHITE_THEME:_ref$fill,_ref$stroke=_ref.stroke,stroke=_ref$stroke===void 0?_colors.DEFAULT_COLOR_THEME:_ref$stroke;var width=(0,_svg_utils.sizeSvg)(style==null?void 0:style.width,25);var height=(0,_svg_utils.sizeSvg)(style==null?void 0:style.height,25);return _react.default.createElement(_reactNativeSvg.Svg,{x:"0px",y:"0px",viewBox:"0 0 25 25",style:style,width:width,height:height,__self:_this,__source:{fileName:_jsxFileName,lineNumber:24,columnNumber:5}},_react.default.createElement(_reactNativeSvg.Path,{fill:fill,d:"M5,0.8h15c2.3,0,4.2,1.9,4.2,4.2v15c0,2.3-1.9,4.2-4.2,4.2H5c-2.3,0-4.2-1.9-4.2-4.2V5C0.8,2.7,2.7,0.8,5,0.8z",__self:_this,__source:{fileName:_jsxFileName,lineNumber:31,columnNumber:7}}),_react.default.createElement(_reactNativeSvg.Path,{stroke:stroke,d:"M20,25H5c-2.8,0-5-2.2-5-5V5c0-2.8,2.2-5,5-5h15c2.8,0,5,2.2,5,5v15C25,22.8,22.8,25,20,25z M5,1.5 C3.1,1.5,1.5,3.1,1.5,5v15c0,1.9,1.6,3.5,3.5,3.5h15c1.9,0,3.5-1.6,3.5-3.5V5c0-1.9-1.6-3.5-3.5-3.5H5z",__self:_this,__source:{fileName:_jsxFileName,lineNumber:35,columnNumber:7}}));};
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { ImageStyle } from 'react-native';
|
|
2
|
+
import { ColorValue, ImageStyle } from 'react-native';
|
|
3
3
|
export interface SvgImageProps {
|
|
4
4
|
style?: ImageStyle;
|
|
5
|
-
fill?:
|
|
5
|
+
fill?: ColorValue;
|
|
6
|
+
stroke?: ColorValue;
|
|
6
7
|
}
|
|
7
|
-
export declare const CheckTrueIcon: ({ style, fill, }: SvgImageProps) => React.JSX.Element;
|
|
8
|
+
export declare const CheckTrueIcon: ({ style, fill, stroke, }: SvgImageProps) => React.JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.CheckTrueIcon=void 0;var _react=_interopRequireDefault(require("react"));var _reactNativeSvg=require("react-native-svg");var _colors=require("../../../styles/colors");var _svg_utils=require("../../../helpers/svg_utils");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/assets/images/icons/CheckTrueIcon.tsx";var CheckTrueIcon=exports.CheckTrueIcon=function CheckTrueIcon(_ref){var style=_ref.style,_ref$fill=_ref.fill,fill=_ref$fill===void 0?_colors.DEFAULT_COLOR_THEME:_ref$
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.CheckTrueIcon=void 0;var _react=_interopRequireDefault(require("react"));var _reactNativeSvg=require("react-native-svg");var _colors=require("../../../styles/colors");var _svg_utils=require("../../../helpers/svg_utils");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/assets/images/icons/CheckTrueIcon.tsx";var CheckTrueIcon=exports.CheckTrueIcon=function CheckTrueIcon(_ref){var style=_ref.style,_ref$fill=_ref.fill,fill=_ref$fill===void 0?_colors.DEFAULT_WHITE_THEME:_ref$fill,_ref$stroke=_ref.stroke,stroke=_ref$stroke===void 0?_colors.DEFAULT_COLOR_THEME:_ref$stroke;var width=(0,_svg_utils.sizeSvg)(style==null?void 0:style.width,25);var height=(0,_svg_utils.sizeSvg)(style==null?void 0:style.height,25);return _react.default.createElement(_reactNativeSvg.Svg,{width:width,height:height,id:"Capa_1",x:"0px",y:"0px",viewBox:"0 0 25 25",style:style,__self:_this,__source:{fileName:_jsxFileName,lineNumber:24,columnNumber:5}},_react.default.createElement(_reactNativeSvg.Path,{fill:fill,d:"M5,0.8h15c2.3,0,4.2,1.9,4.2,4.2v15c0,2.3-1.9,4.2-4.2,4.2H5c-2.3,0-4.2-1.9-4.2-4.2V5C0.8,2.7,2.7,0.8,5,0.8z",__self:_this,__source:{fileName:_jsxFileName,lineNumber:32,columnNumber:7}}),_react.default.createElement(_reactNativeSvg.Path,{stroke:stroke,d:"M20,25H5c-2.8,0-5-2.2-5-5V5c0-2.8,2.2-5,5-5h15c2.8,0,5,2.2,5,5v15C25,22.8,22.8,25,20,25z M5,1.5\tC3.1,1.5,1.5,3.1,1.5,5v15c0,1.9,1.6,3.5,3.5,3.5h15c1.9,0,3.5-1.6,3.5-3.5V5c0-1.9-1.6-3.5-3.5-3.5H5z",__self:_this,__source:{fileName:_jsxFileName,lineNumber:36,columnNumber:7}}),_react.default.createElement(_reactNativeSvg.Path,{fillRule:'evenodd',clipRule:'evenodd',stroke:stroke,d:"M17.6,8.8c-0.4-0.4-1.1-0.4-1.5,0l-5,5l-2.2-2.2c-0.4-0.4-1.1-0.4-1.5,0C7,12,7,12.7,7.3,13.1l2.9,3 c0.4,0.4,1.1,0.4,1.5,0l5.7-5.9C18,9.9,18,9.1,17.6,8.8z",__self:_this,__source:{fileName:_jsxFileName,lineNumber:40,columnNumber:7}}));};
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { CardsProps } from './Cards.types';
|
|
3
|
+
declare const Cards: ({ data, metadata, title, onPressCard, cardsHeight, textEmptyTable, commentEmptyTable, onLoadMoreData, onAddNewData, backgroundColor, currentPage, pageSize, isLoading, isLoadingMoreData, }: CardsProps) => React.JSX.Element;
|
|
4
|
+
export default Cards;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _asyncToGenerator2=_interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _Cards=require("./Cards.style");var _SkeletonCard=_interopRequireDefault(require("./components/card/components/skeletonCard/SkeletonCard"));var _SwitchStateCards=_interopRequireDefault(require("./components/card/components/switchStateCards/SwitchStateCards"));var _button=require("../button");var _icons=require("../../assets/images/icons");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/cards/Cards.tsx";function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap(),t=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(e){return e?t:r;})(e);}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u];}return n.default=e,t&&t.set(e,n),n;}var SCROLL_EVENT_THROTTLE=16;var BUFFER=50;var Cards=function Cards(_ref){var data=_ref.data,metadata=_ref.metadata,title=_ref.title,onPressCard=_ref.onPressCard,cardsHeight=_ref.cardsHeight,textEmptyTable=_ref.textEmptyTable,commentEmptyTable=_ref.commentEmptyTable,onLoadMoreData=_ref.onLoadMoreData,onAddNewData=_ref.onAddNewData,backgroundColor=_ref.backgroundColor,currentPage=_ref.currentPage,pageSize=_ref.pageSize,isLoading=_ref.isLoading,isLoadingMoreData=_ref.isLoadingMoreData;var _useState=(0,_react.useState)(0),_useState2=(0,_slicedToArray2.default)(_useState,2),containerHeight=_useState2[0],setContainerHeight=_useState2[1];var _useState3=(0,_react.useState)(0),_useState4=(0,_slicedToArray2.default)(_useState3,2),contentHeight=_useState4[0],setContentHeight=_useState4[1];var scrollViewRef=(0,_react.useRef)(null);(0,_react.useEffect)(function(){if(isLoading&&data.length){var _scrollViewRef$curren;(_scrollViewRef$curren=scrollViewRef.current)==null?void 0:_scrollViewRef$curren.scrollToEnd({animated:true});}},[isLoading]);(0,_react.useEffect)(function(){if(containerHeight>contentHeight&&data.length){handleLoadMore();}},[containerHeight,contentHeight,data]);var handleLoadMore=function(){var _ref2=(0,_asyncToGenerator2.default)(function*(){if(!isLoading&&onLoadMoreData&&isLoadingMoreData){onLoadMoreData(currentPage,pageSize);}});return function handleLoadMore(){return _ref2.apply(this,arguments);};}();var isAtEndOfScroll=function isAtEndOfScroll(_ref3){var layoutMeasurement=_ref3.layoutMeasurement,contentOffset=_ref3.contentOffset,contentSize=_ref3.contentSize;return layoutMeasurement.height+contentOffset.y>=contentSize.height-BUFFER;};var onScroll=function onScroll(event){if(isAtEndOfScroll(event.nativeEvent)){handleLoadMore();}};var onLayout=function onLayout(event){var height=event.nativeEvent.layout.height;setContainerHeight(height);};return _react.default.createElement(_reactNative.View,{onLayout:onLayout,style:[{maxHeight:cardsHeight},_Cards.styles.container,{backgroundColor:backgroundColor}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:81,columnNumber:5}},title&&onAddNewData&&_react.default.createElement(_reactNative.View,{style:_Cards.styles.titleContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:89,columnNumber:9}},_react.default.createElement(_reactNative.View,{style:_Cards.styles.titleTextContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:90,columnNumber:11}},_react.default.createElement(_reactNative.Text,{style:_Cards.styles.title,__self:_this,__source:{fileName:_jsxFileName,lineNumber:91,columnNumber:13}},title),_react.default.createElement(_reactNative.Text,{style:_Cards.styles.title,__self:_this,__source:{fileName:_jsxFileName,lineNumber:92,columnNumber:13}}," (",data.length,")")),_react.default.createElement(_reactNative.View,{style:_Cards.styles.buttonContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:94,columnNumber:11}},_react.default.createElement(_button.Button,{onPress:onAddNewData,typeStyle:'primary',height:40,width:40,iconLeft:_react.default.createElement(_icons.MoreIcon,{style:_Cards.styles.plus,__self:_this,__source:{fileName:_jsxFileName,lineNumber:100,columnNumber:25}}),__self:_this,__source:{fileName:_jsxFileName,lineNumber:95,columnNumber:13}}))),_react.default.createElement(_reactNative.ScrollView,{ref:scrollViewRef,style:_Cards.styles.containerFlex,onScroll:onScroll,scrollEventThrottle:SCROLL_EVENT_THROTTLE,onContentSizeChange:function onContentSizeChange(contentWidth,contentHeight){return setContentHeight(contentHeight);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:105,columnNumber:7}},_react.default.createElement(_SwitchStateCards.default,{data:data,isLoading:isLoading,metadata:metadata,onPressCard:onPressCard,commentEmptyTable:commentEmptyTable,textEmptyTable:textEmptyTable,tableHeight:containerHeight,isTitle:!!title&&!!onAddNewData,__self:_this,__source:{fileName:_jsxFileName,lineNumber:113,columnNumber:9}}),!!data.length&&isLoading&&_react.default.createElement(_SkeletonCard.default,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:123,columnNumber:40}})));};var _default=exports.default=Cards;
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
export declare const styles: {
|
|
2
|
+
container: {
|
|
3
|
+
flex: number;
|
|
4
|
+
paddingTop: number;
|
|
5
|
+
};
|
|
6
|
+
containerFlex: {
|
|
7
|
+
marginTop: number;
|
|
8
|
+
flex: number;
|
|
9
|
+
};
|
|
10
|
+
titleContainer: {
|
|
11
|
+
marginHorizontal: number;
|
|
12
|
+
height: number;
|
|
13
|
+
display: "flex";
|
|
14
|
+
alignItems: "center";
|
|
15
|
+
justifyContent: "space-between";
|
|
16
|
+
flexDirection: "row";
|
|
17
|
+
};
|
|
18
|
+
titleTextContainer: {
|
|
19
|
+
flexDirection: "row";
|
|
20
|
+
};
|
|
21
|
+
title: {
|
|
22
|
+
fontFamily: string;
|
|
23
|
+
fontWeight: "700";
|
|
24
|
+
fontSize: number;
|
|
25
|
+
lineHeight: number;
|
|
26
|
+
color: string;
|
|
27
|
+
};
|
|
28
|
+
plus: {
|
|
29
|
+
height: number;
|
|
30
|
+
width: number;
|
|
31
|
+
};
|
|
32
|
+
buttonContainer: {
|
|
33
|
+
alignItems: "flex-end";
|
|
34
|
+
flex: number;
|
|
35
|
+
};
|
|
36
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:true});exports.styles=void 0;var _reactNative=require("react-native");var _colors=require("../../styles/colors");var styles=exports.styles=_reactNative.StyleSheet.create({container:{flex:1,paddingTop:12},containerFlex:{marginTop:12,flex:1},titleContainer:{marginHorizontal:16,height:48,display:'flex',alignItems:'center',justifyContent:'space-between',flexDirection:'row'},titleTextContainer:{flexDirection:'row'},title:{fontFamily:'Inter',fontWeight:'700',fontSize:20,lineHeight:28,color:_colors.PRIMARY_100},plus:{height:16,width:16},buttonContainer:{alignItems:'flex-end',flex:1}});
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { ColorValue, DimensionValue } from 'react-native';
|
|
2
|
+
import { Metadata } from '../../types/table.types';
|
|
3
|
+
export interface CardsProps {
|
|
4
|
+
data: any[];
|
|
5
|
+
metadata: Metadata[];
|
|
6
|
+
title?: string;
|
|
7
|
+
cardsHeight?: DimensionValue;
|
|
8
|
+
onPressCard?: (primary: string) => void;
|
|
9
|
+
isLoading?: boolean;
|
|
10
|
+
textEmptyTable?: string;
|
|
11
|
+
commentEmptyTable?: string;
|
|
12
|
+
onLoadMoreData?: (currentPage?: number, pageSize?: number) => void;
|
|
13
|
+
currentPage?: number;
|
|
14
|
+
isLoadingMoreData?: boolean;
|
|
15
|
+
onAddNewData?: () => void;
|
|
16
|
+
backgroundColor?: ColorValue;
|
|
17
|
+
pageSize?: number;
|
|
18
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _table_utils=require("../../../../helpers/table_utils");var _Card=require("./Card.style");var _colors=require("../../../../styles/colors");var _SwitchRowCard=_interopRequireDefault(require("./components/switchRowCard/SwitchRowCard"));var _SwitchTitleCard=_interopRequireDefault(require("./components/switchTitleCard/SwitchTitleCard"));var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/cards/components/card/Card.tsx";function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap(),t=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(e){return e?t:r;})(e);}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u];}return n.default=e,t&&t.set(e,n),n;}var MAX_ROWS=4;var Card=function Card(_ref){var item=_ref.item,index=_ref.index,metadata=_ref.metadata,_onPress=_ref.onPress;var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2.default)(_useState,2),isPressable=_useState2[0],setIsPressable=_useState2[1];var elevationAnim=(0,_react.useRef)(new _reactNative.Animated.Value(5)).current;var onHoverIn=function onHoverIn(){_reactNative.Animated.timing(elevationAnim,{toValue:12,duration:150,useNativeDriver:true}).start();};var onHoverOut=function onHoverOut(){_reactNative.Animated.timing(elevationAnim,{toValue:5,duration:150,useNativeDriver:true}).start();};var onPressIn=function onPressIn(){setIsPressable(true);};var onPressOut=function onPressOut(){setIsPressable(false);};var isDisabled=function isDisabled(){return item.isActive===false;};var changeBackground=function changeBackground(){if(isDisabled()||isPressable){return{backgroundColor:_colors.NEUTRAL_200};}};var changeStatusBackground=function changeStatusBackground(){if(isDisabled()){return{backgroundColor:_colors.NEUTRAL_400};}if(item.color){return{backgroundColor:item.color};}return{backgroundColor:_colors.TERTIARY_800};};var changeTextColor=function changeTextColor(){if(isDisabled()){return{color:_colors.NEUTRAL_500};}return{};};var getColumnTitle=(0,_react.useMemo)(function(){return(0,_table_utils.findRowTitle)(metadata);},[metadata,item]);return _react.default.createElement(_reactNative.Pressable,{disabled:isDisabled(),onHoverIn:onHoverIn,onHoverOut:onHoverOut,onPressIn:onPressIn,onPressOut:onPressOut,onPress:function onPress(){if(_onPress){_onPress((0,_table_utils.findPrimaryId)(metadata,item));}},__self:_this,__source:{fileName:_jsxFileName,lineNumber:77,columnNumber:5}},_react.default.createElement(_reactNative.Animated.View,{style:[_Card.styles.container,changeBackground(),{elevation:elevationAnim}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:88,columnNumber:7}},_react.default.createElement(_reactNative.View,{style:[_Card.styles.status,changeStatusBackground()],__self:_this,__source:{fileName:_jsxFileName,lineNumber:94,columnNumber:9}}),_react.default.createElement(_SwitchTitleCard.default,{row:getColumnTitle,item:item,color:changeTextColor(),__self:_this,__source:{fileName:_jsxFileName,lineNumber:95,columnNumber:9}}),metadata.filter(function(row){return row.visible;}).slice(0,MAX_ROWS).map(function(row,rowIndex){return row.visible&&!row.title&&_react.default.createElement(_SwitchRowCard.default,{key:'rowCard'+index+rowIndex,row:row,item:item,color:changeTextColor(),__self:_this,__source:{fileName:_jsxFileName,lineNumber:107,columnNumber:17}});})));};var _default=exports.default=Card;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export declare const styles: {
|
|
2
|
+
container: {
|
|
3
|
+
borderRadius: number;
|
|
4
|
+
marginHorizontal: number;
|
|
5
|
+
marginBottom: number;
|
|
6
|
+
backgroundColor: string;
|
|
7
|
+
overflow: "hidden";
|
|
8
|
+
elevation: number;
|
|
9
|
+
};
|
|
10
|
+
status: {
|
|
11
|
+
height: number;
|
|
12
|
+
marginBottom: number;
|
|
13
|
+
};
|
|
14
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:true});exports.styles=void 0;var _reactNative=require("react-native");var _colors=require("../../../../styles/colors");var styles=exports.styles=_reactNative.StyleSheet.create({container:{borderRadius:8,marginHorizontal:16,marginBottom:12,backgroundColor:_colors.NEUTRAL_50,overflow:'hidden',elevation:5},status:{height:8,marginBottom:8}});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:true});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _reactNative=require("react-native");var _react=_interopRequireDefault(require("react"));var _secondaryComponents=require("../../../../../secondaryComponents");var _SkeletonCard=require("./SkeletonCard.style");var _colors=require("../../../../../../styles/colors");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/cards/components/card/components/skeletonCard/SkeletonCard.tsx";var createSkeletonItem=function createSkeletonItem(width,delay){return _react.default.createElement(_reactNative.View,{style:_SkeletonCard.styles.skeletonItem,__self:_this,__source:{fileName:_jsxFileName,lineNumber:8,columnNumber:3}},_react.default.createElement(_secondaryComponents.SkeletonItem,{width:width,height:20,borderRadius:50,color:_colors.NEUTRAL_200,delay:delay,__self:_this,__source:{fileName:_jsxFileName,lineNumber:9,columnNumber:5}}));};var SkeletonCard=function SkeletonCard(){return _react.default.createElement(_reactNative.View,{style:_SkeletonCard.styles.container,__self:_this,__source:{fileName:_jsxFileName,lineNumber:21,columnNumber:5}},_react.default.createElement(_reactNative.View,{style:_SkeletonCard.styles.status,__self:_this,__source:{fileName:_jsxFileName,lineNumber:22,columnNumber:7}},_react.default.createElement(_secondaryComponents.SkeletonItem,{width:'100%',height:8,color:_colors.NEUTRAL_200,delay:0,__self:_this,__source:{fileName:_jsxFileName,lineNumber:23,columnNumber:9}})),createSkeletonItem('25%',100),createSkeletonItem('50%',200),createSkeletonItem('100%',300),createSkeletonItem('100%',400));};var _default=exports.default=SkeletonCard;
|
package/dist-native/components/cards/components/card/components/skeletonCard/SkeletonCard.style.d.ts
ADDED
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
export declare const styles: {
|
|
2
|
+
container: {
|
|
3
|
+
borderRadius: number;
|
|
4
|
+
marginHorizontal: number;
|
|
5
|
+
marginBottom: number;
|
|
6
|
+
paddingBottom: number;
|
|
7
|
+
backgroundColor: string;
|
|
8
|
+
elevation: number;
|
|
9
|
+
overflow: "hidden";
|
|
10
|
+
};
|
|
11
|
+
skeletonItem: {
|
|
12
|
+
marginBottom: number;
|
|
13
|
+
paddingHorizontal: number;
|
|
14
|
+
};
|
|
15
|
+
status: {
|
|
16
|
+
height: number;
|
|
17
|
+
marginBottom: number;
|
|
18
|
+
};
|
|
19
|
+
};
|
package/dist-native/components/cards/components/card/components/skeletonCard/SkeletonCard.style.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:true});exports.styles=void 0;var _reactNative=require("react-native");var _colors=require("../../../../../../styles/colors");var styles=exports.styles=_reactNative.StyleSheet.create({container:{borderRadius:8,marginHorizontal:16,marginBottom:12,paddingBottom:10,backgroundColor:_colors.NEUTRAL_50,elevation:5,overflow:'hidden'},skeletonItem:{marginBottom:8,paddingHorizontal:16},status:{height:8,marginBottom:12}});
|
package/dist-native/components/cards/components/card/components/switchRowCard/SwitchRowCard.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _icons=require("../../../../../../assets/images/icons");var _SwitchRowCard=require("./SwitchRowCard.style");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/cards/components/card/components/switchRowCard/SwitchRowCard.tsx";var DOTS='··································································································';var SwitchRowCard=function SwitchRowCard(_ref){var row=_ref.row,item=_ref.item,_ref$color=_ref.color,color=_ref$color===void 0?{}:_ref$color;if(!row){return;}if(row.type==='boolean'){return _react.default.createElement(_reactNative.View,{style:_SwitchRowCard.styles.row,__self:_this,__source:{fileName:_jsxFileName,lineNumber:19,columnNumber:7}},_react.default.createElement(_reactNative.View,{style:_SwitchRowCard.styles.rowWitchdotsContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:20,columnNumber:9}},_react.default.createElement(_reactNative.Text,{style:[_SwitchRowCard.styles.textName,color],ellipsizeMode:"tail",numberOfLines:1,__self:_this,__source:{fileName:_jsxFileName,lineNumber:21,columnNumber:11}},row==null?void 0:row.label),_react.default.createElement(_reactNative.Text,{style:[_SwitchRowCard.styles.dots,_SwitchRowCard.styles.alignDotsRight],__self:_this,__source:{fileName:_jsxFileName,lineNumber:27,columnNumber:11}},DOTS)),_react.default.createElement(_reactNative.View,{style:_SwitchRowCard.styles.rowWitchdotsContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:29,columnNumber:9}},_react.default.createElement(_reactNative.Text,{style:[_SwitchRowCard.styles.dots,_SwitchRowCard.styles.alignDotsLeft],__self:_this,__source:{fileName:_jsxFileName,lineNumber:30,columnNumber:11}},DOTS," "),row!=null&&row.key&&item[row.key]?_react.default.createElement(_icons.CheckTrueIcon,{style:_SwitchRowCard.styles.check,stroke:color.color,fill:'transparent',__self:_this,__source:{fileName:_jsxFileName,lineNumber:32,columnNumber:13}}):_react.default.createElement(_icons.CheckFalseIcon,{style:_SwitchRowCard.styles.check,stroke:color.color,fill:'transparent',__self:_this,__source:{fileName:_jsxFileName,lineNumber:38,columnNumber:13}})));}if(row.type==='date'){return _react.default.createElement(_reactNative.View,{style:_SwitchRowCard.styles.row,__self:_this,__source:{fileName:_jsxFileName,lineNumber:50,columnNumber:7}},_react.default.createElement(_reactNative.View,{style:_SwitchRowCard.styles.rowWitchdotsContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:51,columnNumber:9}},_react.default.createElement(_reactNative.Text,{style:[_SwitchRowCard.styles.textName,color],ellipsizeMode:"tail",numberOfLines:1,__self:_this,__source:{fileName:_jsxFileName,lineNumber:52,columnNumber:11}},row==null?void 0:row.label),_react.default.createElement(_reactNative.Text,{style:[_SwitchRowCard.styles.dots,_SwitchRowCard.styles.alignDotsRight],__self:_this,__source:{fileName:_jsxFileName,lineNumber:58,columnNumber:11}},DOTS," ")),_react.default.createElement(_reactNative.View,{style:_SwitchRowCard.styles.rowWitchdotsContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:60,columnNumber:9}},_react.default.createElement(_reactNative.Text,{style:[_SwitchRowCard.styles.dots,_SwitchRowCard.styles.alignDotsLeft],__self:_this,__source:{fileName:_jsxFileName,lineNumber:61,columnNumber:11}},DOTS," "),row!=null&&row.key&&item[row.key]?_react.default.createElement(_icons.CalendarIcon,{style:_SwitchRowCard.styles.calendar,fill:color.color,__self:_this,__source:{fileName:_jsxFileName,lineNumber:63,columnNumber:13}}):null,_react.default.createElement(_reactNative.Text,{style:[_SwitchRowCard.styles.textValue,color],ellipsizeMode:"tail",numberOfLines:1,__self:_this,__source:{fileName:_jsxFileName,lineNumber:65,columnNumber:11}},row!=null&&row.key?item[row.key]:'')));}return _react.default.createElement(_reactNative.View,{style:_SwitchRowCard.styles.column,__self:_this,__source:{fileName:_jsxFileName,lineNumber:77,columnNumber:5}},_react.default.createElement(_reactNative.Text,{style:[_SwitchRowCard.styles.textName,color],ellipsizeMode:"tail",numberOfLines:1,__self:_this,__source:{fileName:_jsxFileName,lineNumber:78,columnNumber:7}},row==null?void 0:row.label),_react.default.createElement(_reactNative.Text,{style:[_SwitchRowCard.styles.textValue,color],ellipsizeMode:"tail",numberOfLines:2,__self:_this,__source:{fileName:_jsxFileName,lineNumber:84,columnNumber:7}},row!=null&&row.key?item[row.key]:''));};var _default=exports.default=SwitchRowCard;
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
export declare const styles: {
|
|
2
|
+
textName: {
|
|
3
|
+
fontFamily: string;
|
|
4
|
+
color: string;
|
|
5
|
+
fontWeight: "700";
|
|
6
|
+
fontSize: number;
|
|
7
|
+
lineHeight: number;
|
|
8
|
+
};
|
|
9
|
+
selfSpace: {
|
|
10
|
+
width: "50%";
|
|
11
|
+
};
|
|
12
|
+
textValue: {
|
|
13
|
+
fontFamily: string;
|
|
14
|
+
color: string;
|
|
15
|
+
fontWeight: "600";
|
|
16
|
+
fontSize: number;
|
|
17
|
+
lineHeight: number;
|
|
18
|
+
};
|
|
19
|
+
row: {
|
|
20
|
+
flexDirection: "row";
|
|
21
|
+
paddingHorizontal: number;
|
|
22
|
+
paddingBottom: number;
|
|
23
|
+
alignItems: "center";
|
|
24
|
+
};
|
|
25
|
+
column: {
|
|
26
|
+
flexDirection: "column";
|
|
27
|
+
paddingHorizontal: number;
|
|
28
|
+
paddingBottom: number;
|
|
29
|
+
};
|
|
30
|
+
check: {
|
|
31
|
+
width: number;
|
|
32
|
+
height: number;
|
|
33
|
+
marginLeft: number;
|
|
34
|
+
};
|
|
35
|
+
calendar: {
|
|
36
|
+
width: number;
|
|
37
|
+
height: number;
|
|
38
|
+
marginRight: number;
|
|
39
|
+
marginLeft: number;
|
|
40
|
+
};
|
|
41
|
+
dots: {
|
|
42
|
+
flex: number;
|
|
43
|
+
letterSpacing: number;
|
|
44
|
+
color: string;
|
|
45
|
+
fontWeight: "700";
|
|
46
|
+
};
|
|
47
|
+
rowWitchdotsContainer: {
|
|
48
|
+
width: "50%";
|
|
49
|
+
flexDirection: "row";
|
|
50
|
+
alignItems: "center";
|
|
51
|
+
height: number;
|
|
52
|
+
};
|
|
53
|
+
alignDotsRight: {
|
|
54
|
+
textAlign: "right";
|
|
55
|
+
};
|
|
56
|
+
alignDotsLeft: {
|
|
57
|
+
textAlign: "left";
|
|
58
|
+
};
|
|
59
|
+
paddingCalendar: {
|
|
60
|
+
paddingRight: number;
|
|
61
|
+
};
|
|
62
|
+
};
|
package/dist-native/components/cards/components/card/components/switchRowCard/SwitchRowCard.style.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:true});exports.styles=void 0;var _reactNative=require("react-native");var _colors=require("../../../../../../styles/colors");var styles=exports.styles=_reactNative.StyleSheet.create({textName:{fontFamily:'Inter',color:_colors.NEUTRAL_800,fontWeight:'700',fontSize:14,lineHeight:20},selfSpace:{width:'50%'},textValue:{fontFamily:'Inter',color:_colors.NEUTRAL_1000,fontWeight:'600',fontSize:14,lineHeight:20},row:{flexDirection:'row',paddingHorizontal:12,paddingBottom:8,alignItems:'center'},column:{flexDirection:'column',paddingHorizontal:12,paddingBottom:8},check:{width:16,height:16,marginLeft:8},calendar:{width:16,height:16,marginRight:4,marginLeft:8},dots:{flex:1,letterSpacing:8,color:_colors.NEUTRAL_400,fontWeight:'700'},rowWitchdotsContainer:{width:'50%',flexDirection:'row',alignItems:'center',height:20},alignDotsRight:{textAlign:'right'},alignDotsLeft:{textAlign:'left'},paddingCalendar:{paddingRight:16}});
|
package/dist-native/components/cards/components/card/components/switchRowCard/SwitchRowCard.type.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:true});
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { SwitchStateCardsProps } from './SwitchStateCards.types';
|
|
3
|
+
declare const SwitchStateCards: ({ data, isLoading, metadata, onPressCard, textEmptyTable, commentEmptyTable, tableHeight, isTitle, }: SwitchStateCardsProps) => React.JSX.Element | React.JSX.Element[];
|
|
4
|
+
export default SwitchStateCards;
|
package/dist-native/components/cards/components/card/components/switchStateCards/SwitchStateCards.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _SkeletonCard=_interopRequireDefault(require("../skeletonCard/SkeletonCard"));var _TableEmpty=_interopRequireDefault(require("../../../../../table/components/TableEmpty"));var _Card=_interopRequireDefault(require("../../Card"));var _SkeletonCard2=require("../skeletonCard/SkeletonCard.style");var _Cards=require("../../../../Cards.style");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/cards/components/card/components/switchStateCards/SwitchStateCards.tsx";var SKELETON_CARD_HEIGHT=142;var SKELETON_CARD_MARGIN_BOTTOM=_SkeletonCard2.styles.container.marginBottom;var TABLE_TITLE=_Cards.styles.titleContainer.height;var TABLE_TITLE_PADDING=_Cards.styles.container.paddingTop*2;var SwitchStateCards=function SwitchStateCards(_ref){var data=_ref.data,isLoading=_ref.isLoading,metadata=_ref.metadata,onPressCard=_ref.onPressCard,textEmptyTable=_ref.textEmptyTable,commentEmptyTable=_ref.commentEmptyTable,_ref$tableHeight=_ref.tableHeight,tableHeight=_ref$tableHeight===void 0?0:_ref$tableHeight,isTitle=_ref.isTitle;if(isLoading&&!data.length&&typeof tableHeight==='number'&&tableHeight){var numberOfSkeletons=Math.floor(tableHeight-(isTitle?TABLE_TITLE:0)-TABLE_TITLE_PADDING)/(SKELETON_CARD_HEIGHT+SKELETON_CARD_MARGIN_BOTTOM);return Array.from({length:numberOfSkeletons},function(_,index){return _react.default.createElement(_SkeletonCard.default,{key:'SkeletonCard'+index,__self:_this,__source:{fileName:_jsxFileName,lineNumber:38,columnNumber:34}});});}if(!data.length){return _react.default.createElement(_TableEmpty.default,{textEmptyTable:textEmptyTable,commentEmptyTable:commentEmptyTable,__self:_this,__source:{fileName:_jsxFileName,lineNumber:44,columnNumber:7}});}var renderCard=function renderCard(item,index){return _react.default.createElement(_Card.default,{key:'Card'+index,item:item,index:index,metadata:metadata,onPress:onPressCard,__self:_this,__source:{fileName:_jsxFileName,lineNumber:51,columnNumber:5}});};return data.map(renderCard);};var _default=exports.default=SwitchStateCards;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { DimensionValue } from 'react-native';
|
|
2
|
+
import { Metadata } from '../../../../../../types/table.types';
|
|
3
|
+
export interface SwitchStateCardsProps {
|
|
4
|
+
data: Array<any>;
|
|
5
|
+
metadata: Metadata[];
|
|
6
|
+
isLoading?: boolean;
|
|
7
|
+
onPressCard?: (primary: string) => void;
|
|
8
|
+
textEmptyTable?: string;
|
|
9
|
+
commentEmptyTable?: string;
|
|
10
|
+
tableHeight?: DimensionValue;
|
|
11
|
+
isTitle?: boolean;
|
|
12
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:true});
|
package/dist-native/components/cards/components/card/components/switchTitleCard/SwitchTitleCard.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _icons=require("../../../../../../assets/images/icons");var _SwitchTitleCard=require("./SwitchTitleCard.style");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/cards/components/card/components/switchTitleCard/SwitchTitleCard.tsx";var SwitchTitleCard=function SwitchTitleCard(_ref){var row=_ref.row,item=_ref.item,_ref$color=_ref.color,color=_ref$color===void 0?{}:_ref$color;if(!row){return;}var renderContent=function renderContent(){if(row.type==='boolean'){return _react.default.createElement(_reactNative.View,{style:_SwitchTitleCard.styles.titleRowValue,__self:_this,__source:{fileName:_jsxFileName,lineNumber:18,columnNumber:9}},row!=null&&row.key&&item[row.key]?_react.default.createElement(_icons.CheckTrueIcon,{style:_SwitchTitleCard.styles.check,stroke:color.color,fill:'transparent',__self:_this,__source:{fileName:_jsxFileName,lineNumber:20,columnNumber:13}}):_react.default.createElement(_icons.CheckFalseIcon,{style:_SwitchTitleCard.styles.check,stroke:color.color,fill:'transparent',__self:_this,__source:{fileName:_jsxFileName,lineNumber:26,columnNumber:13}}));}if(row.type==='date'){return _react.default.createElement(_reactNative.View,{style:_SwitchTitleCard.styles.titleRowValue,__self:_this,__source:{fileName:_jsxFileName,lineNumber:38,columnNumber:9}},row!=null&&row.key&&item[row.key]?_react.default.createElement(_icons.CalendarIcon,{style:_SwitchTitleCard.styles.calendar,fill:color.color,__self:_this,__source:{fileName:_jsxFileName,lineNumber:40,columnNumber:13}}):null,_react.default.createElement(_reactNative.Text,{style:[_SwitchTitleCard.styles.textValueBold,color],ellipsizeMode:"tail",numberOfLines:1,__self:_this,__source:{fileName:_jsxFileName,lineNumber:42,columnNumber:11}},row!=null&&row.key?item[row.key]:''));}return _react.default.createElement(_reactNative.Text,{style:[_SwitchTitleCard.styles.textValueBold,color],ellipsizeMode:"tail",numberOfLines:2,__self:_this,__source:{fileName:_jsxFileName,lineNumber:52,columnNumber:7}},row!=null&&row.key?item[row.key]:'');};return _react.default.createElement(_reactNative.View,{style:_SwitchTitleCard.styles.row,__self:_this,__source:{fileName:_jsxFileName,lineNumber:61,columnNumber:5}},_react.default.createElement(_reactNative.Text,{style:[_SwitchTitleCard.styles.textName,color],ellipsizeMode:"tail",numberOfLines:1,__self:_this,__source:{fileName:_jsxFileName,lineNumber:62,columnNumber:7}},row.label),renderContent());};var _default=exports.default=SwitchTitleCard;
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
export declare const styles: {
|
|
2
|
+
textName: {
|
|
3
|
+
fontFamily: string;
|
|
4
|
+
color: string;
|
|
5
|
+
fontWeight: "700";
|
|
6
|
+
fontSize: number;
|
|
7
|
+
lineHeight: number;
|
|
8
|
+
};
|
|
9
|
+
textValueBold: {
|
|
10
|
+
fontFamily: string;
|
|
11
|
+
color: string;
|
|
12
|
+
fontWeight: "800";
|
|
13
|
+
fontSize: number;
|
|
14
|
+
lineHeight: number;
|
|
15
|
+
};
|
|
16
|
+
row: {
|
|
17
|
+
marginHorizontal: number;
|
|
18
|
+
paddingBottom: number;
|
|
19
|
+
marginBottom: number;
|
|
20
|
+
borderBottomWidth: number;
|
|
21
|
+
borderBottomColor: string;
|
|
22
|
+
};
|
|
23
|
+
titleRowValue: {
|
|
24
|
+
flexDirection: "row";
|
|
25
|
+
height: number;
|
|
26
|
+
alignItems: "center";
|
|
27
|
+
};
|
|
28
|
+
check: {
|
|
29
|
+
width: number;
|
|
30
|
+
height: number;
|
|
31
|
+
};
|
|
32
|
+
calendar: {
|
|
33
|
+
width: number;
|
|
34
|
+
height: number;
|
|
35
|
+
marginRight: number;
|
|
36
|
+
};
|
|
37
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:true});exports.styles=void 0;var _reactNative=require("react-native");var _colors=require("../../../../../../styles/colors");var styles=exports.styles=_reactNative.StyleSheet.create({textName:{fontFamily:'Inter',color:_colors.NEUTRAL_700,fontWeight:'700',fontSize:14,lineHeight:22},textValueBold:{fontFamily:'Inter',color:_colors.NEUTRAL_1000,fontWeight:'800',fontSize:16,lineHeight:24},row:{marginHorizontal:12,paddingBottom:8,marginBottom:8,borderBottomWidth:1,borderBottomColor:_colors.NEUTRAL_300},titleRowValue:{flexDirection:'row',height:24,alignItems:'center'},check:{width:16,height:16},calendar:{width:16,height:16,marginRight:3}});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:true});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _reactNative=require("react-native");var _react=_interopRequireWildcard(require("react"));var _CardDropdown=require("./CardDropdown.styles");var _ArrowDownIcon=require("../../../../assets/images/icons/ArrowDownIcon");var _CardSkeleton=_interopRequireDefault(require("./component/CardSkeleton"));var _CardDropdownOptions=_interopRequireDefault(require("./component/CardDropdownOptions"));var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/cards/components/cardDropdown/CardDropdown.tsx";function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap(),t=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(e){return e?t:r;})(e);}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u];}return n.default=e,t&&t.set(e,n),n;}var CardDropdown=function CardDropdown(_ref){var title=_ref.title,image=_ref.image,route=_ref.route,onPress=_ref.onPress,dataOptions=_ref.dataOptions,disabled=_ref.disabled,isDropdown=_ref.isDropdown,_ref$styleType=_ref.styleType,styleType=_ref$styleType===void 0?'primary':_ref$styleType;var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2.default)(_useState,2),visibleOptions=_useState2[0],setVisibleOptions=_useState2[1];var _useState3=(0,_react.useState)(0),_useState4=(0,_slicedToArray2.default)(_useState3,2),heightDropdown=_useState4[0],setHeightDropdown=_useState4[1];var _useState5=(0,_react.useState)({top:0,left:0,width:0,height:0}),_useState6=(0,_slicedToArray2.default)(_useState5,2),positionModal=_useState6[0],setpositionModal=_useState6[1];var getStyle=function getStyle(){if(disabled){if(styleType==='primary'){return _CardDropdown.CardVariant['disabledPrimary'];}if(styleType==='secondary'){return _CardDropdown.CardVariant['disabledSecondary'];}}return _CardDropdown.CardVariant[styleType];};var onLayout=function onLayout(event){var height=event.nativeEvent.layout.height;setHeightDropdown(height);};var handleOnPressDropdown=function handleOnPressDropdown(){if(isDropdown){setVisibleOptions(true);}else if(onPress){onPress(route);}};var handleOnCloseDropdown=function handleOnCloseDropdown(){setVisibleOptions(false);};var handleOnPressOption=function handleOnPressOption(item){if(item&&onPress){onPress(item);}setVisibleOptions(false);};var handleTopLeft=function handleTopLeft(pageY,height){if(windowHeight-heightDropdown-heightExtra>pageY-height){return windowHeight-heightDropdown-heightExtra;}return pageY+height-heightDropdown;};(0,_react.useEffect)(function(){if(visibleOptions){getTopLeft();}});var getTopLeft=function getTopLeft(){if(refComponente.current){refComponente.current.measure(function(x,y,width,height,pageX,pageY){var dropdownHeight=pageY+heightDropdown;if(dropdownHeight>windowHeight){setpositionModal({top:handleTopLeft(pageY,height),left:pageX,width:width,height:height});}else{setpositionModal({top:pageY,left:pageX,width:width,height:height});}});}};var newImage=image&&_react.default.cloneElement(image,{fill:getStyle().colorCardImageFill,style:_CardDropdown.styles.cardImage});var windowHeight=_reactNative.Dimensions.get('window').height;var refComponente=(0,_react.useRef)(null);var heightExtra=20;return title&&image?_react.default.createElement(_reactNative.TouchableOpacity,{ref:refComponente,style:[_CardDropdown.styles.cardContainer,getStyle().colorCardContainer],activeOpacity:0.8,onPress:function onPress(){handleOnPressDropdown();},disabled:disabled,__self:_this,__source:{fileName:_jsxFileName,lineNumber:121,columnNumber:5}},_react.default.createElement(_reactNative.View,{style:[_CardDropdown.styles.cardImageContainer,getStyle().colorCardImageContainer],__self:_this,__source:{fileName:_jsxFileName,lineNumber:129,columnNumber:7}},image&&newImage),_react.default.createElement(_reactNative.View,{style:_CardDropdown.styles.cardDropdownContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:133,columnNumber:7}},_react.default.createElement(_reactNative.Text,{ellipsizeMode:'tail',numberOfLines:1,style:[_CardDropdown.styles.cardTitle,getStyle().colorCardTitle],__self:_this,__source:{fileName:_jsxFileName,lineNumber:134,columnNumber:9}},title),isDropdown&&_react.default.createElement(_reactNative.View,{style:_CardDropdown.styles.cardArrowImage,__self:_this,__source:{fileName:_jsxFileName,lineNumber:141,columnNumber:11}},_react.default.createElement(_ArrowDownIcon.ArrowDownIcon,{style:_CardDropdown.styles.cardArrowImage,fill:getStyle().colorCardArrowImageFill,__self:_this,__source:{fileName:_jsxFileName,lineNumber:142,columnNumber:13}}))),_react.default.createElement(_CardDropdownOptions.default,{onLayout:onLayout,visible:visibleOptions,positionModal:positionModal,onPressOption:handleOnPressOption,onClose:handleOnCloseDropdown,data:dataOptions,styleType:styleType,title:title,image:image,__self:_this,__source:{fileName:_jsxFileName,lineNumber:149,columnNumber:7}})):_react.default.createElement(_CardSkeleton.default,{disabled:disabled,styleType:styleType,__self:_this,__source:{fileName:_jsxFileName,lineNumber:162,columnNumber:5}});};var _default=exports.default=CardDropdown;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:true});exports.styles=exports.CardVariant=void 0;var _reactNative=require("react-native");var _colors=require("../../../../styles/colors");var styles=exports.styles=_reactNative.StyleSheet.create({cardContainer:{width:272,height:168,borderRadius:16,padding:24,paddingRight:23,display:'flex',justifyContent:'space-between'},cardImageContainer:{width:68,height:68,borderRadius:16,display:'flex',alignItems:'center',justifyContent:'center'},cardImage:{width:40,height:40},cardArrowImage:{height:12,width:12,marginRight:10},arrowContainer:{height:20,width:20},cardTitle:{fontSize:22,width:189},cardDropdownContainer:{display:'flex',justifyContent:'space-between',alignItems:'center',flexDirection:'row'},storiesContainer:{},cardOptionContainer:{width:272,maxHeight:442,minHeight:168,borderRadius:16,overflow:'hidden',display:'flex'},cardOptionHeader:{height:58,display:'flex',alignItems:'center',flexDirection:'row',justifyContent:'space-between',paddingHorizontal:24,borderBottomWidth:1},cardOptionHeaderSkeletonLeftContainer:{flexDirection:'row'},cardOptionHeaderTitle:{fontWeight:'500',fontSize:16,width:170,alignItems:'center',display:'flex'},cardOptionHeaderImage:{height:20,width:21,marginRight:12},cardOptionHeaderUp:{height:12,width:12},cardHeaderLeftPart:{display:'flex',flexDirection:'row'},cardItemContainer:{display:'flex',flexDirection:'row',alignItems:'center',minHeight:86,borderBottomWidth:1,paddingHorizontal:24,paddingVertical:20},cardLastItemContainer:{display:'flex',flexDirection:'row',alignItems:'center',borderBottomWidth:0,minHeight:86,paddingHorizontal:24,paddingVertical:20},cardOneItemContainer:{display:'flex',flexDirection:'row',alignItems:'center',justifyContent:'center',minHeight:118,paddingHorizontal:24,paddingVertical:20},cardItemImageContainer:{width:46,height:46,display:'flex',alignItems:'center',justifyContent:'center',marginRight:12,borderRadius:50},cardItemImageCenter:{width:24,height:24,position:'absolute'},cardImageCircle:{width:52,height:52},cardItemTitle:{fontSize:16,fontWeight:'600'},cardItemDescription:{fontSize:14,fontWeight:'500'},overlay:{position:'absolute',width:'100%',height:'100%',zIndex:-1},cardOptionSkeletonContainer:{display:'flex',alignItems:'flex-start',justifyContent:'center',flexDirection:'row',paddingHorizontal:24,paddingVertical:20,borderBottomWidth:1},cardOptionSkeletonRightContainer:{display:'flex',justifyContent:'center',marginLeft:12},cardOptionSeparation:{height:4},cardOptionHeaderImg:{width:24,height:24,marginRight:12,alignItems:'center',justifyContent:'center'},cardOptionHeaderImagenSize:{width:24,height:24},cardOptionImagenSize:{width:27,height:27},cardOptionArrowImage:{height:12,width:12,transform:[{rotate:'180deg'}]},cardItemTextContainer:{flex:1},cardOptionArrowContainer:{display:'flex',alignItems:'center',justifyContent:'center',width:21},cardDropdownStoriesRow:{display:'flex',flexDirection:'row',flexWrap:'wrap'},cardDropdownStoriesSkeletonContainer:{marginRight:20,marginBottom:20,width:276,borderRadius:16,height:168,overflow:'hidden'},cardDropdownStoriesSkeletonContainerBlue:{marginRight:20,marginBottom:20,width:276,borderRadius:16,height:168,overflow:'hidden',backgroundColor:_colors.PRIMARY_100},cardDropdownStoriesSkeletonOptionContainer:{marginRight:20,marginBottom:20,width:276,borderRadius:16,overflow:'hidden'},cardDropdownStoriesSkeletonOptionContainerBlue:{marginRight:20,marginBottom:20,width:276,borderRadius:16,overflow:'hidden',backgroundColor:_colors.PRIMARY_100},cardDropdownStoriesContainer:{marginBottom:20,marginRight:20}});var CardVariant=exports.CardVariant={primary:{colorCardContainer:{backgroundColor:_colors.NEUTRAL_0},colorCardImageContainer:{backgroundColor:_colors.QUATERNARY_50},colorCardTitle:{color:_colors.PRIMARY_100},colorCardOptionContainer:{backgroundColor:_colors.NEUTRAL_0},colorCardOptionHeader:{backgroundColor:_colors.PRIMARY_100,borderBottomColor:_colors.NEUTRAL_0},colorCardOptionHeaderTitle:{color:_colors.NEUTRAL_0},colorCardItemContainer:{borderBottomColor:_colors.NEUTRAL_10},colorCardItemTitle:{color:_colors.PRIMARY_100},colorCardItemDescription:{color:_colors.TERTIARY_100},colorCardOptionSkeletonContainer:{borderBottomColor:_colors.NEUTRAL_10},colorCardItemImageContainer:{backgroundColor:_colors.QUATERNARY_50},colorCardOptionSkeletonItem:_colors.TERTIARY_30,colorCardOptionSkeletonHeaderItem:_colors.PRIMARY_80,colorCardArrowImageFill:_colors.PRIMARY_100,colorCardImageFill:_colors.PRIMARY_100,colorCardImageOptionFill:_colors.PRIMARY_100},secondary:{colorCardContainer:{backgroundColor:_colors.PRIMARY_100},colorCardImageContainer:{backgroundColor:_colors.PRIMARY_80},colorCardTitle:{color:_colors.NEUTRAL_0},colorCardOptionContainer:{backgroundColor:_colors.PRIMARY_100},colorCardOptionHeader:{backgroundColor:_colors.PRIMARY_100,borderBottomColor:_colors.NEUTRAL_100},colorCardOptionHeaderTitle:{color:_colors.NEUTRAL_0},colorCardItemContainer:{borderBottomColor:_colors.NEUTRAL_100},colorCardItemTitle:{color:_colors.NEUTRAL_0},colorCardItemDescription:{color:_colors.TERTIARY_50},colorCardOptionSkeletonContainer:{borderBottomColor:_colors.NEUTRAL_100},colorCardItemImageContainer:{backgroundColor:_colors.PRIMARY_80},colorCardOptionSkeletonItem:_colors.PRIMARY_80,colorCardOptionSkeletonHeaderItem:_colors.PRIMARY_80,colorCardArrowImageFill:_colors.NEUTRAL_0,colorCardImageFill:_colors.SECONDARY_100,colorCardImageOptionFill:_colors.NEUTRAL_0},disabledPrimary:{colorCardContainer:{backgroundColor:_colors.NEUTRAL_5},colorCardImageContainer:{backgroundColor:_colors.NEUTRAL_10},colorCardTitle:{color:_colors.NEUTRAL_40},colorCardOptionContainer:{},colorCardOptionHeader:{},colorCardOptionHeaderTitle:{},colorCardItemContainer:{},colorCardItemTitle:{},colorCardItemDescription:{},colorCardOptionSkeletonContainer:{},colorCardItemImageContainer:{},colorCardOptionSkeletonItem:_colors.NEUTRAL_200,colorCardOptionSkeletonHeaderItem:_colors.NEUTRAL_200,colorCardArrowImageFill:_colors.NEUTRAL_40,colorCardImageFill:_colors.NEUTRAL_40,colorCardImageOptionFill:''},disabledSecondary:{colorCardContainer:{backgroundColor:_colors.PRIMARY_40},colorCardImageContainer:{backgroundColor:_colors.PRIMARY_50},colorCardTitle:{color:_colors.PRIMARY_30},colorCardOptionContainer:{},colorCardOptionHeader:{},colorCardOptionHeaderTitle:{},colorCardItemContainer:{},colorCardItemTitle:{},colorCardItemDescription:{},colorCardOptionSkeletonContainer:{},colorCardItemImageContainer:{},colorCardOptionSkeletonItem:_colors.PRIMARY_700,colorCardOptionSkeletonHeaderItem:_colors.PRIMARY_700,colorCardArrowImageFill:_colors.PRIMARY_30,colorCardImageFill:_colors.PRIMARY_30,colorCardImageOptionFill:''}};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:true});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _reactNative=require("react-native");var _react=_interopRequireWildcard(require("react"));var _CardDropdown=require("../CardDropdown.styles");var _CardDropdownSkeleton=_interopRequireDefault(require("./CardDropdownSkeleton"));var _ArrowDownIcon=require("../../../../../assets/images/icons/ArrowDownIcon");var _colors=require("../../../../../styles/colors");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/cards/components/cardDropdown/component/CardDropdownOptions.tsx";function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap(),t=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(e){return e?t:r;})(e);}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u];}return n.default=e,t&&t.set(e,n),n;}var CardDropdownOptions=function CardDropdownOptions(_ref){var data=_ref.data,visible=_ref.visible,positionModal=_ref.positionModal,onClose=_ref.onClose,onPressOption=_ref.onPressOption,onLayout=_ref.onLayout,styleType=_ref.styleType,title=_ref.title,image=_ref.image;var _useState=(0,_react.useState)(-1),_useState2=(0,_slicedToArray2.default)(_useState,2),indexHover=_useState2[0],setIndexHover=_useState2[1];var newImage=image?(_react.default.cloneElement(image,{fill:_colors.SECONDARY_100,style:_CardDropdown.styles.cardOptionHeaderImagenSize})):_react.default.createElement(_react.default.Fragment,null);var getContainerOptionStyle=function getContainerOptionStyle(indexCurrent){var styleFinal=[];if((data==null?void 0:data.length)===1){styleFinal.push(_CardDropdown.styles.cardOneItemContainer);}else if(data!=null&&data.length&&data.length-1===indexCurrent){styleFinal.push(_CardDropdown.styles.cardLastItemContainer);}else{styleFinal.push(_CardDropdown.styles.cardItemContainer);}if(indexCurrent===indexHover){if(styleType==='primary'){styleFinal.push({backgroundColor:_colors.QUATERNARY_10});}if(styleType==='secondary'){styleFinal.push({backgroundColor:_colors.PRIMARY_60});}}styleFinal.push([_CardDropdown.CardVariant[styleType].colorCardItemContainer]);return styleFinal;};return _react.default.createElement(_reactNative.Modal,{transparent:true,visible:visible,animationType:"fade",__self:_this,__source:{fileName:_jsxFileName,lineNumber:67,columnNumber:5}},_react.default.createElement(_reactNative.View,{onLayout:onLayout,style:[_CardDropdown.styles.cardOptionContainer,_CardDropdown.CardVariant[styleType].colorCardOptionContainer,{width:positionModal.width,top:positionModal.top,left:positionModal.left}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:68,columnNumber:7}},!(data!=null&&data.length)?_react.default.createElement(_CardDropdownSkeleton.default,{onClose:onClose,styleType:styleType,__self:_this,__source:{fileName:_jsxFileName,lineNumber:80,columnNumber:11}}):_react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_reactNative.TouchableOpacity,{style:[_CardDropdown.styles.cardOptionHeader,_CardDropdown.CardVariant[styleType].colorCardOptionHeader],activeOpacity:0.7,onPress:onClose,__self:_this,__source:{fileName:_jsxFileName,lineNumber:83,columnNumber:13}},_react.default.createElement(_reactNative.View,{style:_CardDropdown.styles.cardHeaderLeftPart,__self:_this,__source:{fileName:_jsxFileName,lineNumber:90,columnNumber:15}},_react.default.createElement(_reactNative.View,{style:_CardDropdown.styles.cardOptionHeaderImg,__self:_this,__source:{fileName:_jsxFileName,lineNumber:91,columnNumber:17}},image&&newImage),_react.default.createElement(_reactNative.Text,{ellipsizeMode:'tail',numberOfLines:1,style:[_CardDropdown.styles.cardOptionHeaderTitle,_CardDropdown.CardVariant[styleType].colorCardOptionHeaderTitle],__self:_this,__source:{fileName:_jsxFileName,lineNumber:94,columnNumber:17}},title),_react.default.createElement(_reactNative.View,{style:_CardDropdown.styles.cardOptionArrowContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:103,columnNumber:17}},_react.default.createElement(_ArrowDownIcon.ArrowDownIcon,{style:_CardDropdown.styles.cardOptionArrowImage,fill:_colors.NEUTRAL_0,__self:_this,__source:{fileName:_jsxFileName,lineNumber:104,columnNumber:19}})))),_react.default.createElement(_reactNative.ScrollView,{showsVerticalScrollIndicator:false,__self:_this,__source:{fileName:_jsxFileName,lineNumber:111,columnNumber:13}},data.map(function(item,index){var newImageMap=_react.default.createElement(_react.default.Fragment,null);if(item!=null&&item.image){newImageMap=_react.default.cloneElement(item.image,{fill:_CardDropdown.CardVariant[styleType].colorCardImageOptionFill,style:_CardDropdown.styles.cardOptionImagenSize});}return _react.default.createElement(_reactNative.Pressable,{onHoverIn:function onHoverIn(){setIndexHover(index);},onHoverOut:function onHoverOut(){setIndexHover(-1);},style:getContainerOptionStyle(index),key:index,onPress:function onPress(){onPressOption(item==null?void 0:item.route);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:121,columnNumber:19}},_react.default.createElement(_reactNative.View,{style:[_CardDropdown.styles.cardItemImageContainer,_CardDropdown.CardVariant[styleType].colorCardItemImageContainer],__self:_this,__source:{fileName:_jsxFileName,lineNumber:133,columnNumber:21}},newImageMap),_react.default.createElement(_reactNative.View,{style:_CardDropdown.styles.cardItemTextContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:140,columnNumber:21}},_react.default.createElement(_reactNative.Text,{style:[_CardDropdown.styles.cardItemTitle,_CardDropdown.CardVariant[styleType].colorCardItemTitle],__self:_this,__source:{fileName:_jsxFileName,lineNumber:141,columnNumber:23}},item==null?void 0:item.title),_react.default.createElement(_reactNative.Text,{style:[_CardDropdown.styles.cardItemDescription,_CardDropdown.CardVariant[styleType].colorCardItemDescription],__self:_this,__source:{fileName:_jsxFileName,lineNumber:148,columnNumber:23}},item==null?void 0:item.description)));})))),_react.default.createElement(_reactNative.TouchableOpacity,{style:_CardDropdown.styles.overlay,onPress:onClose,activeOpacity:1,__self:_this,__source:{fileName:_jsxFileName,lineNumber:163,columnNumber:7}}));};var _default=exports.default=CardDropdownOptions;
|
package/dist-native/components/cards/components/cardDropdown/component/CardDropdownSkeleton.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _reactNative=require("react-native");var _react=_interopRequireDefault(require("react"));var _SkeletonItem=_interopRequireDefault(require("../../../../secondaryComponents/SkeletonItem"));var _CardDropdown=require("../CardDropdown.styles");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/cards/components/cardDropdown/component/CardDropdownSkeleton.tsx";var CardDropdownSkeleton=function CardDropdownSkeleton(_ref){var onClose=_ref.onClose,styleType=_ref.styleType;return _react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_reactNative.TouchableOpacity,{style:[_CardDropdown.styles.cardOptionHeader,_CardDropdown.CardVariant[styleType].colorCardOptionHeader],activeOpacity:0.7,onPress:onClose,__self:_this,__source:{fileName:_jsxFileName,lineNumber:13,columnNumber:7}},_react.default.createElement(_reactNative.View,{style:_CardDropdown.styles.cardOptionHeaderSkeletonLeftContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:20,columnNumber:9}},_react.default.createElement(_SkeletonItem.default,{color:_CardDropdown.CardVariant[styleType].colorCardOptionSkeletonHeaderItem,height:20,width:20,borderRadius:50,delay:0,__self:_this,__source:{fileName:_jsxFileName,lineNumber:21,columnNumber:11}}),_react.default.createElement(_reactNative.View,{style:_CardDropdown.styles.cardOptionSkeletonRightContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:28,columnNumber:11}}),_react.default.createElement(_SkeletonItem.default,{color:_CardDropdown.CardVariant[styleType].colorCardOptionSkeletonHeaderItem,height:22,width:137,borderRadius:50,delay:0,__self:_this,__source:{fileName:_jsxFileName,lineNumber:29,columnNumber:11}}))),_react.default.createElement(_reactNative.View,{style:[_CardDropdown.styles.cardOptionSkeletonContainer,_CardDropdown.CardVariant[styleType].colorCardOptionSkeletonContainer],__self:_this,__source:{fileName:_jsxFileName,lineNumber:38,columnNumber:7}},_react.default.createElement(_SkeletonItem.default,{color:_CardDropdown.CardVariant[styleType].colorCardOptionSkeletonItem,height:46,width:46,borderRadius:50,delay:200,__self:_this,__source:{fileName:_jsxFileName,lineNumber:43,columnNumber:9}}),_react.default.createElement(_reactNative.View,{style:_CardDropdown.styles.cardOptionSkeletonRightContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:50,columnNumber:9}},_react.default.createElement(_SkeletonItem.default,{color:_CardDropdown.CardVariant[styleType].colorCardOptionSkeletonItem,height:20,width:60,borderRadius:50,delay:200,__self:_this,__source:{fileName:_jsxFileName,lineNumber:51,columnNumber:11}}),_react.default.createElement(_reactNative.View,{style:_CardDropdown.styles.cardOptionSeparation,__self:_this,__source:{fileName:_jsxFileName,lineNumber:58,columnNumber:11}}),_react.default.createElement(_SkeletonItem.default,{color:_CardDropdown.CardVariant[styleType].colorCardOptionSkeletonItem,height:20,width:156,borderRadius:50,delay:200,__self:_this,__source:{fileName:_jsxFileName,lineNumber:59,columnNumber:11}}))),_react.default.createElement(_reactNative.View,{style:[_CardDropdown.styles.cardOptionSkeletonContainer,_CardDropdown.CardVariant[styleType].colorCardOptionSkeletonContainer],__self:_this,__source:{fileName:_jsxFileName,lineNumber:68,columnNumber:7}},_react.default.createElement(_SkeletonItem.default,{color:_CardDropdown.CardVariant[styleType].colorCardOptionSkeletonItem,height:46,width:46,borderRadius:50,delay:400,__self:_this,__source:{fileName:_jsxFileName,lineNumber:73,columnNumber:9}}),_react.default.createElement(_reactNative.View,{style:_CardDropdown.styles.cardOptionSkeletonRightContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:80,columnNumber:9}},_react.default.createElement(_SkeletonItem.default,{color:_CardDropdown.CardVariant[styleType].colorCardOptionSkeletonItem,height:20,width:60,borderRadius:50,delay:400,__self:_this,__source:{fileName:_jsxFileName,lineNumber:81,columnNumber:11}}),_react.default.createElement(_reactNative.View,{style:_CardDropdown.styles.cardOptionSeparation,__self:_this,__source:{fileName:_jsxFileName,lineNumber:88,columnNumber:11}}),_react.default.createElement(_SkeletonItem.default,{color:_CardDropdown.CardVariant[styleType].colorCardOptionSkeletonItem,height:20,width:156,borderRadius:50,delay:400,__self:_this,__source:{fileName:_jsxFileName,lineNumber:89,columnNumber:11}}))),_react.default.createElement(_reactNative.View,{style:[_CardDropdown.styles.cardOptionSkeletonContainer,_CardDropdown.CardVariant[styleType].colorCardOptionSkeletonContainer],__self:_this,__source:{fileName:_jsxFileName,lineNumber:98,columnNumber:7}},_react.default.createElement(_SkeletonItem.default,{color:_CardDropdown.CardVariant[styleType].colorCardOptionSkeletonItem,height:46,width:46,borderRadius:50,delay:600,__self:_this,__source:{fileName:_jsxFileName,lineNumber:103,columnNumber:9}}),_react.default.createElement(_reactNative.View,{style:_CardDropdown.styles.cardOptionSkeletonRightContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:110,columnNumber:9}},_react.default.createElement(_SkeletonItem.default,{color:_CardDropdown.CardVariant[styleType].colorCardOptionSkeletonItem,height:20,width:60,borderRadius:50,delay:600,__self:_this,__source:{fileName:_jsxFileName,lineNumber:111,columnNumber:11}}),_react.default.createElement(_reactNative.View,{style:_CardDropdown.styles.cardOptionSeparation,__self:_this,__source:{fileName:_jsxFileName,lineNumber:118,columnNumber:11}}),_react.default.createElement(_SkeletonItem.default,{color:_CardDropdown.CardVariant[styleType].colorCardOptionSkeletonItem,height:20,width:156,borderRadius:50,delay:600,__self:_this,__source:{fileName:_jsxFileName,lineNumber:119,columnNumber:11}}),_react.default.createElement(_reactNative.View,{style:_CardDropdown.styles.cardOptionSeparation,__self:_this,__source:{fileName:_jsxFileName,lineNumber:126,columnNumber:11}}),_react.default.createElement(_SkeletonItem.default,{color:_CardDropdown.CardVariant[styleType].colorCardOptionSkeletonItem,height:20,width:156,borderRadius:50,delay:600,__self:_this,__source:{fileName:_jsxFileName,lineNumber:127,columnNumber:11}}))),_react.default.createElement(_reactNative.View,{style:[_CardDropdown.styles.cardOptionSkeletonContainer,_CardDropdown.CardVariant[styleType].colorCardOptionSkeletonContainer],__self:_this,__source:{fileName:_jsxFileName,lineNumber:136,columnNumber:7}},_react.default.createElement(_SkeletonItem.default,{color:_CardDropdown.CardVariant[styleType].colorCardOptionSkeletonItem,height:46,width:46,borderRadius:50,delay:800,__self:_this,__source:{fileName:_jsxFileName,lineNumber:141,columnNumber:9}}),_react.default.createElement(_reactNative.View,{style:_CardDropdown.styles.cardOptionSkeletonRightContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:148,columnNumber:9}},_react.default.createElement(_SkeletonItem.default,{color:_CardDropdown.CardVariant[styleType].colorCardOptionSkeletonItem,height:20,width:60,borderRadius:50,delay:800,__self:_this,__source:{fileName:_jsxFileName,lineNumber:149,columnNumber:11}}),_react.default.createElement(_reactNative.View,{style:_CardDropdown.styles.cardOptionSeparation,__self:_this,__source:{fileName:_jsxFileName,lineNumber:156,columnNumber:11}}),_react.default.createElement(_SkeletonItem.default,{color:_CardDropdown.CardVariant[styleType].colorCardOptionSkeletonItem,height:20,width:156,borderRadius:50,delay:800,__self:_this,__source:{fileName:_jsxFileName,lineNumber:157,columnNumber:11}}),_react.default.createElement(_reactNative.View,{style:_CardDropdown.styles.cardOptionSeparation,__self:_this,__source:{fileName:_jsxFileName,lineNumber:164,columnNumber:11}}),_react.default.createElement(_SkeletonItem.default,{color:_CardDropdown.CardVariant[styleType].colorCardOptionSkeletonItem,height:20,width:156,borderRadius:50,delay:800,__self:_this,__source:{fileName:_jsxFileName,lineNumber:165,columnNumber:11}}))));};var _default=exports.default=CardDropdownSkeleton;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _reactNative=require("react-native");var _react=_interopRequireDefault(require("react"));var _SkeletonItem=_interopRequireDefault(require("../../../../secondaryComponents/SkeletonItem"));var _CardDropdown=require("../CardDropdown.styles");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/cards/components/cardDropdown/component/CardSkeleton.tsx";var CardSkeleton=function CardSkeleton(_ref){var styleType=_ref.styleType,_ref$disabled=_ref.disabled,disabled=_ref$disabled===void 0?false:_ref$disabled;var getStyle=function getStyle(){if(disabled){if(styleType==='primary'){return _CardDropdown.CardVariant['disabledPrimary'];}if(styleType==='secondary'){return _CardDropdown.CardVariant['disabledSecondary'];}}return _CardDropdown.CardVariant[styleType];};return _react.default.createElement(_reactNative.View,{style:[_CardDropdown.styles.cardContainer,getStyle().colorCardContainer],__self:_this,__source:{fileName:_jsxFileName,lineNumber:29,columnNumber:5}},_react.default.createElement(_SkeletonItem.default,{color:getStyle().colorCardOptionSkeletonItem,height:68,width:68,borderRadius:50,delay:0,__self:_this,__source:{fileName:_jsxFileName,lineNumber:30,columnNumber:7}}),_react.default.createElement(_SkeletonItem.default,{color:getStyle().colorCardOptionSkeletonItem,height:28,width:224,borderRadius:50,delay:0,__self:_this,__source:{fileName:_jsxFileName,lineNumber:37,columnNumber:7}}));};var _default=exports.default=CardSkeleton;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"CardDropdown",{enumerable:true,get:function get(){return _CardDropdown.default;}});Object.defineProperty(exports,"Cards",{enumerable:true,get:function get(){return _Cards.default;}});var _Cards=_interopRequireDefault(require("./Cards"));var _CardDropdown=_interopRequireDefault(require("./components/cardDropdown/CardDropdown"));
|