react-jupiter 5.12.0 → 6.0.0-beta.2
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/.babelrc +12 -0
- package/.env +3 -0
- package/.eslintignore +2 -0
- package/.eslintrc +18 -0
- package/.eslintrc.js +47 -0
- package/.eslintrc.json +16 -0
- package/.flowconfig +0 -0
- package/.storybook/main.js +27 -0
- package/.storybook/preview-head.html +1 -0
- package/.storybook/preview.js +30 -0
- package/.storybook/style.css +9 -0
- package/.vscode/settings.json +4 -0
- package/__mocks__/fileMock.js +1 -0
- package/config-overrides.js +34 -0
- package/dist/App.js +13 -0
- package/dist/components/accordion/index.js +25 -0
- package/dist/components/accordion/index.stories.js +82 -0
- package/dist/components/accordion/index.styles.js +52 -0
- package/dist/components/accordion/panel.js +41 -0
- package/dist/components/avatar/index.js +41 -0
- package/dist/components/avatar/index.stories.js +59 -0
- package/dist/components/avatar/index.styles.js +17 -0
- package/dist/components/avatar/index.test.js +10 -0
- package/dist/components/avatar/theme.js +13 -0
- package/dist/components/button/__snapshots__/index.test.js.snap +489 -0
- package/dist/components/button/index.js +209 -0
- package/dist/components/button/index.stories.js +304 -0
- package/dist/components/button/index.styles.js +104 -0
- package/dist/components/button/theme.js +58 -0
- package/dist/components/button/utils.js +12 -0
- package/dist/components/card/card-template/index.js +74 -0
- package/dist/components/card/card-template/index.stories.js +110 -0
- package/dist/components/card/card-template/index.style.js +25 -0
- package/dist/components/card/card-template/index.test.js +85 -0
- package/dist/components/card/event-card/constants.js +3 -0
- package/dist/components/card/event-card/event-card-label/index.js +24 -0
- package/dist/components/card/event-card/event-card-label/index.style.js +10 -0
- package/dist/components/card/event-card/event-card-label/index.test.js +23 -0
- package/dist/components/card/event-card/index.js +227 -0
- package/dist/components/card/event-card/index.stories.js +166 -0
- package/dist/components/card/event-card/index.style.js +129 -0
- package/dist/components/card/event-card/index.test.js +79 -0
- package/dist/components/card/index.js +16 -0
- package/dist/components/card/organization-card/index.js +59 -0
- package/dist/components/card/organization-card/index.stories.js +49 -0
- package/dist/components/card/organization-card/index.style.js +10 -0
- package/dist/components/card/organization-card/index.test.js +25 -0
- package/dist/components/card/orgnizer-card/buttons.js +48 -0
- package/dist/components/card/orgnizer-card/index.js +179 -0
- package/dist/components/card/orgnizer-card/index.stories.js +81 -0
- package/dist/components/card/orgnizer-card/index.style.js +58 -0
- package/dist/components/cover/index.js +74 -0
- package/dist/components/cover/index.style.js +48 -0
- package/dist/components/cover/index.test.js +25 -0
- package/dist/components/display/index.js +42 -0
- package/dist/components/display/index.style.js +79 -0
- package/dist/components/file-item/fileImgIcon.js +37 -0
- package/dist/components/file-item/fileImgsFont.js +800 -0
- package/dist/components/file-item/index.js +101 -0
- package/dist/components/file-item/index.stories.js +71 -0
- package/dist/components/file-item/index.style.js +31 -0
- package/dist/components/file-item/index.test.js +106 -0
- package/dist/components/file-item/theme.js +12 -0
- package/dist/components/file-item/utils.js +3 -0
- package/dist/components/form/captcha/index.js +86 -0
- package/dist/components/form/captcha/index.stories.js +42 -0
- package/dist/components/form/captcha/index.style.js +38 -0
- package/dist/components/form/captcha/index.test.js +31 -0
- package/dist/components/form/checkbox/checkbox-option.js +41 -0
- package/dist/components/form/checkbox/checkbox.js +54 -0
- package/dist/components/form/checkbox/index.js +10 -0
- package/dist/components/form/checkbox/index.stories.js +121 -0
- package/dist/components/form/checkbox/index.style.js +62 -0
- package/dist/components/form/dropdown/index.js +10 -0
- package/dist/components/form/dropdown/index.stories.js +119 -0
- package/dist/components/form/dropdown/index.style.js +57 -0
- package/dist/components/form/dropdown/index.test.js +20 -0
- package/dist/components/form/dropdown/option.js +22 -0
- package/dist/components/form/dropdown/select.js +68 -0
- package/dist/components/form/errorMsg.js +21 -0
- package/dist/components/form/index.js +22 -0
- package/dist/components/form/radio/index.js +10 -0
- package/dist/components/form/radio/index.stories.js +119 -0
- package/dist/components/form/radio/index.style.js +61 -0
- package/dist/components/form/radio/radio-option.js +45 -0
- package/dist/components/form/radio/radio.js +56 -0
- package/dist/components/form/text-input/index.js +92 -0
- package/dist/components/form/text-input/index.stories.js +77 -0
- package/dist/components/form/text-input/index.style.js +57 -0
- package/dist/components/form/text-input/index.test.js +63 -0
- package/dist/components/form/textarea/index.js +59 -0
- package/dist/components/form/textarea/index.stories.js +90 -0
- package/dist/components/form/textarea/index.style.js +25 -0
- package/dist/components/form/theme.js +16 -0
- package/dist/components/form-v7/captcha/index.js +101 -0
- package/dist/components/form-v7/captcha/index.stories.js +60 -0
- package/dist/components/form-v7/captcha/index.style.js +38 -0
- package/dist/components/form-v7/captcha/index.test.js +31 -0
- package/dist/components/form-v7/checkbox/checkbox-option.js +44 -0
- package/dist/components/form-v7/checkbox/checkbox.js +70 -0
- package/dist/components/form-v7/checkbox/index.js +10 -0
- package/dist/components/form-v7/checkbox/index.stories.js +113 -0
- package/dist/components/form-v7/checkbox/index.style.js +62 -0
- package/dist/components/form-v7/dropdown/index.js +10 -0
- package/dist/components/form-v7/dropdown/index.stories.js +130 -0
- package/dist/components/form-v7/dropdown/index.style.js +57 -0
- package/dist/components/form-v7/dropdown/index.test.js +20 -0
- package/dist/components/form-v7/dropdown/option.js +18 -0
- package/dist/components/form-v7/dropdown/select.js +85 -0
- package/dist/components/form-v7/errorMsg.js +21 -0
- package/dist/components/form-v7/file-input/index.js +73 -0
- package/dist/components/form-v7/file-input/index.stories.js +73 -0
- package/dist/components/form-v7/file-input/index.style.js +62 -0
- package/dist/components/form-v7/file-input/index.test.js +63 -0
- package/dist/components/form-v7/form/index.stories.js +276 -0
- package/dist/components/form-v7/index.js +25 -0
- package/dist/components/form-v7/index.style.js +11 -0
- package/dist/components/form-v7/label/index.js +31 -0
- package/dist/components/form-v7/label/index.style.js +12 -0
- package/dist/components/form-v7/radio/index.js +10 -0
- package/dist/components/form-v7/radio/index.stories.js +117 -0
- package/dist/components/form-v7/radio/index.style.js +61 -0
- package/dist/components/form-v7/radio/radio-option.js +45 -0
- package/dist/components/form-v7/radio/radio.js +75 -0
- package/dist/components/form-v7/text-input/index.js +132 -0
- package/dist/components/form-v7/text-input/index.stories.js +96 -0
- package/dist/components/form-v7/text-input/index.style.js +49 -0
- package/dist/components/form-v7/text-input/index.test.js +63 -0
- package/dist/components/form-v7/textarea/index.js +71 -0
- package/dist/components/form-v7/textarea/index.stories.js +91 -0
- package/dist/components/form-v7/textarea/index.style.js +25 -0
- package/dist/components/form-v7/theme.js +20 -0
- package/dist/components/globalStyle.js +28 -0
- package/dist/components/grid/index.js +83 -0
- package/dist/components/icon/iconFont.js +806 -0
- package/dist/components/icon/index.js +116 -0
- package/dist/components/icon/index.stories.js +45 -0
- package/dist/components/icon/index.styles.js +12 -0
- package/dist/components/icon/index.test.js +66 -0
- package/dist/components/icon/theme.js +23 -0
- package/dist/components/index.js +75 -0
- package/dist/components/modal/index.js +100 -0
- package/dist/components/modal/index.stories.js +86 -0
- package/dist/components/modal/index.style.js +40 -0
- package/dist/components/modal/theme.js +11 -0
- package/dist/components/numeric-summery-report/index.js +28 -0
- package/dist/components/numeric-summery-report/index.stories.js +37 -0
- package/dist/components/numeric-summery-report/index.style.js +16 -0
- package/dist/components/numeric-summery-report/index.test.js +22 -0
- package/dist/components/product-menu/index.js +10 -0
- package/dist/components/product-menu/index.stories.js +33 -0
- package/dist/components/product-menu/index.style.js +38 -0
- package/dist/components/product-menu/index.test.js +27 -0
- package/dist/components/product-menu/menu-item.js +23 -0
- package/dist/components/product-menu/menu.js +88 -0
- package/dist/components/product-menu/theme.js +16 -0
- package/dist/components/product-owner/index.js +85 -0
- package/dist/components/product-owner/index.style.js +16 -0
- package/dist/components/product-owner/index.test.js +75 -0
- package/dist/components/product-properties/index.js +65 -0
- package/dist/components/product-properties/index.stories.js +52 -0
- package/dist/components/product-properties/index.style.js +14 -0
- package/dist/components/product-properties/index.test.js +31 -0
- package/dist/components/product-properties/product-property/index.js +49 -0
- package/dist/components/product-properties/product-property/index.style.js +9 -0
- package/dist/components/progress-bar/index.js +46 -0
- package/dist/components/progress-bar/index.stories.js +33 -0
- package/dist/components/progress-bar/index.styles.js +65 -0
- package/dist/components/responsive/index.js +44 -0
- package/dist/components/show-date/index.js +25 -0
- package/dist/components/show-date/index.stories.js +51 -0
- package/dist/components/show-date/index.test.js +24 -0
- package/dist/components/spacing/core.js +106 -0
- package/dist/components/spacing/index.js +10 -0
- package/dist/components/spacing/margin/index.js +26 -0
- package/dist/components/spacing/padding/index.js +26 -0
- package/dist/components/storybook.css +54 -0
- package/dist/components/table/actionCell.js +57 -0
- package/dist/components/table/index.js +56 -0
- package/dist/components/table/index.stories.js +188 -0
- package/dist/components/table/index.style.js +107 -0
- package/dist/components/table/index.test.js +119 -0
- package/dist/components/table/tableHeaderRow.js +28 -0
- package/dist/components/table/tableRow.js +60 -0
- package/dist/components/table/theme.js +8 -0
- package/dist/components/tabs/index.js +10 -0
- package/dist/components/tabs/index.stories.js +61 -0
- package/dist/components/tabs/index.style.js +35 -0
- package/dist/components/tabs/index.test.js +30 -0
- package/dist/components/tabs/tabPanel.js +17 -0
- package/dist/components/tabs/tabs.js +71 -0
- package/dist/components/tabs/theme.js +10 -0
- package/dist/components/themes.js +97 -0
- package/dist/components/titled-avatar/index.js +48 -0
- package/dist/components/titled-avatar/index.stories.js +52 -0
- package/dist/components/titled-avatar/index.style.js +30 -0
- package/dist/components/titled-avatar/index.test.js +25 -0
- package/dist/components/typography/heading/index.js +59 -0
- package/dist/components/typography/heading/index.stories.js +94 -0
- package/dist/components/typography/heading/index.styles.js +69 -0
- package/dist/components/typography/heading/index.test.js +122 -0
- package/dist/components/typography/index.js +16 -0
- package/dist/components/typography/link/index.js +82 -0
- package/dist/components/typography/link/index.stories.js +70 -0
- package/dist/components/typography/link/index.styles.js +8 -0
- package/dist/components/typography/link/index.test.js +60 -0
- package/dist/components/typography/paragraph/index.js +37 -0
- package/dist/components/typography/paragraph/index.stories.js +56 -0
- package/dist/components/typography/paragraph/index.styles.js +12 -0
- package/dist/components/typography/paragraph/index.test.js +47 -0
- package/dist/components/typography/text/index.js +156 -0
- package/dist/components/typography/text/index.stories.js +196 -0
- package/dist/components/typography/text/index.styles.js +73 -0
- package/dist/components/typography/text/index.test.js +333 -0
- package/dist/components/typography/theme.js +66 -0
- package/dist/components/typography/utils.js +53 -0
- package/dist/components/typography/utils.test.js +188 -0
- package/dist/components/utils/date.js +7 -0
- package/dist/components/utils/date.test.js +15 -0
- package/dist/components/utils/detectMobile.js +15 -0
- package/dist/components/utils/index.js +7 -0
- package/dist/components/utils/media-query.js +12 -0
- package/dist/components/utils/numbers.js +25 -0
- package/dist/components/utils/test.js +6 -0
- package/dist/components/utils/theme.js +67 -0
- package/dist/docs/App.css +33 -0
- package/dist/docs/App.js +52 -0
- package/dist/docs/assets/ads-label.svg +13 -0
- package/dist/docs/assets/avatar-sample.jpeg +0 -0
- package/dist/docs/assets/cover-sample.png +0 -0
- package/dist/docs/assets/fonts/filesImgs.woff +0 -0
- package/dist/docs/assets/fonts/icomoon.woff +0 -0
- package/dist/docs/assets/fonts/iransharp_bold_web.woff +0 -0
- package/dist/docs/assets/fonts/iransharp_bold_web.woff2 +0 -0
- package/dist/docs/assets/fonts/iransharp_regular_web.woff +0 -0
- package/dist/docs/assets/fonts/iransharp_regular_web.woff2 +0 -0
- package/dist/docs/assets/fonts/wer6t7890- +0 -0
- package/dist/docs/assets/logo.svg +7 -0
- package/dist/docs/components/header/index.js +10 -0
- package/dist/docs/components/header/index.styles.js +10 -0
- package/dist/docs/components/side-navigation/index.js +167 -0
- package/dist/docs/components/side-navigation/index.styles.js +46 -0
- package/dist/docs/containers/avatar/index.js +92 -0
- package/dist/docs/containers/button/index.js +295 -0
- package/dist/docs/containers/card/index.js +153 -0
- package/dist/docs/containers/cover/index.js +77 -0
- package/dist/docs/containers/form/index.js +41 -0
- package/dist/docs/containers/home/index.js +41 -0
- package/dist/docs/containers/icon/index.js +56 -0
- package/dist/docs/containers/icons/index.js +1488 -0
- package/dist/docs/containers/product/index.js +123 -0
- package/dist/docs/containers/typography/index.js +138 -0
- package/dist/docs/globalStyle.js +58 -0
- package/dist/index.css +3 -0
- package/dist/index.js +18 -0
- package/dist/playground/index.js +144 -0
- package/dist/playground.css +26 -0
- package/dist/serviceWorker.js +135 -0
- package/dist/setupTests.js +24 -0
- package/dist/stories/Page.js +67 -0
- package/dist/storybook.css +58 -0
- package/dist/styles.css +3 -0
- package/dist/test-utils.js +21 -0
- package/doctor-storybook.log +25 -0
- package/migration-storybook.log +329 -0
- package/package.json +132 -12
- package/package.lib.json +75 -0
- package/postcss.config.js +6 -0
- package/public/assets/fonts/iransharp_bold_web.woff2 +0 -0
- package/public/assets/fonts/iransharp_light_web.woff2 +0 -0
- package/public/assets/fonts/iransharp_regular_web.woff2 +0 -0
- package/public/favicon.ico +0 -0
- package/public/index.html +43 -0
- package/public/logo.svg +1 -0
- package/public/logo142.svg +1 -0
- package/public/manifest.json +25 -0
- package/public/robots.txt +2 -0
- package/src/App.js +13 -0
- package/src/components/accordion/index.js +25 -0
- package/src/components/accordion/index.stories.js +82 -0
- package/src/components/accordion/index.styles.js +52 -0
- package/src/components/accordion/panel.js +41 -0
- package/src/components/avatar/index.js +41 -0
- package/src/components/avatar/index.stories.js +59 -0
- package/src/components/avatar/index.styles.js +17 -0
- package/src/components/avatar/index.test.js +10 -0
- package/src/components/avatar/theme.js +13 -0
- package/src/components/button/__snapshots__/index.test.js.snap +489 -0
- package/src/components/button/index.js +209 -0
- package/src/components/button/index.stories.js +304 -0
- package/src/components/button/index.styles.js +104 -0
- package/src/components/button/theme.js +60 -0
- package/src/components/button/utils.js +12 -0
- package/src/components/card/card-template/index.js +74 -0
- package/src/components/card/card-template/index.stories.js +110 -0
- package/src/components/card/card-template/index.style.js +25 -0
- package/src/components/card/card-template/index.test.js +85 -0
- package/src/components/card/event-card/constants.js +3 -0
- package/src/components/card/event-card/event-card-label/index.js +24 -0
- package/src/components/card/event-card/event-card-label/index.style.js +10 -0
- package/src/components/card/event-card/event-card-label/index.test.js +23 -0
- package/src/components/card/event-card/index.js +227 -0
- package/src/components/card/event-card/index.stories.js +166 -0
- package/src/components/card/event-card/index.style.js +129 -0
- package/src/components/card/event-card/index.test.js +79 -0
- package/src/components/card/index.js +16 -0
- package/src/components/card/organization-card/index.js +59 -0
- package/src/components/card/organization-card/index.stories.js +49 -0
- package/src/components/card/organization-card/index.style.js +10 -0
- package/src/components/card/organization-card/index.test.js +25 -0
- package/src/components/card/orgnizer-card/buttons.js +48 -0
- package/src/components/card/orgnizer-card/index.js +179 -0
- package/src/components/card/orgnizer-card/index.stories.js +81 -0
- package/src/components/card/orgnizer-card/index.style.js +58 -0
- package/src/components/cover/index.js +74 -0
- package/src/components/cover/index.style.js +48 -0
- package/src/components/cover/index.test.js +25 -0
- package/src/components/display/index.js +42 -0
- package/src/components/display/index.style.js +80 -0
- package/src/components/file-item/fileImgIcon.js +37 -0
- package/src/components/file-item/fileImgsFont.js +800 -0
- package/src/components/file-item/index.js +101 -0
- package/src/components/file-item/index.stories.js +71 -0
- package/src/components/file-item/index.style.js +31 -0
- package/src/components/file-item/index.test.js +106 -0
- package/src/components/file-item/theme.js +12 -0
- package/src/components/file-item/utils.js +3 -0
- package/src/components/form/captcha/index.js +86 -0
- package/src/components/form/captcha/index.stories.js +42 -0
- package/src/components/form/captcha/index.style.js +38 -0
- package/src/components/form/captcha/index.test.js +31 -0
- package/src/components/form/checkbox/checkbox-option.js +41 -0
- package/src/components/form/checkbox/checkbox.js +54 -0
- package/src/components/form/checkbox/index.js +10 -0
- package/src/components/form/checkbox/index.stories.js +121 -0
- package/src/components/form/checkbox/index.style.js +62 -0
- package/src/components/form/dropdown/index.js +10 -0
- package/src/components/form/dropdown/index.stories.js +119 -0
- package/src/components/form/dropdown/index.style.js +57 -0
- package/src/components/form/dropdown/index.test.js +20 -0
- package/src/components/form/dropdown/option.js +22 -0
- package/src/components/form/dropdown/select.js +68 -0
- package/src/components/form/errorMsg.js +21 -0
- package/src/components/form/index.js +22 -0
- package/src/components/form/radio/index.js +10 -0
- package/src/components/form/radio/index.stories.js +119 -0
- package/src/components/form/radio/index.style.js +61 -0
- package/src/components/form/radio/radio-option.js +45 -0
- package/src/components/form/radio/radio.js +56 -0
- package/src/components/form/text-input/index.js +92 -0
- package/src/components/form/text-input/index.stories.js +77 -0
- package/src/components/form/text-input/index.style.js +57 -0
- package/src/components/form/text-input/index.test.js +63 -0
- package/src/components/form/textarea/index.js +59 -0
- package/src/components/form/textarea/index.stories.js +90 -0
- package/src/components/form/textarea/index.style.js +25 -0
- package/src/components/form/theme.js +16 -0
- package/src/components/form-v7/captcha/index.js +101 -0
- package/src/components/form-v7/captcha/index.stories.js +60 -0
- package/src/components/form-v7/captcha/index.style.js +38 -0
- package/src/components/form-v7/captcha/index.test.js +31 -0
- package/src/components/form-v7/checkbox/checkbox-option.js +44 -0
- package/src/components/form-v7/checkbox/checkbox.js +70 -0
- package/src/components/form-v7/checkbox/index.js +10 -0
- package/src/components/form-v7/checkbox/index.stories.js +113 -0
- package/src/components/form-v7/checkbox/index.style.js +62 -0
- package/src/components/form-v7/dropdown/index.js +10 -0
- package/src/components/form-v7/dropdown/index.stories.js +130 -0
- package/src/components/form-v7/dropdown/index.style.js +57 -0
- package/src/components/form-v7/dropdown/index.test.js +20 -0
- package/src/components/form-v7/dropdown/option.js +18 -0
- package/src/components/form-v7/dropdown/select.js +85 -0
- package/src/components/form-v7/errorMsg.js +21 -0
- package/src/components/form-v7/file-input/index.js +73 -0
- package/src/components/form-v7/file-input/index.stories.js +73 -0
- package/src/components/form-v7/file-input/index.style.js +62 -0
- package/src/components/form-v7/file-input/index.test.js +63 -0
- package/src/components/form-v7/form/index.stories.js +276 -0
- package/src/components/form-v7/index.js +25 -0
- package/src/components/form-v7/index.style.js +11 -0
- package/src/components/form-v7/label/index.js +31 -0
- package/src/components/form-v7/label/index.style.js +12 -0
- package/src/components/form-v7/radio/index.js +10 -0
- package/src/components/form-v7/radio/index.stories.js +117 -0
- package/src/components/form-v7/radio/index.style.js +61 -0
- package/src/components/form-v7/radio/radio-option.js +45 -0
- package/src/components/form-v7/radio/radio.js +75 -0
- package/src/components/form-v7/text-input/index.js +132 -0
- package/src/components/form-v7/text-input/index.stories.js +96 -0
- package/src/components/form-v7/text-input/index.style.js +49 -0
- package/src/components/form-v7/text-input/index.test.js +63 -0
- package/src/components/form-v7/textarea/index.js +71 -0
- package/src/components/form-v7/textarea/index.stories.js +91 -0
- package/src/components/form-v7/textarea/index.style.js +25 -0
- package/src/components/form-v7/theme.js +20 -0
- package/src/components/globalStyle.js +28 -0
- package/src/components/grid/index.js +83 -0
- package/src/components/icon/iconFont.js +806 -0
- package/src/components/icon/index.js +116 -0
- package/src/components/icon/index.stories.js +45 -0
- package/src/components/icon/index.styles.js +12 -0
- package/src/components/icon/index.test.js +66 -0
- package/src/components/icon/theme.js +23 -0
- package/src/components/index.js +75 -0
- package/src/components/modal/index.js +100 -0
- package/src/components/modal/index.stories.js +86 -0
- package/src/components/modal/index.style.js +40 -0
- package/src/components/modal/theme.js +11 -0
- package/src/components/numeric-summery-report/index.js +28 -0
- package/src/components/numeric-summery-report/index.stories.js +37 -0
- package/src/components/numeric-summery-report/index.style.js +16 -0
- package/src/components/numeric-summery-report/index.test.js +22 -0
- package/src/components/product-menu/index.js +10 -0
- package/src/components/product-menu/index.stories.js +33 -0
- package/src/components/product-menu/index.style.js +38 -0
- package/src/components/product-menu/index.test.js +27 -0
- package/src/components/product-menu/menu-item.js +23 -0
- package/src/components/product-menu/menu.js +88 -0
- package/src/components/product-menu/theme.js +16 -0
- package/src/components/product-owner/index.js +85 -0
- package/src/components/product-owner/index.style.js +16 -0
- package/src/components/product-owner/index.test.js +75 -0
- package/src/components/product-properties/index.js +65 -0
- package/src/components/product-properties/index.stories.js +52 -0
- package/src/components/product-properties/index.style.js +14 -0
- package/src/components/product-properties/index.test.js +31 -0
- package/src/components/product-properties/product-property/index.js +49 -0
- package/src/components/product-properties/product-property/index.style.js +9 -0
- package/src/components/progress-bar/index.js +46 -0
- package/src/components/progress-bar/index.stories.js +33 -0
- package/src/components/progress-bar/index.styles.js +65 -0
- package/src/components/responsive/index.js +44 -0
- package/src/components/show-date/index.js +25 -0
- package/src/components/show-date/index.stories.js +51 -0
- package/src/components/show-date/index.style.js +1 -0
- package/src/components/show-date/index.test.js +24 -0
- package/src/components/spacing/core.js +106 -0
- package/src/components/spacing/index.js +10 -0
- package/src/components/spacing/margin/index.js +26 -0
- package/src/components/spacing/padding/index.js +26 -0
- package/src/components/storybook.css +54 -0
- package/src/components/table/actionCell.js +57 -0
- package/src/components/table/index.js +56 -0
- package/src/components/table/index.stories.js +188 -0
- package/src/components/table/index.style.js +107 -0
- package/src/components/table/index.test.js +119 -0
- package/src/components/table/tableHeaderRow.js +28 -0
- package/src/components/table/tableRow.js +60 -0
- package/src/components/table/theme.js +8 -0
- package/src/components/tabs/index.js +10 -0
- package/src/components/tabs/index.stories.js +61 -0
- package/src/components/tabs/index.style.js +35 -0
- package/src/components/tabs/index.test.js +30 -0
- package/src/components/tabs/tabPanel.js +17 -0
- package/src/components/tabs/tabs.js +71 -0
- package/src/components/tabs/theme.js +10 -0
- package/src/components/themes.js +97 -0
- package/src/components/titled-avatar/index.js +48 -0
- package/src/components/titled-avatar/index.stories.js +52 -0
- package/src/components/titled-avatar/index.style.js +30 -0
- package/src/components/titled-avatar/index.test.js +25 -0
- package/src/components/typography/heading/index.js +59 -0
- package/src/components/typography/heading/index.stories.js +94 -0
- package/src/components/typography/heading/index.styles.js +69 -0
- package/src/components/typography/heading/index.test.js +122 -0
- package/src/components/typography/index.js +16 -0
- package/src/components/typography/index.styles.js +1 -0
- package/src/components/typography/link/index.js +82 -0
- package/src/components/typography/link/index.stories.js +70 -0
- package/src/components/typography/link/index.styles.js +8 -0
- package/src/components/typography/link/index.test.js +60 -0
- package/src/components/typography/paragraph/index.js +37 -0
- package/src/components/typography/paragraph/index.stories.js +56 -0
- package/src/components/typography/paragraph/index.styles.js +12 -0
- package/src/components/typography/paragraph/index.test.js +47 -0
- package/src/components/typography/text/index.js +156 -0
- package/src/components/typography/text/index.stories.js +196 -0
- package/src/components/typography/text/index.styles.js +73 -0
- package/src/components/typography/text/index.test.js +333 -0
- package/src/components/typography/theme.js +66 -0
- package/src/components/typography/utils.js +53 -0
- package/src/components/typography/utils.test.js +188 -0
- package/src/components/utils/date.js +7 -0
- package/src/components/utils/date.test.js +15 -0
- package/src/components/utils/detectMobile.js +15 -0
- package/src/components/utils/index.js +7 -0
- package/src/components/utils/media-query.js +12 -0
- package/src/components/utils/numbers.js +25 -0
- package/src/components/utils/test.js +6 -0
- package/src/components/utils/theme.js +67 -0
- package/src/docs/App.css +33 -0
- package/src/docs/App.js +52 -0
- package/src/docs/assets/ads-label.svg +13 -0
- package/src/docs/assets/avatar-sample.jpeg +0 -0
- package/src/docs/assets/cover-sample.png +0 -0
- package/src/docs/assets/fonts/filesImgs.woff +0 -0
- package/src/docs/assets/fonts/icomoon.woff +0 -0
- package/src/docs/assets/fonts/iransharp_bold_web.woff +0 -0
- package/src/docs/assets/fonts/iransharp_bold_web.woff2 +0 -0
- package/src/docs/assets/fonts/iransharp_regular_web.woff +0 -0
- package/src/docs/assets/fonts/iransharp_regular_web.woff2 +0 -0
- package/src/docs/assets/fonts/wer6t7890- +0 -0
- package/src/docs/assets/logo.svg +7 -0
- package/src/docs/components/header/index.js +10 -0
- package/src/docs/components/header/index.styles.js +10 -0
- package/src/docs/components/side-navigation/index.js +167 -0
- package/src/docs/components/side-navigation/index.styles.js +46 -0
- package/src/docs/containers/avatar/index.js +92 -0
- package/src/docs/containers/button/index.js +295 -0
- package/src/docs/containers/card/index.js +153 -0
- package/src/docs/containers/cover/index.js +77 -0
- package/src/docs/containers/form/index.js +41 -0
- package/src/docs/containers/home/index.js +41 -0
- package/src/docs/containers/icon/index.js +56 -0
- package/src/docs/containers/icons/index.js +1488 -0
- package/src/docs/containers/product/index.js +123 -0
- package/src/docs/containers/typography/index.js +138 -0
- package/src/docs/globalStyle.js +58 -0
- package/src/index.css +3 -0
- package/src/index.js +18 -0
- package/src/playground/index.js +144 -0
- package/src/playground.css +26 -0
- package/src/serviceWorker.js +135 -0
- package/src/setupTests.js +24 -0
- package/src/stories/Page.jsx +67 -0
- package/src/storybook.css +58 -0
- package/src/styles.css +3 -0
- package/src/test-utils.js +21 -0
- package/storybook.log +113 -0
- package/tailwind.config.js +26 -0
- package/update-stories.js +41 -0
- package/accordion/index.js +0 -25
- package/accordion/index.styles.js +0 -10
- package/accordion/panel.js +0 -41
- package/avatar/index.js +0 -41
- package/avatar/index.styles.js +0 -17
- package/avatar/theme.js +0 -13
- package/button/index.js +0 -116
- package/button/index.styles.js +0 -101
- package/button/theme.js +0 -34
- package/button/utils.js +0 -12
- package/card/card-template/index.js +0 -74
- package/card/card-template/index.stories.js +0 -70
- package/card/card-template/index.style.js +0 -25
- package/card/card-template/index.test.js +0 -85
- package/card/event-card/constants.js +0 -3
- package/card/event-card/event-card-label/index.js +0 -24
- package/card/event-card/event-card-label/index.style.js +0 -10
- package/card/event-card/event-card-label/index.test.js +0 -23
- package/card/event-card/index.js +0 -227
- package/card/event-card/index.stories.js +0 -155
- package/card/event-card/index.style.js +0 -119
- package/card/event-card/index.test.js +0 -79
- package/card/index.js +0 -16
- package/card/organization-card/index.js +0 -59
- package/card/organization-card/index.stories.js +0 -19
- package/card/organization-card/index.style.js +0 -10
- package/card/organization-card/index.test.js +0 -25
- package/card/orgnizer-card/buttons.js +0 -48
- package/card/orgnizer-card/index.js +0 -179
- package/card/orgnizer-card/index.stories.js +0 -25
- package/card/orgnizer-card/index.style.js +0 -47
- package/cover/index.js +0 -74
- package/cover/index.style.js +0 -41
- package/display/index.js +0 -42
- package/display/index.style.js +0 -78
- package/file-item/fileImgIcon.js +0 -37
- package/file-item/fileImgsFont.js +0 -800
- package/file-item/index.js +0 -101
- package/file-item/index.style.js +0 -30
- package/file-item/theme.js +0 -12
- package/file-item/utils.js +0 -3
- package/form/captcha/index.js +0 -86
- package/form/captcha/index.stories.js +0 -23
- package/form/captcha/index.style.js +0 -36
- package/form/captcha/index.test.js +0 -31
- package/form/checkbox/checkbox-option.js +0 -41
- package/form/checkbox/checkbox.js +0 -54
- package/form/checkbox/index.js +0 -10
- package/form/checkbox/index.stories.js +0 -56
- package/form/checkbox/index.style.js +0 -40
- package/form/dropdown/index.js +0 -10
- package/form/dropdown/index.stories.js +0 -62
- package/form/dropdown/index.style.js +0 -55
- package/form/dropdown/index.test.js +0 -20
- package/form/dropdown/option.js +0 -22
- package/form/dropdown/select.js +0 -68
- package/form/errorMsg.js +0 -21
- package/form/index.js +0 -22
- package/form/radio/index.js +0 -10
- package/form/radio/index.stories.js +0 -56
- package/form/radio/index.style.js +0 -52
- package/form/radio/radio-option.js +0 -45
- package/form/radio/radio.js +0 -56
- package/form/text-input/index.js +0 -92
- package/form/text-input/index.stories.js +0 -26
- package/form/text-input/index.style.js +0 -55
- package/form/text-input/index.test.js +0 -63
- package/form/textarea/index.js +0 -59
- package/form/textarea/index.stories.js +0 -31
- package/form/textarea/index.style.js +0 -25
- package/form/theme.js +0 -16
- package/form-v7/captcha/index.js +0 -101
- package/form-v7/captcha/index.stories.js +0 -30
- package/form-v7/captcha/index.style.js +0 -36
- package/form-v7/captcha/index.test.js +0 -31
- package/form-v7/checkbox/checkbox-option.js +0 -42
- package/form-v7/checkbox/checkbox.js +0 -68
- package/form-v7/checkbox/index.js +0 -10
- package/form-v7/checkbox/index.stories.js +0 -80
- package/form-v7/checkbox/index.style.js +0 -40
- package/form-v7/dropdown/index.js +0 -10
- package/form-v7/dropdown/index.stories.js +0 -121
- package/form-v7/dropdown/index.style.js +0 -55
- package/form-v7/dropdown/index.test.js +0 -20
- package/form-v7/dropdown/option.js +0 -18
- package/form-v7/dropdown/select.js +0 -84
- package/form-v7/errorMsg.js +0 -21
- package/form-v7/file-input/index.js +0 -73
- package/form-v7/file-input/index.stories.js +0 -32
- package/form-v7/file-input/index.style.js +0 -54
- package/form-v7/file-input/index.test.js +0 -63
- package/form-v7/form/index.stories.js +0 -173
- package/form-v7/index.js +0 -25
- package/form-v7/index.style.js +0 -3
- package/form-v7/label/index.js +0 -31
- package/form-v7/label/index.style.js +0 -12
- package/form-v7/radio/index.js +0 -10
- package/form-v7/radio/index.stories.js +0 -82
- package/form-v7/radio/index.style.js +0 -52
- package/form-v7/radio/radio-option.js +0 -43
- package/form-v7/radio/radio.js +0 -73
- package/form-v7/text-input/index.js +0 -131
- package/form-v7/text-input/index.stories.js +0 -77
- package/form-v7/text-input/index.style.js +0 -41
- package/form-v7/text-input/index.test.js +0 -63
- package/form-v7/textarea/index.js +0 -70
- package/form-v7/textarea/index.stories.js +0 -45
- package/form-v7/textarea/index.style.js +0 -25
- package/form-v7/theme.js +0 -20
- package/globalStyle.js +0 -28
- package/icon/iconFont.js +0 -796
- package/icon/index.js +0 -52
- package/icon/index.styles.js +0 -12
- package/icon/theme.js +0 -23
- package/icons/index.js +0 -29
- package/icons/index.style.js +0 -30
- package/icons/theme.js +0 -12
- package/icons/utils.js +0 -672
- package/index.js +0 -75
- package/modal/index.js +0 -100
- package/modal/index.style.js +0 -40
- package/modal/theme.js +0 -11
- package/numeric-summery-report/index.js +0 -28
- package/numeric-summery-report/index.style.js +0 -11
- package/product-menu/index.js +0 -10
- package/product-menu/index.style.js +0 -37
- package/product-menu/menu-item.js +0 -23
- package/product-menu/menu.js +0 -88
- package/product-menu/theme.js +0 -12
- package/product-owner/index.js +0 -85
- package/product-owner/index.style.js +0 -10
- package/product-properties/index.js +0 -65
- package/product-properties/index.style.js +0 -11
- package/product-properties/product-property/index.js +0 -49
- package/product-properties/product-property/index.style.js +0 -9
- package/progress-bar/index.js +0 -46
- package/progress-bar/index.styles.js +0 -63
- package/responsive/index.js +0 -44
- package/show-date/index.js +0 -25
- package/spacing/core.js +0 -70
- package/spacing/index.js +0 -10
- package/spacing/margin/index.js +0 -26
- package/spacing/padding/index.js +0 -26
- package/table/actionCell.js +0 -57
- package/table/index.js +0 -56
- package/table/index.style.js +0 -106
- package/table/tableHeaderRow.js +0 -28
- package/table/tableRow.js +0 -60
- package/table/theme.js +0 -8
- package/tabs/index.js +0 -10
- package/tabs/index.style.js +0 -32
- package/tabs/tabPanel.js +0 -17
- package/tabs/tabs.js +0 -71
- package/tabs/theme.js +0 -10
- package/themes.js +0 -97
- package/titled-avatar/index.js +0 -48
- package/titled-avatar/index.style.js +0 -25
- package/typography/heading/index.js +0 -59
- package/typography/heading/index.stories.js +0 -41
- package/typography/heading/index.styles.js +0 -67
- package/typography/heading/index.test.js +0 -122
- package/typography/index.js +0 -16
- package/typography/link/index.js +0 -82
- package/typography/link/index.stories.js +0 -12
- package/typography/link/index.styles.js +0 -8
- package/typography/link/index.test.js +0 -60
- package/typography/paragraph/index.js +0 -37
- package/typography/paragraph/index.stories.js +0 -27
- package/typography/paragraph/index.styles.js +0 -12
- package/typography/paragraph/index.test.js +0 -47
- package/typography/text/index.js +0 -156
- package/typography/text/index.stories.js +0 -26
- package/typography/text/index.styles.js +0 -72
- package/typography/text/index.test.js +0 -333
- package/typography/theme.js +0 -66
- package/typography/utils.js +0 -53
- package/utils/date.js +0 -7
- package/utils/detectMobile.js +0 -15
- package/utils/index.js +0 -7
- package/utils/media-query.js +0 -12
- package/utils/numbers.js +0 -25
- package/utils/test.js +0 -6
- package/utils/theme.js +0 -67
- /package/{show-date → dist/components/show-date}/index.style.js +0 -0
- /package/{typography → dist/components/typography}/index.styles.js +0 -0
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="utf-8" />
|
|
5
|
+
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
|
|
6
|
+
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
7
|
+
<meta name="theme-color" content="#000000" />
|
|
8
|
+
<meta
|
|
9
|
+
name="description"
|
|
10
|
+
content="Web site created using create-react-app"
|
|
11
|
+
/>
|
|
12
|
+
<link rel="apple-touch-icon" href="logo192.png" />
|
|
13
|
+
<!--
|
|
14
|
+
manifest.json provides metadata used when your web app is installed on a
|
|
15
|
+
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
|
|
16
|
+
-->
|
|
17
|
+
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
|
|
18
|
+
<!--
|
|
19
|
+
Notice the use of %PUBLIC_URL% in the tags above.
|
|
20
|
+
It will be replaced with the URL of the `public` folder during the build.
|
|
21
|
+
Only files inside the `public` folder can be referenced from the HTML.
|
|
22
|
+
|
|
23
|
+
Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
|
|
24
|
+
work correctly both with client-side routing and a non-root public URL.
|
|
25
|
+
Learn how to configure a non-root public URL by running `npm run build`.
|
|
26
|
+
-->
|
|
27
|
+
<title>React Jupiter</title>
|
|
28
|
+
</head>
|
|
29
|
+
<body>
|
|
30
|
+
<noscript>You need to enable JavaScript to run this app.</noscript>
|
|
31
|
+
<div id="root"></div>
|
|
32
|
+
<!--
|
|
33
|
+
This HTML file is a template.
|
|
34
|
+
If you open it directly in the browser, you will see an empty page.
|
|
35
|
+
|
|
36
|
+
You can add webfonts, meta tags, or analytics to this file.
|
|
37
|
+
The build step will place the bundled scripts into the <body> tag.
|
|
38
|
+
|
|
39
|
+
To begin the development, run `npm start` or `yarn start`.
|
|
40
|
+
To create a production bundle, use `npm run build` or `yarn build`.
|
|
41
|
+
-->
|
|
42
|
+
</body>
|
|
43
|
+
</html>
|
package/public/logo.svg
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="373" height="107" style=""><rect id="backgroundrect" width="100%" height="100%" x="0" y="0" fill="none" stroke="none" style="" class="selected"/><defs><style>.cls-1{fill:#132a3e;}.cls-2{fill:#0095db;}</style></defs><title>Short Logo Source</title><g class="currentLayer" style=""><title>Layer 1</title><g class=""><path class="cls-1" d="M331.32091903686523,78.46546745300293 H300.91088485717773 V24.545454025268555 h30.40999984741211 A13.84000015258789,13.84000015258789 0 0 1 345.17089462280273,38.365461349487305 v26.280000686645508 A13.84000015258789,13.84000015258789 0 0 1 331.32091903686523,78.46546745300293 zm-19.219999313354492,-5.909999847412109 h17.450000762939453 a7.920000076293945,7.920000076293945 0 0 0 7.920000076293945,-7.920000076293945 V38.365461349487305 a7.920000076293945,7.920000076293945 0 0 0 -7.920000076293945,-7.920000076293945 H312.100887298584 v42.11000061035156 z" id="svg_1"/><path class="cls-1" d="M331.32091903686523,78.46546745300293 H300.91088485717773 V24.545454025268555 h30.40999984741211 A13.84000015258789,13.84000015258789 0 0 1 345.17089462280273,38.365461349487305 v26.280000686645508 A13.84000015258789,13.84000015258789 0 0 1 331.32091903686523,78.46546745300293 zm-19.219999313354492,-5.909999847412109 h17.450000762939453 a7.920000076293945,7.920000076293945 0 0 0 7.920000076293945,-7.920000076293945 V38.365461349487305 a7.920000076293945,7.920000076293945 0 0 0 -7.920000076293945,-7.920000076293945 H312.100887298584 v42.11000061035156 z" id="svg_7"/><polygon class="cls-1" points="145.04088973999023,78.46546745300293 131.7109031677246,78.46546745300293 109.94088363647461,24.615461349487305 122.87090682983398,24.545454025268555 141.0708885192871,69.31547355651855 159.28087997436523,24.545454025268555 166.8208885192871,24.615461349487305 145.04088973999023,78.46546745300293 " id="svg_8"/><polygon class="cls-1" points="201.8208885192871,24.545454025268555 188.5909080505371,24.545454025268555 166.8208885192871,78.39546012878418 178.42089462280273,78.46546745300293 196.63088607788086,33.685468673706055 214.8308982849121,78.46546745300293 223.60088729858398,78.39546012878418 201.8208885192871,24.545454025268555 " id="svg_9"/><polygon class="cls-1" points="97.15090560913086,78.46546745300293 58.38088607788086,78.46546745300293 58.38088607788086,75.51545524597168 58.38088607788086,27.495466232299805 58.38088607788086,24.545454025268555 97.15090560913086,24.545454025268555 97.15090560913086,30.44544792175293 69.57088851928711,30.44544792175293 69.57088851928711,72.55546379089355 97.15090560913086,72.55546379089355 97.15090560913086,78.46546745300293 " id="svg_10"/><rect class="cls-2" x="29.09090805053711" y="46.255475997924805" width="54.36000061035156" height="10.5" id="svg_11"/><polygon class="cls-1" points="288.120906829834,78.39546012878418 288.120906829834,24.545454025268555 279.52087020874023,24.545454025268555 279.52087020874023,66.43546867370605 248.31090927124023,24.58546257019043 236.39089584350586,24.545454025268555 236.39089584350586,78.46546745300293 247.5808982849121,78.46546745300293 247.5808982849121,36.055463790893555 278.27087020874023,78.39546012878418 288.120906829834,78.39546012878418 " id="svg_12"/><polygon class="cls-1" points="145.04088973999023,78.46546745300293 131.7109031677246,78.46546745300293 109.94088363647461,24.615461349487305 122.87090682983398,24.545454025268555 141.0708885192871,69.31547355651855 159.28087997436523,24.545454025268555 166.8208885192871,24.615461349487305 145.04088973999023,78.46546745300293 " id="svg_2"/><polygon class="cls-1" points="201.8208885192871,24.545454025268555 188.5909080505371,24.545454025268555 166.8208885192871,78.39546012878418 178.42089462280273,78.46546745300293 196.63088607788086,33.685468673706055 214.8308982849121,78.46546745300293 223.60088729858398,78.39546012878418 201.8208885192871,24.545454025268555 " id="svg_3"/><polygon class="cls-1" points="96.24181747436523,79.37455940246582 57.47179412841797,79.37455940246582 57.47179412841797,76.42454719543457 57.47179412841797,28.40455722808838 57.47179412841797,25.45454502105713 96.24181747436523,25.45454502105713 96.24181747436523,31.354538917541504 68.66179656982422,31.354538917541504 68.66179656982422,73.46455574035645 96.24181747436523,73.46455574035645 96.24181747436523,79.37455940246582 " id="svg_4"/><rect class="cls-2" x="29.09090805053711" y="46.255475997924805" width="54.36000061035156" height="10.5" id="svg_5"/><polygon class="cls-1" points="288.120906829834,78.39546012878418 288.120906829834,24.545454025268555 279.52087020874023,24.545454025268555 279.52087020874023,66.43546867370605 248.31090927124023,24.58546257019043 236.39089584350586,24.545454025268555 236.39089584350586,78.46546745300293 247.5808982849121,78.46546745300293 247.5808982849121,36.055463790893555 278.27087020874023,78.39546012878418 288.120906829834,78.39546012878418 " id="svg_6"/></g></g></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 141.73 141.73"><defs><style>.cls-1{fill:#1096ce;}.cls-2{fill:#132a3e;}.cls-3{fill:#0095db;}</style></defs><title>EVAND LOGOS _ SIGNS</title><polygon id="_Path_" data-name="<Path>" class="cls-1" points="61.02 78.54 61.02 78.54 61.02 78.55 61.02 78.54"/><polygon class="cls-2" points="91.35 94.49 57.38 94.49 57.38 91.9 57.38 49.83 57.38 47.24 91.35 47.24 91.35 52.42 67.19 52.42 67.19 89.31 91.35 89.31 91.35 94.49"/><rect class="cls-3" x="31.72" y="66.27" width="47.63" height="9.2"/></svg>
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
{
|
|
2
|
+
"short_name": "React Jupiter",
|
|
3
|
+
"name": "React Jupiter Design System",
|
|
4
|
+
"icons": [
|
|
5
|
+
{
|
|
6
|
+
"src": "favicon.ico",
|
|
7
|
+
"sizes": "16x16",
|
|
8
|
+
"type": "image/x-icon"
|
|
9
|
+
},
|
|
10
|
+
{
|
|
11
|
+
"src": "logo.svg",
|
|
12
|
+
"type": "image/svg",
|
|
13
|
+
"sizes": "373x107"
|
|
14
|
+
},
|
|
15
|
+
{
|
|
16
|
+
"src": "logo142.svg",
|
|
17
|
+
"type": "image/svg",
|
|
18
|
+
"sizes": "142x142"
|
|
19
|
+
}
|
|
20
|
+
],
|
|
21
|
+
"start_url": ".",
|
|
22
|
+
"display": "standalone",
|
|
23
|
+
"theme_color": "#000000",
|
|
24
|
+
"background_color": "#ffffff"
|
|
25
|
+
}
|
package/src/App.js
ADDED
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import PropTypes from 'prop-types';
|
|
3
|
+
import { PanelGroup } from './index.styles';
|
|
4
|
+
import Panel from './panel';
|
|
5
|
+
|
|
6
|
+
const Accordion = ({ items }) => (
|
|
7
|
+
<PanelGroup>
|
|
8
|
+
{items.map((item, key) => <Panel item={item} key={key} />)}
|
|
9
|
+
</PanelGroup>
|
|
10
|
+
);
|
|
11
|
+
|
|
12
|
+
Accordion.propTypes = {
|
|
13
|
+
items: PropTypes.arrayOf(PropTypes.shape({
|
|
14
|
+
mode: PropTypes.oneOf(['white', 'light', 'dark']),
|
|
15
|
+
title: PropTypes.string.isRequired,
|
|
16
|
+
key: PropTypes.string.isRequired,
|
|
17
|
+
status: PropTypes.bool,
|
|
18
|
+
collapse: PropTypes.bool.isRequired,
|
|
19
|
+
meta: PropTypes.node,
|
|
20
|
+
body: PropTypes.node.isRequired,
|
|
21
|
+
bold: PropTypes.bool,
|
|
22
|
+
})).isRequired,
|
|
23
|
+
};
|
|
24
|
+
|
|
25
|
+
export default Accordion;
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import Accordion from '.';
|
|
3
|
+
|
|
4
|
+
const items = [
|
|
5
|
+
{
|
|
6
|
+
title: 'عنوان اول',
|
|
7
|
+
mode: 'dark',
|
|
8
|
+
key: 'acc-1',
|
|
9
|
+
status: true,
|
|
10
|
+
collapse: false,
|
|
11
|
+
bold: false,
|
|
12
|
+
meta: <span>۳/۰</span>,
|
|
13
|
+
body: <div>
|
|
14
|
+
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد نیاز، و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد، کتابهای زیادی در شصت و سه درصد گذشته حال و آینده، شناخت فراوان جامعه و متخصصان را می طلبد، تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی، و فرهنگ پیشرو در زبان فارسی ایجاد کرد، در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها، و شرایط سخت تایپ به پایان رسد و زمان مورد نیاز شامل حروفچینی دستاوردهای اصلی، و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد.
|
|
15
|
+
</div>,
|
|
16
|
+
},
|
|
17
|
+
{
|
|
18
|
+
title: 'عنوان دوم',
|
|
19
|
+
mode: 'white',
|
|
20
|
+
key: 'acc-2',
|
|
21
|
+
status: false,
|
|
22
|
+
bold: true,
|
|
23
|
+
collapse: true,
|
|
24
|
+
meta: <span>حداقل امتیاز: ۵۰</span>,
|
|
25
|
+
body: <div>
|
|
26
|
+
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد نیاز، و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد، کتابهای زیادی در شصت و سه درصد گذشته حال و آینده، شناخت فراوان جامعه و متخصصان را می طلبد، تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی، و فرهنگ پیشرو در زبان فارسی ایجاد کرد، در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها، و شرایط سخت تایپ به پایان رسد و زمان مورد نیاز شامل حروفچینی دستاوردهای اصلی، و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد.
|
|
27
|
+
</div>,
|
|
28
|
+
},
|
|
29
|
+
{
|
|
30
|
+
title: 'عنوان سوم',
|
|
31
|
+
mode: 'white',
|
|
32
|
+
key: 'acc-3',
|
|
33
|
+
status: false,
|
|
34
|
+
collapse: true,
|
|
35
|
+
bold: false,
|
|
36
|
+
meta: <span>حداقل امتیاز: ۵۰</span>,
|
|
37
|
+
body: <div>
|
|
38
|
+
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد نیاز، و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد، کتابهای زیادی در شصت و سه درصد گذشته حال و آینده، شناخت فراوان جامعه و متخصصان را می طلبد، تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی، و فرهنگ پیشرو در زبان فارسی ایجاد کرد، در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها، و شرایط سخت تایپ به پایان رسد و زمان مورد نیاز شامل حروفچینی دستاوردهای اصلی، و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد.
|
|
39
|
+
</div>,
|
|
40
|
+
},
|
|
41
|
+
];
|
|
42
|
+
|
|
43
|
+
export default {
|
|
44
|
+
title: 'Components/Accordion',
|
|
45
|
+
component: Accordion,
|
|
46
|
+
argTypes: {
|
|
47
|
+
items: {
|
|
48
|
+
control: 'object',
|
|
49
|
+
description: 'Array of accordion items',
|
|
50
|
+
},
|
|
51
|
+
},
|
|
52
|
+
};
|
|
53
|
+
|
|
54
|
+
const Template = (args) => <Accordion {...args} />;
|
|
55
|
+
|
|
56
|
+
export const Default = Template.bind({});
|
|
57
|
+
Default.args = {
|
|
58
|
+
items,
|
|
59
|
+
};
|
|
60
|
+
|
|
61
|
+
export const WithCustomStyling = Template.bind({});
|
|
62
|
+
WithCustomStyling.args = {
|
|
63
|
+
items: [
|
|
64
|
+
{ title: 'Styled Item 1', content: 'Styled content 1' },
|
|
65
|
+
{ title: 'Styled Item 2', content: 'Styled content 2' },
|
|
66
|
+
],
|
|
67
|
+
style: { border: '1px solid blue', borderRadius: '8px' },
|
|
68
|
+
};
|
|
69
|
+
|
|
70
|
+
export const SingleItemExpanded = Template.bind({});
|
|
71
|
+
SingleItemExpanded.args = {
|
|
72
|
+
items: [
|
|
73
|
+
{ title: 'Expanded Item', content: 'This item starts expanded', expanded: true },
|
|
74
|
+
],
|
|
75
|
+
};
|
|
76
|
+
|
|
77
|
+
export const WithIcons = Template.bind({});
|
|
78
|
+
WithIcons.args = {
|
|
79
|
+
items: [
|
|
80
|
+
{ title: 'Item with Icon', content: 'Content for item with icon', icon: 'info' },
|
|
81
|
+
],
|
|
82
|
+
};
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import styled from 'styled-components';
|
|
2
|
+
|
|
3
|
+
export const PanelGroup = styled.div`
|
|
4
|
+
font-family: 'IranSharp';
|
|
5
|
+
`;
|
|
6
|
+
|
|
7
|
+
export const Panel = styled.div`
|
|
8
|
+
background-color: #fff;
|
|
9
|
+
margin: 10px 0;
|
|
10
|
+
border: ${(props) => ((props.status || props.bold) ? '2px solid rgb(80, 89, 117)' : '1px solid #000000')};
|
|
11
|
+
border-radius: 7px;
|
|
12
|
+
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
|
|
13
|
+
padding: 10px;
|
|
14
|
+
|
|
15
|
+
&.white {
|
|
16
|
+
background: #ffffff;
|
|
17
|
+
}
|
|
18
|
+
&.light {
|
|
19
|
+
background: #caf0fc;
|
|
20
|
+
}
|
|
21
|
+
&.white, &.light {
|
|
22
|
+
& .panel-heading {
|
|
23
|
+
color: #000000;
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
&.dark {
|
|
27
|
+
background: rgb(80, 89, 117);
|
|
28
|
+
& .panel-heading {
|
|
29
|
+
color: #ffffff;
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.collapse {
|
|
34
|
+
display: none;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.panel-heading {
|
|
38
|
+
padding: 10px 15px;
|
|
39
|
+
display: flex;
|
|
40
|
+
justify-content: space-between;
|
|
41
|
+
&:hover {
|
|
42
|
+
cursor: pointer;
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.panel-title {
|
|
47
|
+
margin-top: 0;
|
|
48
|
+
margin-bottom: 0;
|
|
49
|
+
font-size: 16px;
|
|
50
|
+
color: inherit;
|
|
51
|
+
}
|
|
52
|
+
`;
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import React, { useRef } from 'react';
|
|
2
|
+
import { isMobile } from '../utils/detectMobile';
|
|
3
|
+
import { Panel as StyledPanel } from './index.styles';
|
|
4
|
+
import Icon from '../icon';
|
|
5
|
+
|
|
6
|
+
const Panel = ({ item }) => {
|
|
7
|
+
const panelRef = useRef();
|
|
8
|
+
|
|
9
|
+
const handleClick = () => {
|
|
10
|
+
const icon = document.getElementById(`icon-${item.key}`);
|
|
11
|
+
|
|
12
|
+
if (panelRef.current.classList.contains('collapse')) {
|
|
13
|
+
panelRef.current.classList.remove('collapse');
|
|
14
|
+
icon.classList.remove('new-icon-arrow-drop-down');
|
|
15
|
+
icon.classList.add('new-icon-arrow-drop-up');
|
|
16
|
+
} else {
|
|
17
|
+
panelRef.current.classList.add('collapse');
|
|
18
|
+
icon.classList.remove('new-icon-arrow-drop-up');
|
|
19
|
+
icon.classList.add('new-icon-arrow-drop-down');
|
|
20
|
+
}
|
|
21
|
+
};
|
|
22
|
+
|
|
23
|
+
return (
|
|
24
|
+
<StyledPanel className={item.mode} status={item.status} bold={item.bold}>
|
|
25
|
+
<a className="panel-heading" onClick={() => handleClick(item.key)}>
|
|
26
|
+
<h4 className="panel-title">
|
|
27
|
+
<Icon name={item.status ? 'check-circle' : 'error'} size="sm" color={item.status ? 'green' : 'gray'} />
|
|
28
|
+
<span>{item.title}</span>
|
|
29
|
+
</h4>
|
|
30
|
+
<div>
|
|
31
|
+
{!isMobile && item.meta}
|
|
32
|
+
<Icon id={`icon-${item.key}`} name="arrow-drop-down" size="sm" color={item.status ? 'white' : 'darkBlue'} />
|
|
33
|
+
</div>
|
|
34
|
+
</a>
|
|
35
|
+
<div id={item.key} ref={panelRef} className={`panel-collapse ${item.collapse && 'collapse'}`}>
|
|
36
|
+
<div className="panel-body">{item.body}</div>
|
|
37
|
+
</div>
|
|
38
|
+
</StyledPanel>
|
|
39
|
+
);
|
|
40
|
+
};
|
|
41
|
+
export default Panel;
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import PropTypes from 'prop-types';
|
|
3
|
+
import { ThemeProvider } from 'styled-components';
|
|
4
|
+
import GlobalStyle from '../globalStyle';
|
|
5
|
+
import Image from './index.styles';
|
|
6
|
+
import avatarTheme from './theme';
|
|
7
|
+
|
|
8
|
+
const defaultImageUrl = 'https://static.evand.net/assets/images/defaults/avatar.svg';
|
|
9
|
+
|
|
10
|
+
const Avatar = ({
|
|
11
|
+
alt = 'آواتار',
|
|
12
|
+
size = 'md',
|
|
13
|
+
sizeMobile = 'md',
|
|
14
|
+
src = defaultImageUrl,
|
|
15
|
+
round = false,
|
|
16
|
+
...rest
|
|
17
|
+
}) => (
|
|
18
|
+
<ThemeProvider theme={avatarTheme}>
|
|
19
|
+
<GlobalStyle />
|
|
20
|
+
<Image
|
|
21
|
+
src={src}
|
|
22
|
+
alt={alt}
|
|
23
|
+
size={size}
|
|
24
|
+
sizeMobile={sizeMobile}
|
|
25
|
+
data-test="avatar"
|
|
26
|
+
round={round}
|
|
27
|
+
onError={(e) => (e.target.onerror = null, e.target.src = defaultImageUrl)}
|
|
28
|
+
{...rest}
|
|
29
|
+
/>
|
|
30
|
+
</ThemeProvider>
|
|
31
|
+
);
|
|
32
|
+
|
|
33
|
+
Avatar.propTypes = {
|
|
34
|
+
src: PropTypes.string,
|
|
35
|
+
alt: PropTypes.string,
|
|
36
|
+
round: PropTypes.bool,
|
|
37
|
+
size: PropTypes.oneOf(['lg', 'md', 'sm', 'xs']),
|
|
38
|
+
sizeMobile: PropTypes.oneOf(['lg', 'md', 'sm']),
|
|
39
|
+
};
|
|
40
|
+
|
|
41
|
+
export default Avatar;
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import Avatar from './index';
|
|
3
|
+
|
|
4
|
+
export default {
|
|
5
|
+
title: 'Components/Avatar',
|
|
6
|
+
component: Avatar,
|
|
7
|
+
argTypes: {
|
|
8
|
+
avatar: {
|
|
9
|
+
control: 'text',
|
|
10
|
+
description: 'URL of the avatar image',
|
|
11
|
+
},
|
|
12
|
+
size: {
|
|
13
|
+
control: 'text',
|
|
14
|
+
description: 'Size of the avatar',
|
|
15
|
+
},
|
|
16
|
+
showTooltip: {
|
|
17
|
+
control: 'boolean',
|
|
18
|
+
description: 'Whether to show a tooltip on hover',
|
|
19
|
+
},
|
|
20
|
+
tooltipText: {
|
|
21
|
+
control: 'text',
|
|
22
|
+
description: 'Text to display in the tooltip',
|
|
23
|
+
},
|
|
24
|
+
},
|
|
25
|
+
};
|
|
26
|
+
|
|
27
|
+
const Template = (args) => <Avatar {...args} />;
|
|
28
|
+
|
|
29
|
+
export const Default = Template.bind({});
|
|
30
|
+
Default.args = {
|
|
31
|
+
avatar: 'https://via.placeholder.com/40',
|
|
32
|
+
size: "md",
|
|
33
|
+
};
|
|
34
|
+
|
|
35
|
+
export const Small = Template.bind({});
|
|
36
|
+
Small.args = {
|
|
37
|
+
avatar: 'https://via.placeholder.com/40',
|
|
38
|
+
size: "sm",
|
|
39
|
+
};
|
|
40
|
+
|
|
41
|
+
export const Medium = Template.bind({});
|
|
42
|
+
Medium.args = {
|
|
43
|
+
avatar: 'https://via.placeholder.com/60',
|
|
44
|
+
size: "md",
|
|
45
|
+
};
|
|
46
|
+
|
|
47
|
+
export const Large = Template.bind({});
|
|
48
|
+
Large.args = {
|
|
49
|
+
avatar: 'https://via.placeholder.com/80',
|
|
50
|
+
size: "lg",
|
|
51
|
+
};
|
|
52
|
+
|
|
53
|
+
export const WithTooltip = Template.bind({});
|
|
54
|
+
WithTooltip.args = {
|
|
55
|
+
avatar: 'https://via.placeholder.com/40',
|
|
56
|
+
size: "md",
|
|
57
|
+
showTooltip: true,
|
|
58
|
+
tooltipText: 'User Avatar',
|
|
59
|
+
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import styled from 'styled-components';
|
|
2
|
+
import defaultTheme from '../themes';
|
|
3
|
+
|
|
4
|
+
const Image = styled.img`
|
|
5
|
+
font-family: 'IranSharp';
|
|
6
|
+
width: ${({ theme, size }) => `${theme.size[size]}px`};
|
|
7
|
+
height: ${({ theme, size }) => `${theme.size[size]}px`};
|
|
8
|
+
@media only screen and (max-width: ${defaultTheme.breakpoints.sm}px) {
|
|
9
|
+
width: ${({ theme, sizeMobile }) => `${theme.size[sizeMobile]}px`};
|
|
10
|
+
height: ${({ theme, sizeMobile }) => `${theme.size[sizeMobile]}px`};
|
|
11
|
+
}
|
|
12
|
+
border-radius: ${({ theme, round }) => (round ? '50%' : `${theme.borderRadius}px`)};
|
|
13
|
+
display: block;
|
|
14
|
+
background-size: cover;
|
|
15
|
+
`;
|
|
16
|
+
|
|
17
|
+
export default Image;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { render, screen } from '../../test-utils';
|
|
3
|
+
import Avatar from './index';
|
|
4
|
+
|
|
5
|
+
describe('Avatar', () => {
|
|
6
|
+
it('renders avatar component', () => {
|
|
7
|
+
render(<Avatar data-testid="avatar" />);
|
|
8
|
+
expect(screen.getByTestId('avatar')).toBeInTheDocument();
|
|
9
|
+
});
|
|
10
|
+
});
|