@soyfri/shared-library 1.5.0-beta.4 → 2.0.0-beta.0
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/.dockerignore +8 -0
- package/.github/workflows/publish.yml +107 -0
- package/.prettierrc +3 -0
- package/.storybook/main.ts +19 -0
- package/.storybook/preview.ts +14 -0
- package/.storybook/vitest.setup.ts +9 -0
- package/Dockerfile +37 -0
- package/build.js +102 -0
- package/chromatic.config.json +5 -0
- package/cleanDirectories.js +40 -0
- package/dist/components/ActionMenu/ActionMenu.cjs +107 -0
- package/dist/components/ActionMenu/ActionMenu.cjs.map +1 -0
- package/dist/components/ActionMenu/ActionMenu.d.ts +60 -0
- package/dist/components/ActionMenu/ActionMenu.js +107 -0
- package/dist/components/ActionMenu/ActionMenu.js.map +1 -0
- package/dist/components/ActionMenu/index.d.ts +2 -0
- package/dist/components/ActionMenu.d.ts +6 -0
- package/dist/components/AppBar/AppBar.cjs +346 -0
- package/dist/components/AppBar/AppBar.cjs.map +1 -0
- package/dist/components/AppBar/AppBar.d.ts +55 -0
- package/dist/components/AppBar/AppBar.js +346 -0
- package/dist/components/AppBar/AppBar.js.map +1 -0
- package/dist/components/AppBar/AppBar.sx.d.ts +12 -0
- package/dist/components/AppBar/AppBarBrand.d.ts +31 -0
- package/dist/components/AppBar/AppBarContext.d.ts +18 -0
- package/dist/components/AppBar/AppBarMenuToggle.d.ts +39 -0
- package/dist/components/AppBar/AppBarUserMenu.d.ts +65 -0
- package/dist/components/AppBar/index.d.ts +12 -0
- package/dist/components/AppBar.d.ts +6 -0
- package/dist/components/Autocomplete/Autocomplete.cjs +314 -0
- package/dist/components/Autocomplete/Autocomplete.cjs.map +1 -0
- package/dist/components/Autocomplete/Autocomplete.d.ts +83 -0
- package/{components → dist/components}/Autocomplete/Autocomplete.definitions.d.ts +6 -0
- package/dist/components/Autocomplete/Autocomplete.helpers.d.ts +18 -0
- package/dist/components/Autocomplete/Autocomplete.js +314 -0
- package/dist/components/Autocomplete/Autocomplete.js.map +1 -0
- package/dist/components/Autocomplete/Autocomplete.sx.d.ts +7 -0
- package/dist/components/Autocomplete/Autocomplete.types.d.ts +1 -0
- package/dist/components/Autocomplete/_parts/AutocompleteChips.d.ts +19 -0
- package/dist/components/Autocomplete/_parts/AutocompleteLoader.d.ts +9 -0
- package/dist/components/Autocomplete/_parts/AutocompleteOption.d.ts +19 -0
- package/dist/components/Autocomplete/index.d.ts +2 -0
- package/dist/components/Autocomplete.d.ts +6 -0
- package/dist/components/Avatar/Avatar.cjs +163 -0
- package/dist/components/Avatar/Avatar.cjs.map +1 -0
- package/dist/components/Avatar/Avatar.d.ts +33 -0
- package/dist/components/Avatar/Avatar.definitions.d.ts +11 -0
- package/dist/components/Avatar/Avatar.js +163 -0
- package/dist/components/Avatar/Avatar.js.map +1 -0
- package/dist/components/Card/Card.cjs +187 -0
- package/dist/components/Card/Card.cjs.map +1 -0
- package/dist/components/Card/Card.d.ts +83 -0
- package/dist/components/Card/Card.js +187 -0
- package/dist/components/Card/Card.js.map +1 -0
- package/dist/components/Card/Card.sx.d.ts +17 -0
- package/dist/components/Card/index.d.ts +4 -0
- package/dist/components/Card.d.ts +6 -0
- package/dist/components/DatePicker/DatePicker.cjs +203 -0
- package/dist/components/DatePicker/DatePicker.cjs.map +1 -0
- package/dist/components/DatePicker/DatePicker.d.ts +56 -0
- package/{components → dist/components}/DatePicker/DatePicker.definitions.d.ts +1 -0
- package/dist/components/DatePicker/DatePicker.helpers.d.ts +7 -0
- package/dist/components/DatePicker/DatePicker.js +203 -0
- package/dist/components/DatePicker/DatePicker.js.map +1 -0
- package/dist/components/DatePicker/DatePicker.sx.d.ts +9 -0
- package/dist/components/DatePicker/DatePicker.types.d.ts +1 -0
- package/dist/components/DatePicker/index.d.ts +2 -0
- package/dist/components/DatePicker.d.ts +6 -0
- package/dist/components/DateTimePicker/DateTimePicker.cjs +222 -0
- package/dist/components/DateTimePicker/DateTimePicker.cjs.map +1 -0
- package/dist/components/DateTimePicker/DateTimePicker.d.ts +65 -0
- package/{components → dist/components}/DateTimePicker/DateTimePicker.definitions.d.ts +1 -0
- package/dist/components/DateTimePicker/DateTimePicker.helpers.d.ts +11 -0
- package/dist/components/DateTimePicker/DateTimePicker.js +222 -0
- package/dist/components/DateTimePicker/DateTimePicker.js.map +1 -0
- package/dist/components/DateTimePicker/DateTimePicker.sx.d.ts +7 -0
- package/dist/components/DateTimePicker/DateTimePicker.types.d.ts +1 -0
- package/dist/components/DateTimePicker/index.d.ts +2 -0
- package/dist/components/DateTimePicker.d.ts +6 -0
- package/dist/components/Drawer/Drawer.cjs +271 -0
- package/dist/components/Drawer/Drawer.cjs.map +1 -0
- package/dist/components/Drawer/Drawer.d.ts +51 -0
- package/dist/components/Drawer/Drawer.js +271 -0
- package/dist/components/Drawer/Drawer.js.map +1 -0
- package/dist/components/Drawer/Drawer.sx.d.ts +23 -0
- package/dist/components/Drawer/DrawerContext.d.ts +18 -0
- package/dist/components/Drawer/DrawerItem.d.ts +35 -0
- package/dist/components/Drawer/index.d.ts +6 -0
- package/dist/components/Drawer.d.ts +6 -0
- package/{components → dist/components}/Icon/Icon.cjs +44 -3
- package/dist/components/Icon/Icon.cjs.map +1 -0
- package/dist/components/Icon/Icon.d.ts +54 -0
- package/{components → dist/components}/Icon/Icon.js +44 -3
- package/dist/components/Icon/Icon.js.map +1 -0
- package/dist/components/Input/Input.cjs +175 -0
- package/dist/components/Input/Input.cjs.map +1 -0
- package/dist/components/Input/Input.d.ts +37 -0
- package/{components → dist/components}/Input/Input.definitions.d.ts +5 -2
- package/dist/components/Input/Input.helpers.d.ts +14 -0
- package/dist/components/Input/Input.js +175 -0
- package/dist/components/Input/Input.js.map +1 -0
- package/dist/components/Input/Input.sx.d.ts +8 -0
- package/dist/components/Input/Input.types.d.ts +1 -0
- package/dist/components/Input/index.d.ts +2 -0
- package/dist/components/Input.d.ts +6 -0
- package/dist/components/InputGroup/InputGroup.cjs +139 -0
- package/dist/components/InputGroup/InputGroup.cjs.map +1 -0
- package/dist/components/InputGroup/InputGroup.d.ts +42 -0
- package/dist/components/InputGroup/InputGroup.definitions.d.ts +6 -0
- package/dist/components/InputGroup/InputGroup.js +139 -0
- package/dist/components/InputGroup/InputGroup.js.map +1 -0
- package/dist/components/Modal/Modal.cjs +319 -0
- package/dist/components/Modal/Modal.cjs.map +1 -0
- package/dist/components/Modal/Modal.d.ts +65 -0
- package/dist/components/Modal/Modal.js +319 -0
- package/dist/components/Modal/Modal.js.map +1 -0
- package/{components → dist/components}/Modal/ModalFooter.d.ts +9 -1
- package/dist/components/Modal/index.d.ts +6 -0
- package/dist/components/PageLoader/PageLoader.cjs +61 -0
- package/dist/components/PageLoader/PageLoader.cjs.map +1 -0
- package/dist/components/PageLoader/PageLoader.d.ts +38 -0
- package/dist/components/PageLoader/PageLoader.js +61 -0
- package/dist/components/PageLoader/PageLoader.js.map +1 -0
- package/dist/components/PageLoader/index.d.ts +2 -0
- package/dist/components/PageLoader.d.ts +6 -0
- package/dist/components/ScrollTopButton/ScrollTopButton.cjs +79 -0
- package/dist/components/ScrollTopButton/ScrollTopButton.cjs.map +1 -0
- package/dist/components/ScrollTopButton/ScrollTopButton.d.ts +48 -0
- package/dist/components/ScrollTopButton/ScrollTopButton.js +79 -0
- package/dist/components/ScrollTopButton/ScrollTopButton.js.map +1 -0
- package/dist/components/ScrollTopButton/index.d.ts +4 -0
- package/dist/components/ScrollTopButton/scrollToTop.d.ts +29 -0
- package/dist/components/ScrollTopButton.d.ts +6 -0
- package/dist/components/Select/Select.cjs +448 -0
- package/dist/components/Select/Select.cjs.map +1 -0
- package/{components → dist/components}/Select/Select.d.ts +33 -13
- package/{components → dist/components}/Select/Select.definitions.d.ts +3 -0
- package/dist/components/Select/Select.helpers.d.ts +28 -0
- package/dist/components/Select/Select.js +448 -0
- package/dist/components/Select/Select.js.map +1 -0
- package/dist/components/Select/Select.sx.d.ts +7 -0
- package/dist/components/Select/Select.types.d.ts +1 -0
- package/dist/components/Select/_parts/SelectMenuItem.d.ts +20 -0
- package/dist/components/Select/_parts/SelectSearchHeader.d.ts +15 -0
- package/dist/components/Select/_parts/SelectValue.d.ts +22 -0
- package/dist/components/Select/index.d.ts +2 -0
- package/dist/components/Select.d.ts +6 -0
- package/{components → dist/components}/Stat/Stat.cjs +1 -1
- package/{components → dist/components}/Stat/Stat.js +1 -1
- package/{components → dist/components}/Stepper/Stepper.cjs +4 -1
- package/dist/components/Stepper/Stepper.cjs.map +1 -0
- package/{components → dist/components}/Stepper/Stepper.d.ts +5 -0
- package/{components → dist/components}/Stepper/Stepper.js +4 -1
- package/dist/components/Stepper/Stepper.js.map +1 -0
- package/dist/components/_shared/formField.sx.d.ts +33 -0
- package/dist/components/_shared/resolvePreset.d.ts +18 -0
- package/dist/formField.sx-CQ1mbk9M.cjs +76 -0
- package/dist/formField.sx-CQ1mbk9M.cjs.map +1 -0
- package/dist/formField.sx-DfVbMe0V.js +77 -0
- package/dist/formField.sx-DfVbMe0V.js.map +1 -0
- package/dist/hooks/Wizard/Wizard.cjs +7 -0
- package/dist/hooks/Wizard/Wizard.cjs.map +1 -0
- package/dist/hooks/Wizard/Wizard.js +7 -0
- package/dist/hooks/Wizard/Wizard.js.map +1 -0
- package/dist/hooks/Wizard/WizardContext.d.ts +67 -0
- package/dist/hooks/Wizard/index.d.ts +3 -0
- package/dist/hooks/Wizard/useWizard.d.ts +9 -0
- package/dist/hooks/Wizard.d.ts +2 -0
- package/dist/index.cjs +100 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.d.ts +3 -0
- package/dist/index.js +31 -0
- package/{index.js.map → dist/index.js.map} +1 -1
- package/dist/mui.d.ts +5 -0
- package/dist/resolvePreset-B-IB0ehH.js +15 -0
- package/dist/resolvePreset-B-IB0ehH.js.map +1 -0
- package/dist/resolvePreset-CT3kU-K2.cjs +14 -0
- package/dist/resolvePreset-CT3kU-K2.cjs.map +1 -0
- package/dist/theme/componentStyles.d.ts +32 -0
- package/dist/theme/tokens.d.ts +28 -0
- package/dist/useWizard-CWdIxZzX.cjs +94 -0
- package/dist/useWizard-CWdIxZzX.cjs.map +1 -0
- package/dist/useWizard-CWq--C3o.js +95 -0
- package/dist/useWizard-CWq--C3o.js.map +1 -0
- package/package.json +43 -134
- package/rollup.config.cjs +87 -0
- package/src/components/ActionMenu/ActionMenu.stories.tsx +230 -0
- package/src/components/ActionMenu/ActionMenu.tsx +174 -0
- package/src/components/ActionMenu/index.ts +2 -0
- package/src/components/AppBar/AppBar.stories.tsx +272 -0
- package/src/components/AppBar/AppBar.sx.ts +32 -0
- package/src/components/AppBar/AppBar.tsx +123 -0
- package/src/components/AppBar/AppBarBrand.tsx +120 -0
- package/src/components/AppBar/AppBarContext.ts +25 -0
- package/src/components/AppBar/AppBarMenuToggle.tsx +90 -0
- package/src/components/AppBar/AppBarUserMenu.tsx +217 -0
- package/src/components/AppBar/index.ts +25 -0
- package/src/components/Autocomplete/Autocomplete.definitions.ts +477 -0
- package/src/components/Autocomplete/Autocomplete.helpers.ts +60 -0
- package/src/components/Autocomplete/Autocomplete.stories.tsx +748 -0
- package/src/components/Autocomplete/Autocomplete.sx.ts +30 -0
- package/src/components/Autocomplete/Autocomplete.tsx +361 -0
- package/src/components/Autocomplete/Autocomplete.types.ts +13 -0
- package/src/components/Autocomplete/_parts/AutocompleteChips.tsx +55 -0
- package/src/components/Autocomplete/_parts/AutocompleteLoader.tsx +17 -0
- package/src/components/Autocomplete/_parts/AutocompleteOption.tsx +31 -0
- package/src/components/Autocomplete/index.ts +12 -0
- package/src/components/Avatar/Avatar.definitions.ts +162 -0
- package/src/components/Avatar/Avatar.stories.tsx +258 -0
- package/src/components/Avatar/Avatar.tsx +206 -0
- package/src/components/Avatar/index.ts +1 -0
- package/src/components/Button/Button.definition.ts +97 -0
- package/src/components/Button/Button.stories.tsx +285 -0
- package/src/components/Button/Button.tsx +67 -0
- package/src/components/Button/index.ts +1 -0
- package/src/components/Card/Card.definition.ts +5 -0
- package/src/components/Card/Card.stories.tsx +221 -0
- package/src/components/Card/Card.sx.ts +104 -0
- package/src/components/Card/Card.tsx +200 -0
- package/src/components/Card/index.ts +9 -0
- package/src/components/Chip/Chip.definitions.ts +167 -0
- package/src/components/Chip/Chip.stories.tsx +265 -0
- package/src/components/Chip/Chip.tsx +61 -0
- package/src/components/Chip/index.ts +1 -0
- package/src/components/Column/Column.tsx +29 -0
- package/src/components/Column/index.ts +1 -0
- package/src/components/DatePicker/DatePicker.definitions.ts +228 -0
- package/src/components/DatePicker/DatePicker.helpers.ts +24 -0
- package/src/components/DatePicker/DatePicker.stories.tsx +309 -0
- package/src/components/DatePicker/DatePicker.sx.ts +33 -0
- package/src/components/DatePicker/DatePicker.tsx +189 -0
- package/src/components/DatePicker/DatePicker.types.ts +10 -0
- package/src/components/DatePicker/index.ts +9 -0
- package/src/components/DateRangePicker/DateRangePicker.definitions.ts +191 -0
- package/src/components/DateRangePicker/DateRangePicker.stories.tsx +252 -0
- package/src/components/DateRangePicker/DateRangePicker.tsx +56 -0
- package/src/components/DateRangePicker/index.ts +1 -0
- package/src/components/DateTimePicker/DateTimePicker.definitions.ts +256 -0
- package/src/components/DateTimePicker/DateTimePicker.helpers.ts +38 -0
- package/src/components/DateTimePicker/DateTimePicker.stories.tsx +418 -0
- package/src/components/DateTimePicker/DateTimePicker.sx.ts +30 -0
- package/src/components/DateTimePicker/DateTimePicker.tsx +225 -0
- package/src/components/DateTimePicker/DateTimePicker.types.ts +10 -0
- package/src/components/DateTimePicker/index.ts +9 -0
- package/src/components/Drawer/Drawer.stories.tsx +270 -0
- package/src/components/Drawer/Drawer.sx.ts +106 -0
- package/src/components/Drawer/Drawer.tsx +214 -0
- package/src/components/Drawer/DrawerContext.ts +26 -0
- package/src/components/Drawer/DrawerItem.tsx +110 -0
- package/src/components/Drawer/index.ts +10 -0
- package/src/components/Flyout/Flyout.stories.tsx +282 -0
- package/src/components/Flyout/Flyout.tsx +122 -0
- package/src/components/Flyout/index.ts +1 -0
- package/src/components/Gallery/Gallery.definition.tsx +37 -0
- package/src/components/Gallery/Gallery.stories.tsx +82 -0
- package/src/components/Gallery/Gallery.tsx +118 -0
- package/src/components/Gallery/GalleryLightbox.tsx +170 -0
- package/src/components/Gallery/GalleryMain.tsx +84 -0
- package/src/components/Gallery/GalleryThumbnails.tsx +106 -0
- package/src/components/Gallery/index.ts +1 -0
- package/src/components/Icon/Icon.stories.tsx +121 -0
- package/src/components/Icon/Icon.tsx +175 -0
- package/src/components/Icon/index.ts +2 -0
- package/src/components/Input/Input.definitions.ts +324 -0
- package/src/components/Input/Input.helpers.ts +49 -0
- package/src/components/Input/Input.stories.tsx +499 -0
- package/src/components/Input/Input.sx.ts +42 -0
- package/src/components/Input/Input.tsx +141 -0
- package/src/components/Input/Input.types.ts +10 -0
- package/src/components/Input/index.ts +9 -0
- package/src/components/InputGroup/InputGroup.definitions.ts +158 -0
- package/src/components/InputGroup/InputGroup.stories.tsx +267 -0
- package/src/components/InputGroup/InputGroup.tsx +179 -0
- package/src/components/InputGroup/index.ts +1 -0
- package/src/components/MenuButton/MenuButton.stories.tsx +197 -0
- package/src/components/MenuButton/MenuButton.tsx +100 -0
- package/src/components/MenuButton/index.ts +1 -0
- package/src/components/Modal/Modal.stories.tsx +721 -0
- package/src/components/Modal/Modal.tsx +355 -0
- package/src/components/Modal/ModalBody.tsx +16 -0
- package/src/components/Modal/ModalFooter.tsx +71 -0
- package/src/components/Modal/ModalHeader.tsx +18 -0
- package/src/components/Modal/index.ts +6 -0
- package/src/components/PageLoader/PageLoader.stories.tsx +217 -0
- package/src/components/PageLoader/PageLoader.tsx +96 -0
- package/src/components/PageLoader/index.ts +2 -0
- package/src/components/ScrollTopButton/ScrollTopButton.stories.tsx +158 -0
- package/src/components/ScrollTopButton/ScrollTopButton.tsx +135 -0
- package/src/components/ScrollTopButton/index.ts +8 -0
- package/src/components/ScrollTopButton/scrollToTop.ts +37 -0
- package/src/components/Select/Select.definitions.ts +602 -0
- package/src/components/Select/Select.helpers.ts +71 -0
- package/src/components/Select/Select.stories.tsx +687 -0
- package/src/components/Select/Select.sx.ts +14 -0
- package/src/components/Select/Select.tsx +429 -0
- package/src/components/Select/Select.types.ts +15 -0
- package/src/components/Select/_parts/SelectMenuItem.tsx +40 -0
- package/src/components/Select/_parts/SelectSearchHeader.tsx +51 -0
- package/src/components/Select/_parts/SelectValue.tsx +96 -0
- package/src/components/Select/index.ts +14 -0
- package/src/components/Stat/Stat.stories.tsx +85 -0
- package/src/components/Stat/Stat.tsx +117 -0
- package/src/components/Stat/index.ts +2 -0
- package/src/components/StatusMessage/StatusMessage.stories.tsx +130 -0
- package/src/components/StatusMessage/StatusMessage.tsx +162 -0
- package/src/components/StatusMessage/index.ts +2 -0
- package/src/components/Stepper/Step.tsx +21 -0
- package/src/components/Stepper/Stepper.definition.ts +75 -0
- package/src/components/Stepper/Stepper.stories.tsx +122 -0
- package/src/components/Stepper/Stepper.tsx +75 -0
- package/src/components/Stepper/index.ts +2 -0
- package/src/components/Table/EmptyTable.png +0 -0
- package/src/components/Table/Table.definition.ts +580 -0
- package/src/components/Table/Table.stories.tsx +853 -0
- package/src/components/Table/Table.tsx +495 -0
- package/src/components/Table/data.ts +134 -0
- package/src/components/Table/exportsUtils.ts +195 -0
- package/src/components/Table/index.ts +3 -0
- package/src/components/Table/types.ts +34 -0
- package/src/components/Tabs/Tab.definition.ts +53 -0
- package/src/components/Tabs/Tab.tsx +19 -0
- package/src/components/Tabs/Tabs.stories.tsx +118 -0
- package/src/components/Tabs/Tabs.tsx +99 -0
- package/src/components/Tabs/_tabUtils.tsx +4 -0
- package/src/components/Tabs/index.ts +2 -0
- package/src/components/Timeline/Timeline.definition.ts +43 -0
- package/src/components/Timeline/Timeline.stories.tsx +108 -0
- package/src/components/Timeline/Timeline.tsx +49 -0
- package/src/components/Timeline/TimelineItem.tsx +31 -0
- package/src/components/Timeline/index.ts +2 -0
- package/src/components/Tooltip/Tooltip.stories.tsx +129 -0
- package/src/components/Tooltip/Tooltip.tsx +58 -0
- package/src/components/Tooltip/index.ts +1 -0
- package/src/components/_shared/formField.sx.ts +118 -0
- package/src/components/_shared/resolvePreset.ts +35 -0
- package/src/hooks/ClipBoard/ClipBoard.stories.tsx +168 -0
- package/src/hooks/ClipBoard/ClipBoard.tsx +131 -0
- package/src/hooks/ClipBoard/ClipboardUnifiedDemo.tsx +111 -0
- package/src/hooks/ClipBoard/index.ts +1 -0
- package/src/hooks/Wizard/Wizard.stories.tsx +301 -0
- package/src/hooks/Wizard/WizardContext.tsx +166 -0
- package/src/hooks/Wizard/index.ts +6 -0
- package/src/hooks/Wizard/useWizard.ts +13 -0
- package/src/index.ts +17 -0
- package/src/mui.ts +44 -0
- package/src/styles.css +3 -0
- package/src/theme/componentStyles.ts +47 -0
- package/src/theme/tokens.ts +43 -0
- package/tailwind.config.js +10 -0
- package/tsconfig.json +48 -0
- package/tsup.config.js +41 -0
- package/vite.config.js +132 -0
- package/vitest.config.ts +35 -0
- package/DatePicker-BSNboVhN.js +0 -201
- package/DatePicker-BSNboVhN.js.map +0 -1
- package/DatePicker-BoqxWAhj.cjs +0 -200
- package/DatePicker-BoqxWAhj.cjs.map +0 -1
- package/Input-DFHs7cJ_.js +0 -171
- package/Input-DFHs7cJ_.js.map +0 -1
- package/Input-c8MwNNPg.cjs +0 -170
- package/Input-c8MwNNPg.cjs.map +0 -1
- package/Select-BO2N56sm.cjs +0 -411
- package/Select-BO2N56sm.cjs.map +0 -1
- package/Select-BcLkyHSE.js +0 -412
- package/Select-BcLkyHSE.js.map +0 -1
- package/components/Autocomplete/Autocomplete.cjs +0 -132
- package/components/Autocomplete/Autocomplete.cjs.map +0 -1
- package/components/Autocomplete/Autocomplete.d.ts +0 -28
- package/components/Autocomplete/Autocomplete.js +0 -132
- package/components/Autocomplete/Autocomplete.js.map +0 -1
- package/components/Autocomplete/index.d.ts +0 -1
- package/components/Autocomplete.d.ts +0 -2
- package/components/Avatar/Avatar.cjs +0 -126
- package/components/Avatar/Avatar.cjs.map +0 -1
- package/components/Avatar/Avatar.d.ts +0 -19
- package/components/Avatar/Avatar.js +0 -126
- package/components/Avatar/Avatar.js.map +0 -1
- package/components/Card/Card.cjs +0 -28
- package/components/Card/Card.cjs.map +0 -1
- package/components/Card/Card.d.ts +0 -13
- package/components/Card/Card.js +0 -28
- package/components/Card/Card.js.map +0 -1
- package/components/Card/index.d.ts +0 -1
- package/components/Card.d.ts +0 -2
- package/components/DatePicker/DatePicker.cjs +0 -5
- package/components/DatePicker/DatePicker.cjs.map +0 -1
- package/components/DatePicker/DatePicker.d.ts +0 -18
- package/components/DatePicker/DatePicker.js +0 -5
- package/components/DatePicker/DatePicker.js.map +0 -1
- package/components/DatePicker/index.d.ts +0 -1
- package/components/DatePicker.d.ts +0 -2
- package/components/DateTimePicker/DateTimePicker.cjs +0 -208
- package/components/DateTimePicker/DateTimePicker.cjs.map +0 -1
- package/components/DateTimePicker/DateTimePicker.d.ts +0 -28
- package/components/DateTimePicker/DateTimePicker.js +0 -208
- package/components/DateTimePicker/DateTimePicker.js.map +0 -1
- package/components/DateTimePicker/index.d.ts +0 -1
- package/components/DateTimePicker.d.ts +0 -2
- package/components/Icon/Icon.cjs.map +0 -1
- package/components/Icon/Icon.d.ts +0 -21
- package/components/Icon/Icon.js.map +0 -1
- package/components/Input/Input.cjs +0 -5
- package/components/Input/Input.cjs.map +0 -1
- package/components/Input/Input.d.ts +0 -32
- package/components/Input/Input.js +0 -5
- package/components/Input/Input.js.map +0 -1
- package/components/Input/index.d.ts +0 -1
- package/components/Input.d.ts +0 -2
- package/components/InputGroup/InputGroup.cjs +0 -126
- package/components/InputGroup/InputGroup.cjs.map +0 -1
- package/components/InputGroup/InputGroup.d.ts +0 -6
- package/components/InputGroup/InputGroup.js +0 -126
- package/components/InputGroup/InputGroup.js.map +0 -1
- package/components/Modal/Modal.cjs +0 -209
- package/components/Modal/Modal.cjs.map +0 -1
- package/components/Modal/Modal.d.ts +0 -29
- package/components/Modal/Modal.js +0 -209
- package/components/Modal/Modal.js.map +0 -1
- package/components/Modal/index.d.ts +0 -1
- package/components/Select/Select.cjs +0 -6
- package/components/Select/Select.cjs.map +0 -1
- package/components/Select/Select.js +0 -6
- package/components/Select/Select.js.map +0 -1
- package/components/Select/index.d.ts +0 -1
- package/components/Select.d.ts +0 -2
- package/components/Stepper/Stepper.cjs.map +0 -1
- package/components/Stepper/Stepper.js.map +0 -1
- package/index.cjs +0 -2
- package/index.cjs.map +0 -1
- package/index.d.ts +0 -0
- package/index.js +0 -2
- /package/{README.md → Readme.md} +0 -0
- /package/{Button-C17mExpd.cjs → dist/Button-C17mExpd.cjs} +0 -0
- /package/{Button-C17mExpd.cjs.map → dist/Button-C17mExpd.cjs.map} +0 -0
- /package/{Button-UkkP-bNw.js → dist/Button-UkkP-bNw.js} +0 -0
- /package/{Button-UkkP-bNw.js.map → dist/Button-UkkP-bNw.js.map} +0 -0
- /package/{components → dist/components}/Avatar/index.d.ts +0 -0
- /package/{components → dist/components}/Avatar.d.ts +0 -0
- /package/{components → dist/components}/Button/Button.cjs +0 -0
- /package/{components → dist/components}/Button/Button.cjs.map +0 -0
- /package/{components → dist/components}/Button/Button.d.ts +0 -0
- /package/{components → dist/components}/Button/Button.definition.d.ts +0 -0
- /package/{components → dist/components}/Button/Button.js +0 -0
- /package/{components → dist/components}/Button/Button.js.map +0 -0
- /package/{components → dist/components}/Button/index.d.ts +0 -0
- /package/{components → dist/components}/Button.d.ts +0 -0
- /package/{components → dist/components}/Card/Card.definition.d.ts +0 -0
- /package/{components → dist/components}/Chip/Chip.cjs +0 -0
- /package/{components → dist/components}/Chip/Chip.cjs.map +0 -0
- /package/{components → dist/components}/Chip/Chip.d.ts +0 -0
- /package/{components → dist/components}/Chip/Chip.definitions.d.ts +0 -0
- /package/{components → dist/components}/Chip/Chip.js +0 -0
- /package/{components → dist/components}/Chip/Chip.js.map +0 -0
- /package/{components → dist/components}/Chip/index.d.ts +0 -0
- /package/{components → dist/components}/Chip.d.ts +0 -0
- /package/{components → dist/components}/Column/Column.cjs +0 -0
- /package/{components → dist/components}/Column/Column.cjs.map +0 -0
- /package/{components → dist/components}/Column/Column.d.ts +0 -0
- /package/{components → dist/components}/Column/Column.js +0 -0
- /package/{components → dist/components}/Column/Column.js.map +0 -0
- /package/{components → dist/components}/Column/index.d.ts +0 -0
- /package/{components → dist/components}/Column.d.ts +0 -0
- /package/{components → dist/components}/DateRangePicker/DateRangePicker.cjs +0 -0
- /package/{components → dist/components}/DateRangePicker/DateRangePicker.cjs.map +0 -0
- /package/{components → dist/components}/DateRangePicker/DateRangePicker.d.ts +0 -0
- /package/{components → dist/components}/DateRangePicker/DateRangePicker.definitions.d.ts +0 -0
- /package/{components → dist/components}/DateRangePicker/DateRangePicker.js +0 -0
- /package/{components → dist/components}/DateRangePicker/DateRangePicker.js.map +0 -0
- /package/{components → dist/components}/DateRangePicker/index.d.ts +0 -0
- /package/{components → dist/components}/DateRangePicker.d.ts +0 -0
- /package/{components → dist/components}/Flyout/Flyout.cjs +0 -0
- /package/{components → dist/components}/Flyout/Flyout.cjs.map +0 -0
- /package/{components → dist/components}/Flyout/Flyout.d.ts +0 -0
- /package/{components → dist/components}/Flyout/Flyout.js +0 -0
- /package/{components → dist/components}/Flyout/Flyout.js.map +0 -0
- /package/{components → dist/components}/Flyout/index.d.ts +0 -0
- /package/{components → dist/components}/Flyout.d.ts +0 -0
- /package/{components → dist/components}/Gallery/Gallery.cjs +0 -0
- /package/{components → dist/components}/Gallery/Gallery.cjs.map +0 -0
- /package/{components → dist/components}/Gallery/Gallery.d.ts +0 -0
- /package/{components → dist/components}/Gallery/Gallery.definition.d.ts +0 -0
- /package/{components → dist/components}/Gallery/Gallery.js +0 -0
- /package/{components → dist/components}/Gallery/Gallery.js.map +0 -0
- /package/{components → dist/components}/Gallery/GalleryLightbox.d.ts +0 -0
- /package/{components → dist/components}/Gallery/GalleryMain.d.ts +0 -0
- /package/{components → dist/components}/Gallery/GalleryThumbnails.d.ts +0 -0
- /package/{components → dist/components}/Gallery/index.d.ts +0 -0
- /package/{components → dist/components}/Gallery.d.ts +0 -0
- /package/{components → dist/components}/Icon/index.d.ts +0 -0
- /package/{components → dist/components}/Icon.d.ts +0 -0
- /package/{components → dist/components}/InputGroup/index.d.ts +0 -0
- /package/{components → dist/components}/InputGroup.d.ts +0 -0
- /package/{components → dist/components}/MenuButton/MenuButton.cjs +0 -0
- /package/{components → dist/components}/MenuButton/MenuButton.cjs.map +0 -0
- /package/{components → dist/components}/MenuButton/MenuButton.d.ts +0 -0
- /package/{components → dist/components}/MenuButton/MenuButton.js +0 -0
- /package/{components → dist/components}/MenuButton/MenuButton.js.map +0 -0
- /package/{components → dist/components}/MenuButton/index.d.ts +0 -0
- /package/{components → dist/components}/MenuButton.d.ts +0 -0
- /package/{components → dist/components}/Modal/ModalBody.d.ts +0 -0
- /package/{components → dist/components}/Modal/ModalHeader.d.ts +0 -0
- /package/{components → dist/components}/Modal.d.ts +0 -0
- /package/{components → dist/components}/Stat/Stat.cjs.map +0 -0
- /package/{components → dist/components}/Stat/Stat.d.ts +0 -0
- /package/{components → dist/components}/Stat/Stat.js.map +0 -0
- /package/{components → dist/components}/Stat/index.d.ts +0 -0
- /package/{components → dist/components}/Stat.d.ts +0 -0
- /package/{components → dist/components}/StatusMessage/StatusMessage.cjs +0 -0
- /package/{components → dist/components}/StatusMessage/StatusMessage.cjs.map +0 -0
- /package/{components → dist/components}/StatusMessage/StatusMessage.d.ts +0 -0
- /package/{components → dist/components}/StatusMessage/StatusMessage.js +0 -0
- /package/{components → dist/components}/StatusMessage/StatusMessage.js.map +0 -0
- /package/{components → dist/components}/StatusMessage/index.d.ts +0 -0
- /package/{components → dist/components}/StatusMessage.d.ts +0 -0
- /package/{components → dist/components}/Stepper/Step.d.ts +0 -0
- /package/{components → dist/components}/Stepper/Stepper.definition.d.ts +0 -0
- /package/{components → dist/components}/Stepper/index.d.ts +0 -0
- /package/{components → dist/components}/Stepper.d.ts +0 -0
- /package/{components → dist/components}/Table/Table.cjs +0 -0
- /package/{components → dist/components}/Table/Table.cjs.map +0 -0
- /package/{components → dist/components}/Table/Table.d.ts +0 -0
- /package/{components → dist/components}/Table/Table.definition.d.ts +0 -0
- /package/{components → dist/components}/Table/Table.js +0 -0
- /package/{components → dist/components}/Table/Table.js.map +0 -0
- /package/{components → dist/components}/Table/data.d.ts +0 -0
- /package/{components → dist/components}/Table/exportsUtils.d.ts +0 -0
- /package/{components → dist/components}/Table/index.d.ts +0 -0
- /package/{components → dist/components}/Table/types.d.ts +0 -0
- /package/{components → dist/components}/Table.d.ts +0 -0
- /package/{components → dist/components}/Tabs/Tab.d.ts +0 -0
- /package/{components → dist/components}/Tabs/Tab.definition.d.ts +0 -0
- /package/{components → dist/components}/Tabs/Tabs.cjs +0 -0
- /package/{components → dist/components}/Tabs/Tabs.cjs.map +0 -0
- /package/{components → dist/components}/Tabs/Tabs.d.ts +0 -0
- /package/{components → dist/components}/Tabs/Tabs.js +0 -0
- /package/{components → dist/components}/Tabs/Tabs.js.map +0 -0
- /package/{components → dist/components}/Tabs/_tabUtils.d.ts +0 -0
- /package/{components → dist/components}/Tabs/index.d.ts +0 -0
- /package/{components → dist/components}/Tabs.d.ts +0 -0
- /package/{components → dist/components}/Timeline/Timeline.cjs +0 -0
- /package/{components → dist/components}/Timeline/Timeline.cjs.map +0 -0
- /package/{components → dist/components}/Timeline/Timeline.d.ts +0 -0
- /package/{components → dist/components}/Timeline/Timeline.definition.d.ts +0 -0
- /package/{components → dist/components}/Timeline/Timeline.js +0 -0
- /package/{components → dist/components}/Timeline/Timeline.js.map +0 -0
- /package/{components → dist/components}/Timeline/TimelineItem.d.ts +0 -0
- /package/{components → dist/components}/Timeline/index.d.ts +0 -0
- /package/{components → dist/components}/Timeline.d.ts +0 -0
- /package/{components → dist/components}/Tooltip/Tooltip.cjs +0 -0
- /package/{components → dist/components}/Tooltip/Tooltip.cjs.map +0 -0
- /package/{components → dist/components}/Tooltip/Tooltip.d.ts +0 -0
- /package/{components → dist/components}/Tooltip/Tooltip.js +0 -0
- /package/{components → dist/components}/Tooltip/Tooltip.js.map +0 -0
- /package/{components → dist/components}/Tooltip/index.d.ts +0 -0
- /package/{components → dist/components}/Tooltip.d.ts +0 -0
- /package/{hooks → dist/hooks}/ClipBoard/ClipBoard.cjs +0 -0
- /package/{hooks → dist/hooks}/ClipBoard/ClipBoard.cjs.map +0 -0
- /package/{hooks → dist/hooks}/ClipBoard/ClipBoard.d.ts +0 -0
- /package/{hooks → dist/hooks}/ClipBoard/ClipBoard.js +0 -0
- /package/{hooks → dist/hooks}/ClipBoard/ClipBoard.js.map +0 -0
- /package/{hooks → dist/hooks}/ClipBoard/ClipboardUnifiedDemo.d.ts +0 -0
- /package/{hooks → dist/hooks}/ClipBoard/index.d.ts +0 -0
- /package/{hooks → dist/hooks}/ClipBoard.d.ts +0 -0
- /package/{index.css → dist/styles.css} +0 -0
|
@@ -1,126 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __defProps = Object.defineProperties;
|
|
4
|
-
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
5
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
8
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
9
|
-
var __spreadValues = (a, b) => {
|
|
10
|
-
for (var prop in b || (b = {}))
|
|
11
|
-
if (__hasOwnProp.call(b, prop))
|
|
12
|
-
__defNormalProp(a, prop, b[prop]);
|
|
13
|
-
if (__getOwnPropSymbols)
|
|
14
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
15
|
-
if (__propIsEnum.call(b, prop))
|
|
16
|
-
__defNormalProp(a, prop, b[prop]);
|
|
17
|
-
}
|
|
18
|
-
return a;
|
|
19
|
-
};
|
|
20
|
-
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
21
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
22
|
-
const jsxRuntime = require("react/jsx-runtime");
|
|
23
|
-
const React = require("react");
|
|
24
|
-
const material = require("@mui/material");
|
|
25
|
-
const DatePicker = require("@mui/x-date-pickers/DatePicker");
|
|
26
|
-
const Input = require("../../Input-c8MwNNPg.cjs");
|
|
27
|
-
const Select = require("../../Select-BO2N56sm.cjs");
|
|
28
|
-
const DatePicker$1 = require("../../DatePicker-BoqxWAhj.cjs");
|
|
29
|
-
const InputGroup = ({ children }) => {
|
|
30
|
-
const childrenArray = React.Children.toArray(children);
|
|
31
|
-
const childrenWithDividers = childrenArray.map((child, index) => {
|
|
32
|
-
if (React.isValidElement(child)) {
|
|
33
|
-
const childProps = child.props;
|
|
34
|
-
const childType = child.type;
|
|
35
|
-
const isInputComponent = childType === material.TextField || childType === Input.Input || childType === material.Select || childType === Select.Select || childType === DatePicker.DatePicker || childType === DatePicker$1.DatePicker;
|
|
36
|
-
const clonedChild = isInputComponent ? React.cloneElement(child, __spreadProps(__spreadValues({}, childProps), {
|
|
37
|
-
// Añade la clase directamente al componente clonado
|
|
38
|
-
className: "InputGroupChild",
|
|
39
|
-
sx: __spreadProps(__spreadValues({}, childProps.sx), {
|
|
40
|
-
// Usa el selector correcto para anular el borde del NotchedOutline
|
|
41
|
-
"& .MuiOutlinedInput-notchedOutline": {
|
|
42
|
-
border: "none !important"
|
|
43
|
-
},
|
|
44
|
-
// Asegura que el botón del DatePicker no tenga borde divisor
|
|
45
|
-
"& .MuiInputBase-root .MuiButtonBase-root": {
|
|
46
|
-
borderRight: "none"
|
|
47
|
-
},
|
|
48
|
-
// Oculta el legend de MuiOutlinedInput para que el borde no tenga "muescas"
|
|
49
|
-
"& .MuiOutlinedInput-notchedOutline > legend": {
|
|
50
|
-
display: "none"
|
|
51
|
-
},
|
|
52
|
-
" .InputGroupChild > MuiOutlinedInput-notchedOutline": {
|
|
53
|
-
border: "none !important"
|
|
54
|
-
},
|
|
55
|
-
".MuiOutlinedInput-notchedOutline, > .MuiOutlinedInput-notchedOutline": {
|
|
56
|
-
border: "none !important"
|
|
57
|
-
}
|
|
58
|
-
})
|
|
59
|
-
})) : child;
|
|
60
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
61
|
-
material.Box,
|
|
62
|
-
{
|
|
63
|
-
sx: {
|
|
64
|
-
flexGrow: 1,
|
|
65
|
-
display: "flex",
|
|
66
|
-
alignItems: "center",
|
|
67
|
-
minWidth: 0,
|
|
68
|
-
borderRight: index < childrenArray.length - 1 ? "1px solid #ccc" : "none"
|
|
69
|
-
},
|
|
70
|
-
children: clonedChild
|
|
71
|
-
},
|
|
72
|
-
index
|
|
73
|
-
);
|
|
74
|
-
}
|
|
75
|
-
return child;
|
|
76
|
-
});
|
|
77
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
78
|
-
material.Box,
|
|
79
|
-
{
|
|
80
|
-
sx: {
|
|
81
|
-
width: "100%",
|
|
82
|
-
display: "grid",
|
|
83
|
-
marginBottom: "10px",
|
|
84
|
-
marginTop: "10px"
|
|
85
|
-
},
|
|
86
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
87
|
-
material.Box,
|
|
88
|
-
{
|
|
89
|
-
className: "InputGroupChild",
|
|
90
|
-
sx: {
|
|
91
|
-
display: "flex",
|
|
92
|
-
justifyContent: "space-between",
|
|
93
|
-
height: "32px",
|
|
94
|
-
border: "1px solid #ccc",
|
|
95
|
-
borderRadius: "10px",
|
|
96
|
-
padding: "8px 0px",
|
|
97
|
-
marginTop: "-5px",
|
|
98
|
-
marginBottom: "20px",
|
|
99
|
-
"& .MuiInputBase-root, & .MuiButtonBase-root, & .MuiChip-root": {
|
|
100
|
-
borderRadius: 0
|
|
101
|
-
},
|
|
102
|
-
"& > div:first-of-type .MuiInputBase-root, & > div:first-of-type .MuiButtonBase-root, & > div:first-of-type .MuiChip-root": {
|
|
103
|
-
borderTopLeftRadius: "10px",
|
|
104
|
-
borderBottomLeftRadius: "10px"
|
|
105
|
-
},
|
|
106
|
-
"& > div:last-of-type .MuiInputBase-root, & > div:last-of-type .MuiButtonBase-root, & > div:last-of-type .MuiChip-root": {
|
|
107
|
-
borderTopRightRadius: "10px",
|
|
108
|
-
borderBottomRightRadius: "10px",
|
|
109
|
-
border: "none !important"
|
|
110
|
-
},
|
|
111
|
-
// Estilo para los componentes que tienen `InputGroupChild` en la clase
|
|
112
|
-
"& .InputGroupChild": {
|
|
113
|
-
width: "100%"
|
|
114
|
-
},
|
|
115
|
-
"& > div:first-of-type .MuiInputBase-root > .MuiOutlinedInput-notchedOutline": {
|
|
116
|
-
border: "none !important"
|
|
117
|
-
}
|
|
118
|
-
},
|
|
119
|
-
children: childrenWithDividers
|
|
120
|
-
}
|
|
121
|
-
)
|
|
122
|
-
}
|
|
123
|
-
);
|
|
124
|
-
};
|
|
125
|
-
exports.InputGroup = InputGroup;
|
|
126
|
-
//# sourceMappingURL=InputGroup.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"InputGroup.cjs","sources":["../../../src/components/InputGroup/InputGroup.tsx"],"sourcesContent":["import React, { Children, cloneElement, isValidElement } from 'react';\nimport { Box } from '@mui/material';\nimport { DatePicker as MuiDatePicker } from '@mui/x-date-pickers/DatePicker';\nimport { Select as MuiSelect } from '@mui/material';\nimport { TextField as MuiTextField } from '@mui/material';\nimport { Input } from '../Input';\nimport { Select } from '../Select';\nimport { DatePicker } from '../DatePicker';\n\ninterface CommonProps {\n sx?: object;\n [key: string]: any;\n}\n\ninterface InputGroupProps {\n children: React.ReactNode;\n}\n\nconst InputGroup: React.FC<InputGroupProps> = ({ children }) => {\n const childrenArray = Children.toArray(children);\n\n const childrenWithDividers = childrenArray.map((child, index) => {\n if (isValidElement(child)) {\n const childProps = child.props as CommonProps;\n const childType = child.type as any;\n\n const isInputComponent = (\n childType === MuiTextField || \n childType === Input || \n childType === MuiSelect || \n childType === Select ||\n childType === MuiDatePicker || \n childType === DatePicker\n );\n\n const clonedChild = isInputComponent ? (\n cloneElement(child, {\n ...childProps,\n // Añade la clase directamente al componente clonado\n className: 'InputGroupChild',\n sx: {\n ...childProps.sx,\n // Usa el selector correcto para anular el borde del NotchedOutline\n '& .MuiOutlinedInput-notchedOutline': {\n border: 'none !important',\n },\n // Asegura que el botón del DatePicker no tenga borde divisor\n '& .MuiInputBase-root .MuiButtonBase-root': {\n borderRight: 'none',\n },\n // Oculta el legend de MuiOutlinedInput para que el borde no tenga \"muescas\"\n '& .MuiOutlinedInput-notchedOutline > legend': {\n display: 'none',\n },\n\n ' .InputGroupChild > MuiOutlinedInput-notchedOutline': {\n border: 'none !important',\n\n }, \n '.MuiOutlinedInput-notchedOutline, > .MuiOutlinedInput-notchedOutline': {\n border: 'none !important',\n }\n\n },\n } as CommonProps)\n ) : (\n child\n );\n\n return (\n <Box\n key={index}\n sx={{\n flexGrow: 1,\n display: 'flex',\n alignItems: 'center',\n minWidth: 0,\n borderRight: index < childrenArray.length - 1 ? '1px solid #ccc' : 'none',\n }}\n >\n {clonedChild}\n </Box>\n );\n }\n return child;\n });\n\n return (\n <Box\n sx={{\n width: '100%',\n display: 'grid',\n marginBottom: '10px',\n marginTop: '10px'\n }}\n\n >\n <Box\n className='InputGroupChild'\n sx={{\n display: 'flex',\n justifyContent: 'space-between',\n height: '32px',\n border: '1px solid #ccc',\n borderRadius: '10px',\n padding: '8px 0px',\n marginTop: '-5px',\n marginBottom: '20px',\n '& .MuiInputBase-root, & .MuiButtonBase-root, & .MuiChip-root': {\n borderRadius: 0,\n },\n '& > div:first-of-type .MuiInputBase-root, & > div:first-of-type .MuiButtonBase-root, & > div:first-of-type .MuiChip-root': {\n borderTopLeftRadius: '10px',\n borderBottomLeftRadius: '10px',\n },\n '& > div:last-of-type .MuiInputBase-root, & > div:last-of-type .MuiButtonBase-root, & > div:last-of-type .MuiChip-root': {\n borderTopRightRadius: '10px',\n borderBottomRightRadius: '10px',\n border: 'none !important'\n },\n // Estilo para los componentes que tienen `InputGroupChild` en la clase\n '& .InputGroupChild': {\n width: '100%',\n },\n '& > div:first-of-type .MuiInputBase-root > .MuiOutlinedInput-notchedOutline': {\n border: 'none !important',\n },\n }}\n >\n {childrenWithDividers}\n </Box>\n </Box>\n );\n};\n\nexport default InputGroup;"],"names":["Children","isValidElement","MuiTextField","Input","MuiSelect","Select","MuiDatePicker","DatePicker","cloneElement","jsx","Box"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAM,aAAwC,CAAC,EAAE,eAAe;AAC9D,QAAM,gBAAgBA,MAAAA,SAAS,QAAQ,QAAQ;AAE/C,QAAM,uBAAuB,cAAc,IAAI,CAAC,OAAO,UAAU;AAC/D,QAAIC,MAAAA,eAAe,KAAK,GAAG;AACzB,YAAM,aAAa,MAAM;AACzB,YAAM,YAAY,MAAM;AAExB,YAAM,mBACJ,cAAcC,sBACd,cAAcC,MAAAA,SACd,cAAcC,SAAAA,UACd,cAAcC,OAAAA,UACd,cAAcC,WAAAA,cACd,cAAcC,aAAAA;AAGhB,YAAM,cAAc,mBAClBC,MAAAA,aAAa,OAAO,iCACf,aADe;AAAA;AAAA,QAGlB,WAAW;AAAA,QACX,IAAI,iCACC,WAAW,KADZ;AAAA;AAAA,UAGF,sCAAsC;AAAA,YACpC,QAAQ;AAAA,UAAA;AAAA;AAAA,UAGV,4CAA4C;AAAA,YAC1C,aAAa;AAAA,UAAA;AAAA;AAAA,UAGf,+CAA+C;AAAA,YAC7C,SAAS;AAAA,UAAA;AAAA,UAGX,uDAAuD;AAAA,YACrD,QAAQ;AAAA,UAAA;AAAA,UAGV,wEAAwE;AAAA,YACtE,QAAQ;AAAA,UAAA;AAAA,QACV;AAAA,MAEF,EACc,IAEhB;AAGF,aACEC,2BAAAA;AAAAA,QAACC,SAAAA;AAAAA,QAAA;AAAA,UAEC,IAAI;AAAA,YACF,UAAU;AAAA,YACV,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,UAAU;AAAA,YACV,aAAa,QAAQ,cAAc,SAAS,IAAI,mBAAmB;AAAA,UAAA;AAAA,UAGpE,UAAA;AAAA,QAAA;AAAA,QATI;AAAA,MAAA;AAAA,IAYX;AACA,WAAO;AAAA,EACT,CAAC;AAED,SACED,2BAAAA;AAAAA,IAACC,SAAAA;AAAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACA,OAAO;AAAA,QACP,SAAS;AAAA,QACT,cAAc;AAAA,QACd,WAAW;AAAA,MAAA;AAAA,MAIjB,UAAAD,2BAAAA;AAAAA,QAACC,SAAAA;AAAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,IAAI;AAAA,YACF,SAAS;AAAA,YACT,gBAAgB;AAAA,YAChB,QAAQ;AAAA,YACR,QAAQ;AAAA,YACR,cAAc;AAAA,YACd,SAAS;AAAA,YACT,WAAW;AAAA,YACX,cAAc;AAAA,YACd,gEAAgE;AAAA,cAC9D,cAAc;AAAA,YAAA;AAAA,YAEhB,4HAA4H;AAAA,cAC1H,qBAAqB;AAAA,cACrB,wBAAwB;AAAA,YAAA;AAAA,YAE1B,yHAAyH;AAAA,cACvH,sBAAsB;AAAA,cACtB,yBAAyB;AAAA,cACzB,QAAQ;AAAA,YAAA;AAAA;AAAA,YAGV,sBAAsB;AAAA,cACpB,OAAO;AAAA,YAAA;AAAA,YAET,gFAAgF;AAAA,cAC9E,QAAQ;AAAA,YAAA;AAAA,UACV;AAAA,UAGD,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGJ;;"}
|
|
@@ -1,126 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __defProps = Object.defineProperties;
|
|
3
|
-
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
4
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
7
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
8
|
-
var __spreadValues = (a, b) => {
|
|
9
|
-
for (var prop in b || (b = {}))
|
|
10
|
-
if (__hasOwnProp.call(b, prop))
|
|
11
|
-
__defNormalProp(a, prop, b[prop]);
|
|
12
|
-
if (__getOwnPropSymbols)
|
|
13
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
14
|
-
if (__propIsEnum.call(b, prop))
|
|
15
|
-
__defNormalProp(a, prop, b[prop]);
|
|
16
|
-
}
|
|
17
|
-
return a;
|
|
18
|
-
};
|
|
19
|
-
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
|
-
import { jsx } from "react/jsx-runtime";
|
|
21
|
-
import { Children, isValidElement, cloneElement } from "react";
|
|
22
|
-
import { Box, TextField, Select } from "@mui/material";
|
|
23
|
-
import { DatePicker } from "@mui/x-date-pickers/DatePicker";
|
|
24
|
-
import { I as Input } from "../../Input-DFHs7cJ_.js";
|
|
25
|
-
import { S as Select$1 } from "../../Select-BcLkyHSE.js";
|
|
26
|
-
import { D as DatePicker$1 } from "../../DatePicker-BSNboVhN.js";
|
|
27
|
-
const InputGroup = ({ children }) => {
|
|
28
|
-
const childrenArray = Children.toArray(children);
|
|
29
|
-
const childrenWithDividers = childrenArray.map((child, index) => {
|
|
30
|
-
if (isValidElement(child)) {
|
|
31
|
-
const childProps = child.props;
|
|
32
|
-
const childType = child.type;
|
|
33
|
-
const isInputComponent = childType === TextField || childType === Input || childType === Select || childType === Select$1 || childType === DatePicker || childType === DatePicker$1;
|
|
34
|
-
const clonedChild = isInputComponent ? cloneElement(child, __spreadProps(__spreadValues({}, childProps), {
|
|
35
|
-
// Añade la clase directamente al componente clonado
|
|
36
|
-
className: "InputGroupChild",
|
|
37
|
-
sx: __spreadProps(__spreadValues({}, childProps.sx), {
|
|
38
|
-
// Usa el selector correcto para anular el borde del NotchedOutline
|
|
39
|
-
"& .MuiOutlinedInput-notchedOutline": {
|
|
40
|
-
border: "none !important"
|
|
41
|
-
},
|
|
42
|
-
// Asegura que el botón del DatePicker no tenga borde divisor
|
|
43
|
-
"& .MuiInputBase-root .MuiButtonBase-root": {
|
|
44
|
-
borderRight: "none"
|
|
45
|
-
},
|
|
46
|
-
// Oculta el legend de MuiOutlinedInput para que el borde no tenga "muescas"
|
|
47
|
-
"& .MuiOutlinedInput-notchedOutline > legend": {
|
|
48
|
-
display: "none"
|
|
49
|
-
},
|
|
50
|
-
" .InputGroupChild > MuiOutlinedInput-notchedOutline": {
|
|
51
|
-
border: "none !important"
|
|
52
|
-
},
|
|
53
|
-
".MuiOutlinedInput-notchedOutline, > .MuiOutlinedInput-notchedOutline": {
|
|
54
|
-
border: "none !important"
|
|
55
|
-
}
|
|
56
|
-
})
|
|
57
|
-
})) : child;
|
|
58
|
-
return /* @__PURE__ */ jsx(
|
|
59
|
-
Box,
|
|
60
|
-
{
|
|
61
|
-
sx: {
|
|
62
|
-
flexGrow: 1,
|
|
63
|
-
display: "flex",
|
|
64
|
-
alignItems: "center",
|
|
65
|
-
minWidth: 0,
|
|
66
|
-
borderRight: index < childrenArray.length - 1 ? "1px solid #ccc" : "none"
|
|
67
|
-
},
|
|
68
|
-
children: clonedChild
|
|
69
|
-
},
|
|
70
|
-
index
|
|
71
|
-
);
|
|
72
|
-
}
|
|
73
|
-
return child;
|
|
74
|
-
});
|
|
75
|
-
return /* @__PURE__ */ jsx(
|
|
76
|
-
Box,
|
|
77
|
-
{
|
|
78
|
-
sx: {
|
|
79
|
-
width: "100%",
|
|
80
|
-
display: "grid",
|
|
81
|
-
marginBottom: "10px",
|
|
82
|
-
marginTop: "10px"
|
|
83
|
-
},
|
|
84
|
-
children: /* @__PURE__ */ jsx(
|
|
85
|
-
Box,
|
|
86
|
-
{
|
|
87
|
-
className: "InputGroupChild",
|
|
88
|
-
sx: {
|
|
89
|
-
display: "flex",
|
|
90
|
-
justifyContent: "space-between",
|
|
91
|
-
height: "32px",
|
|
92
|
-
border: "1px solid #ccc",
|
|
93
|
-
borderRadius: "10px",
|
|
94
|
-
padding: "8px 0px",
|
|
95
|
-
marginTop: "-5px",
|
|
96
|
-
marginBottom: "20px",
|
|
97
|
-
"& .MuiInputBase-root, & .MuiButtonBase-root, & .MuiChip-root": {
|
|
98
|
-
borderRadius: 0
|
|
99
|
-
},
|
|
100
|
-
"& > div:first-of-type .MuiInputBase-root, & > div:first-of-type .MuiButtonBase-root, & > div:first-of-type .MuiChip-root": {
|
|
101
|
-
borderTopLeftRadius: "10px",
|
|
102
|
-
borderBottomLeftRadius: "10px"
|
|
103
|
-
},
|
|
104
|
-
"& > div:last-of-type .MuiInputBase-root, & > div:last-of-type .MuiButtonBase-root, & > div:last-of-type .MuiChip-root": {
|
|
105
|
-
borderTopRightRadius: "10px",
|
|
106
|
-
borderBottomRightRadius: "10px",
|
|
107
|
-
border: "none !important"
|
|
108
|
-
},
|
|
109
|
-
// Estilo para los componentes que tienen `InputGroupChild` en la clase
|
|
110
|
-
"& .InputGroupChild": {
|
|
111
|
-
width: "100%"
|
|
112
|
-
},
|
|
113
|
-
"& > div:first-of-type .MuiInputBase-root > .MuiOutlinedInput-notchedOutline": {
|
|
114
|
-
border: "none !important"
|
|
115
|
-
}
|
|
116
|
-
},
|
|
117
|
-
children: childrenWithDividers
|
|
118
|
-
}
|
|
119
|
-
)
|
|
120
|
-
}
|
|
121
|
-
);
|
|
122
|
-
};
|
|
123
|
-
export {
|
|
124
|
-
InputGroup
|
|
125
|
-
};
|
|
126
|
-
//# sourceMappingURL=InputGroup.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"InputGroup.js","sources":["../../../src/components/InputGroup/InputGroup.tsx"],"sourcesContent":["import React, { Children, cloneElement, isValidElement } from 'react';\nimport { Box } from '@mui/material';\nimport { DatePicker as MuiDatePicker } from '@mui/x-date-pickers/DatePicker';\nimport { Select as MuiSelect } from '@mui/material';\nimport { TextField as MuiTextField } from '@mui/material';\nimport { Input } from '../Input';\nimport { Select } from '../Select';\nimport { DatePicker } from '../DatePicker';\n\ninterface CommonProps {\n sx?: object;\n [key: string]: any;\n}\n\ninterface InputGroupProps {\n children: React.ReactNode;\n}\n\nconst InputGroup: React.FC<InputGroupProps> = ({ children }) => {\n const childrenArray = Children.toArray(children);\n\n const childrenWithDividers = childrenArray.map((child, index) => {\n if (isValidElement(child)) {\n const childProps = child.props as CommonProps;\n const childType = child.type as any;\n\n const isInputComponent = (\n childType === MuiTextField || \n childType === Input || \n childType === MuiSelect || \n childType === Select ||\n childType === MuiDatePicker || \n childType === DatePicker\n );\n\n const clonedChild = isInputComponent ? (\n cloneElement(child, {\n ...childProps,\n // Añade la clase directamente al componente clonado\n className: 'InputGroupChild',\n sx: {\n ...childProps.sx,\n // Usa el selector correcto para anular el borde del NotchedOutline\n '& .MuiOutlinedInput-notchedOutline': {\n border: 'none !important',\n },\n // Asegura que el botón del DatePicker no tenga borde divisor\n '& .MuiInputBase-root .MuiButtonBase-root': {\n borderRight: 'none',\n },\n // Oculta el legend de MuiOutlinedInput para que el borde no tenga \"muescas\"\n '& .MuiOutlinedInput-notchedOutline > legend': {\n display: 'none',\n },\n\n ' .InputGroupChild > MuiOutlinedInput-notchedOutline': {\n border: 'none !important',\n\n }, \n '.MuiOutlinedInput-notchedOutline, > .MuiOutlinedInput-notchedOutline': {\n border: 'none !important',\n }\n\n },\n } as CommonProps)\n ) : (\n child\n );\n\n return (\n <Box\n key={index}\n sx={{\n flexGrow: 1,\n display: 'flex',\n alignItems: 'center',\n minWidth: 0,\n borderRight: index < childrenArray.length - 1 ? '1px solid #ccc' : 'none',\n }}\n >\n {clonedChild}\n </Box>\n );\n }\n return child;\n });\n\n return (\n <Box\n sx={{\n width: '100%',\n display: 'grid',\n marginBottom: '10px',\n marginTop: '10px'\n }}\n\n >\n <Box\n className='InputGroupChild'\n sx={{\n display: 'flex',\n justifyContent: 'space-between',\n height: '32px',\n border: '1px solid #ccc',\n borderRadius: '10px',\n padding: '8px 0px',\n marginTop: '-5px',\n marginBottom: '20px',\n '& .MuiInputBase-root, & .MuiButtonBase-root, & .MuiChip-root': {\n borderRadius: 0,\n },\n '& > div:first-of-type .MuiInputBase-root, & > div:first-of-type .MuiButtonBase-root, & > div:first-of-type .MuiChip-root': {\n borderTopLeftRadius: '10px',\n borderBottomLeftRadius: '10px',\n },\n '& > div:last-of-type .MuiInputBase-root, & > div:last-of-type .MuiButtonBase-root, & > div:last-of-type .MuiChip-root': {\n borderTopRightRadius: '10px',\n borderBottomRightRadius: '10px',\n border: 'none !important'\n },\n // Estilo para los componentes que tienen `InputGroupChild` en la clase\n '& .InputGroupChild': {\n width: '100%',\n },\n '& > div:first-of-type .MuiInputBase-root > .MuiOutlinedInput-notchedOutline': {\n border: 'none !important',\n },\n }}\n >\n {childrenWithDividers}\n </Box>\n </Box>\n );\n};\n\nexport default InputGroup;"],"names":["MuiTextField","MuiSelect","Select","MuiDatePicker","DatePicker"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAM,aAAwC,CAAC,EAAE,eAAe;AAC9D,QAAM,gBAAgB,SAAS,QAAQ,QAAQ;AAE/C,QAAM,uBAAuB,cAAc,IAAI,CAAC,OAAO,UAAU;AAC/D,QAAI,eAAe,KAAK,GAAG;AACzB,YAAM,aAAa,MAAM;AACzB,YAAM,YAAY,MAAM;AAExB,YAAM,mBACJ,cAAcA,aACd,cAAc,SACd,cAAcC,UACd,cAAcC,YACd,cAAcC,cACd,cAAcC;AAGhB,YAAM,cAAc,mBAClB,aAAa,OAAO,iCACf,aADe;AAAA;AAAA,QAGlB,WAAW;AAAA,QACX,IAAI,iCACC,WAAW,KADZ;AAAA;AAAA,UAGF,sCAAsC;AAAA,YACpC,QAAQ;AAAA,UAAA;AAAA;AAAA,UAGV,4CAA4C;AAAA,YAC1C,aAAa;AAAA,UAAA;AAAA;AAAA,UAGf,+CAA+C;AAAA,YAC7C,SAAS;AAAA,UAAA;AAAA,UAGX,uDAAuD;AAAA,YACrD,QAAQ;AAAA,UAAA;AAAA,UAGV,wEAAwE;AAAA,YACtE,QAAQ;AAAA,UAAA;AAAA,QACV;AAAA,MAEF,EACc,IAEhB;AAGF,aACE;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,IAAI;AAAA,YACF,UAAU;AAAA,YACV,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,UAAU;AAAA,YACV,aAAa,QAAQ,cAAc,SAAS,IAAI,mBAAmB;AAAA,UAAA;AAAA,UAGpE,UAAA;AAAA,QAAA;AAAA,QATI;AAAA,MAAA;AAAA,IAYX;AACA,WAAO;AAAA,EACT,CAAC;AAED,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACA,OAAO;AAAA,QACP,SAAS;AAAA,QACT,cAAc;AAAA,QACd,WAAW;AAAA,MAAA;AAAA,MAIjB,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,IAAI;AAAA,YACF,SAAS;AAAA,YACT,gBAAgB;AAAA,YAChB,QAAQ;AAAA,YACR,QAAQ;AAAA,YACR,cAAc;AAAA,YACd,SAAS;AAAA,YACT,WAAW;AAAA,YACX,cAAc;AAAA,YACd,gEAAgE;AAAA,cAC9D,cAAc;AAAA,YAAA;AAAA,YAEhB,4HAA4H;AAAA,cAC1H,qBAAqB;AAAA,cACrB,wBAAwB;AAAA,YAAA;AAAA,YAE1B,yHAAyH;AAAA,cACvH,sBAAsB;AAAA,cACtB,yBAAyB;AAAA,cACzB,QAAQ;AAAA,YAAA;AAAA;AAAA,YAGV,sBAAsB;AAAA,cACpB,OAAO;AAAA,YAAA;AAAA,YAET,gFAAgF;AAAA,cAC9E,QAAQ;AAAA,YAAA;AAAA,UACV;AAAA,UAGD,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGJ;"}
|
|
@@ -1,209 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __defProps = Object.defineProperties;
|
|
4
|
-
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
5
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
8
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
9
|
-
var __spreadValues = (a, b) => {
|
|
10
|
-
for (var prop in b || (b = {}))
|
|
11
|
-
if (__hasOwnProp.call(b, prop))
|
|
12
|
-
__defNormalProp(a, prop, b[prop]);
|
|
13
|
-
if (__getOwnPropSymbols)
|
|
14
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
15
|
-
if (__propIsEnum.call(b, prop))
|
|
16
|
-
__defNormalProp(a, prop, b[prop]);
|
|
17
|
-
}
|
|
18
|
-
return a;
|
|
19
|
-
};
|
|
20
|
-
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
21
|
-
var __objRest = (source, exclude) => {
|
|
22
|
-
var target = {};
|
|
23
|
-
for (var prop in source)
|
|
24
|
-
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
25
|
-
target[prop] = source[prop];
|
|
26
|
-
if (source != null && __getOwnPropSymbols)
|
|
27
|
-
for (var prop of __getOwnPropSymbols(source)) {
|
|
28
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
29
|
-
target[prop] = source[prop];
|
|
30
|
-
}
|
|
31
|
-
return target;
|
|
32
|
-
};
|
|
33
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
34
|
-
const jsxRuntime = require("react/jsx-runtime");
|
|
35
|
-
const React = require("react");
|
|
36
|
-
const material = require("@mui/material");
|
|
37
|
-
const ModalFooter = ({
|
|
38
|
-
// Renombrado
|
|
39
|
-
children,
|
|
40
|
-
showCloseButton = true,
|
|
41
|
-
closeButtonText = "Cerrar",
|
|
42
|
-
closeButtonDisabled = false,
|
|
43
|
-
onClose,
|
|
44
|
-
actions = []
|
|
45
|
-
}) => {
|
|
46
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { padding: 2, borderTop: "1px solid #e0e0e0", display: "flex", justifyContent: "flex-end", gap: 1 }, children: [
|
|
47
|
-
children,
|
|
48
|
-
/* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "row", spacing: 1, children: [
|
|
49
|
-
showCloseButton && /* @__PURE__ */ jsxRuntime.jsx(
|
|
50
|
-
material.Button,
|
|
51
|
-
{
|
|
52
|
-
onClick: onClose,
|
|
53
|
-
disabled: closeButtonDisabled,
|
|
54
|
-
variant: "outlined",
|
|
55
|
-
color: "secondary",
|
|
56
|
-
children: closeButtonText
|
|
57
|
-
}
|
|
58
|
-
),
|
|
59
|
-
actions.map((action, index) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
60
|
-
material.Button,
|
|
61
|
-
{
|
|
62
|
-
onClick: action.onClick,
|
|
63
|
-
disabled: action.disabled,
|
|
64
|
-
variant: action.variant || "contained",
|
|
65
|
-
color: action.color || "primary",
|
|
66
|
-
children: action.text
|
|
67
|
-
},
|
|
68
|
-
index
|
|
69
|
-
))
|
|
70
|
-
] })
|
|
71
|
-
] });
|
|
72
|
-
};
|
|
73
|
-
const ModalHeader = ({ children }) => {
|
|
74
|
-
return /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { padding: 2, borderBottom: "1px solid #e0e0e0", display: "flex", alignItems: "center", justifyContent: "space-between" }, children: /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h6", component: "h2", children }) });
|
|
75
|
-
};
|
|
76
|
-
const ModalBody = ({ children }) => {
|
|
77
|
-
return /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { padding: 2, overflowY: "auto", flexGrow: 1 }, children });
|
|
78
|
-
};
|
|
79
|
-
const modalStyle = {
|
|
80
|
-
position: "absolute",
|
|
81
|
-
top: "50%",
|
|
82
|
-
left: "50%",
|
|
83
|
-
transform: "translate(-50%, -50%)",
|
|
84
|
-
width: "90%",
|
|
85
|
-
maxHeight: "90vh",
|
|
86
|
-
display: "flex",
|
|
87
|
-
flexDirection: "column",
|
|
88
|
-
outline: "none"
|
|
89
|
-
};
|
|
90
|
-
const Modal = React.forwardRef(({
|
|
91
|
-
open: controlledOpen,
|
|
92
|
-
// Renombra la prop 'open' si se pasa externamente
|
|
93
|
-
onClose: controlledOnClose,
|
|
94
|
-
// Renombra la prop 'onClose' si se pasa externamente
|
|
95
|
-
title,
|
|
96
|
-
children,
|
|
97
|
-
showCloseButton = true,
|
|
98
|
-
closeButtonText = "Cerrar",
|
|
99
|
-
closeButtonDisabled = false,
|
|
100
|
-
actions = [],
|
|
101
|
-
maxWidth = "sm",
|
|
102
|
-
hiddenFooter = false
|
|
103
|
-
}, ref) => {
|
|
104
|
-
const [internalOpen, setInternalOpen] = React.useState(false);
|
|
105
|
-
const isOpen = controlledOpen !== void 0 ? controlledOpen : internalOpen;
|
|
106
|
-
React.useImperativeHandle(ref, () => ({
|
|
107
|
-
open: () => setInternalOpen(true),
|
|
108
|
-
close: () => {
|
|
109
|
-
setInternalOpen(false);
|
|
110
|
-
controlledOnClose == null ? void 0 : controlledOnClose();
|
|
111
|
-
}
|
|
112
|
-
}));
|
|
113
|
-
const handleCloseInternal = () => {
|
|
114
|
-
setInternalOpen(false);
|
|
115
|
-
controlledOnClose == null ? void 0 : controlledOnClose();
|
|
116
|
-
};
|
|
117
|
-
const theme = material.useTheme();
|
|
118
|
-
const isMobile = material.useMediaQuery(theme.breakpoints.down("sm"));
|
|
119
|
-
const getWidth = () => {
|
|
120
|
-
if (isMobile) return "95%";
|
|
121
|
-
switch (maxWidth) {
|
|
122
|
-
case "xs":
|
|
123
|
-
return 300;
|
|
124
|
-
case "sm":
|
|
125
|
-
return 500;
|
|
126
|
-
case "md":
|
|
127
|
-
return 700;
|
|
128
|
-
case "lg":
|
|
129
|
-
return 900;
|
|
130
|
-
case "xl":
|
|
131
|
-
return 1100;
|
|
132
|
-
case false:
|
|
133
|
-
return "auto";
|
|
134
|
-
default:
|
|
135
|
-
return 500;
|
|
136
|
-
}
|
|
137
|
-
};
|
|
138
|
-
const renderChildren = () => {
|
|
139
|
-
let header = null;
|
|
140
|
-
let body = null;
|
|
141
|
-
let footer = null;
|
|
142
|
-
React.Children.forEach(children, (child) => {
|
|
143
|
-
if (React.isValidElement(child)) {
|
|
144
|
-
if (child.type === ModalHeader) {
|
|
145
|
-
header = child;
|
|
146
|
-
} else if (child.type === ModalBody) {
|
|
147
|
-
body = child;
|
|
148
|
-
} else if (child.type === ModalFooter) {
|
|
149
|
-
const footerChild = child;
|
|
150
|
-
const _a = footerChild.props, {
|
|
151
|
-
showCloseButton: childShowCloseButton,
|
|
152
|
-
closeButtonText: childCloseButtonText,
|
|
153
|
-
closeButtonDisabled: childCloseButtonDisabled,
|
|
154
|
-
onClose: childOnClose,
|
|
155
|
-
actions: childActions
|
|
156
|
-
} = _a, restOfFooterProps = __objRest(_a, [
|
|
157
|
-
"showCloseButton",
|
|
158
|
-
"closeButtonText",
|
|
159
|
-
"closeButtonDisabled",
|
|
160
|
-
"onClose",
|
|
161
|
-
"actions"
|
|
162
|
-
]);
|
|
163
|
-
footer = React.cloneElement(footerChild, __spreadValues({
|
|
164
|
-
showCloseButton,
|
|
165
|
-
closeButtonText,
|
|
166
|
-
closeButtonDisabled,
|
|
167
|
-
onClose: handleCloseInternal,
|
|
168
|
-
// Usa la función de cierre interna
|
|
169
|
-
actions
|
|
170
|
-
}, restOfFooterProps));
|
|
171
|
-
}
|
|
172
|
-
}
|
|
173
|
-
});
|
|
174
|
-
if (!footer && !hiddenFooter) {
|
|
175
|
-
footer = /* @__PURE__ */ jsxRuntime.jsx(
|
|
176
|
-
ModalFooter,
|
|
177
|
-
{
|
|
178
|
-
showCloseButton,
|
|
179
|
-
closeButtonText,
|
|
180
|
-
closeButtonDisabled,
|
|
181
|
-
onClose: handleCloseInternal,
|
|
182
|
-
actions
|
|
183
|
-
}
|
|
184
|
-
);
|
|
185
|
-
}
|
|
186
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
187
|
-
header || title && /* @__PURE__ */ jsxRuntime.jsx(ModalHeader, { children: title }),
|
|
188
|
-
body,
|
|
189
|
-
footer
|
|
190
|
-
] });
|
|
191
|
-
};
|
|
192
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
193
|
-
material.Modal,
|
|
194
|
-
{
|
|
195
|
-
open: isOpen,
|
|
196
|
-
onClose: handleCloseInternal,
|
|
197
|
-
"aria-labelledby": "modal-title",
|
|
198
|
-
"aria-describedby": "modal-description",
|
|
199
|
-
closeAfterTransition: true,
|
|
200
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(material.Paper, { sx: __spreadProps(__spreadValues({}, modalStyle), { width: getWidth() }), children: renderChildren() })
|
|
201
|
-
}
|
|
202
|
-
);
|
|
203
|
-
});
|
|
204
|
-
const ModalWithStatics = Modal;
|
|
205
|
-
ModalWithStatics.Header = ModalHeader;
|
|
206
|
-
ModalWithStatics.Body = ModalBody;
|
|
207
|
-
ModalWithStatics.Footer = ModalFooter;
|
|
208
|
-
exports.Modal = ModalWithStatics;
|
|
209
|
-
//# sourceMappingURL=Modal.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.cjs","sources":["../../../src/components/Modal/ModalFooter.tsx","../../../src/components/Modal/ModalHeader.tsx","../../../src/components/Modal/ModalBody.tsx","../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Button, Stack } from '@mui/material';\nimport { ButtonProps } from '@mui/material/Button';\n\n// Interfaz para acciones personalizadas (se mantiene aquí)\nexport interface ModalAction {\n text: string;\n onClick: () => void;\n disabled?: boolean;\n variant?: ButtonProps['variant'];\n color?: ButtonProps['color'];\n}\n\nexport interface ModalFooterProps { // Renombrado\n children?: React.ReactNode;\n showCloseButton?: boolean;\n closeButtonText?: string;\n closeButtonDisabled?: boolean;\n onClose: () => void;\n actions?: ModalAction[];\n}\n\nexport const ModalFooter: React.FC<ModalFooterProps> = ({ // Renombrado\n children,\n showCloseButton = true,\n closeButtonText = \"Cerrar\",\n closeButtonDisabled = false,\n onClose,\n actions = [],\n}) => {\n return (\n <Box sx={{ padding: 2, borderTop: '1px solid #e0e0e0', display: 'flex', justifyContent: 'flex-end', gap: 1 }}>\n {children}\n <Stack direction=\"row\" spacing={1}>\n {showCloseButton && (\n <Button\n onClick={onClose}\n disabled={closeButtonDisabled}\n variant=\"outlined\"\n color=\"secondary\"\n >\n {closeButtonText}\n </Button>\n )}\n {actions.map((action, index) => (\n <Button\n key={index}\n onClick={action.onClick}\n disabled={action.disabled}\n variant={action.variant || 'contained'}\n color={action.color || 'primary'}\n >\n {action.text}\n </Button>\n ))}\n </Stack>\n </Box>\n );\n};\n\nexport default ModalFooter;","import React from 'react';\nimport { Box, Typography } from '@mui/material';\n\ninterface ModalHeaderProps { // Renombrado\n children: React.ReactNode;\n}\n\nexport const ModalHeader: React.FC<ModalHeaderProps> = ({ children }) => { // Renombrado\n return (\n <Box sx={{ padding: 2, borderBottom: '1px solid #e0e0e0', display: 'flex', alignItems: 'center', justifyContent: 'space-between' }}>\n <Typography variant=\"h6\" component=\"h2\">\n {children}\n </Typography>\n </Box>\n );\n};\n\nexport default ModalHeader;","import React from 'react';\nimport { Box } from '@mui/material';\n\ninterface ModalBodyProps { // Renombrado\n children: React.ReactNode;\n}\n\nexport const ModalBody: React.FC<ModalBodyProps> = ({ children }) => { // Renombrado\n return (\n <Box sx={{ padding: 2, overflowY: 'auto', flexGrow: 1 }}>\n {children}\n </Box>\n );\n};\n\nexport default ModalBody;","import React, { useState, useImperativeHandle, forwardRef } from 'react'; // 👈 Importa useImperativeHandle y forwardRef\nimport { Modal as MuiModal, Box, Paper, useTheme, useMediaQuery } from '@mui/material';\n\nimport { DialogProps } from '@mui/material/Dialog';\nimport { ModalAction, ModalFooter, ModalFooterProps } from './ModalFooter';\nimport { ModalHeader } from './ModalHeader';\nimport { ModalBody } from './ModalBody';\n\n// Define la interfaz para los métodos que el padre puede llamar a través de la ref\nexport interface ModalRef {\n open: () => void;\n close: () => void;\n}\n\ninterface ModalProps {\n // La prop 'open' ahora es opcional si se usa con ref, pero aún puede ser controlada externamente\n open?: boolean;\n onClose?: () => void; // 'onClose' ahora es opcional ya que el modal puede cerrarse internamente\n title?: string;\n children: React.ReactNode;\n showCloseButton?: boolean;\n closeButtonText?: string;\n closeButtonDisabled?: boolean;\n actions?: ModalAction[];\n maxWidth?: DialogProps['maxWidth'];\n hiddenFooter?: boolean\n}\n\nconst modalStyle = {\n position: 'absolute' as 'absolute',\n top: '50%',\n left: '50%',\n transform: 'translate(-50%, -50%)',\n width: '90%',\n maxHeight: '90vh',\n display: 'flex',\n flexDirection: 'column',\n outline: 'none',\n};\n\n// Envuelve el componente en forwardRef\nexport const Modal = forwardRef<ModalRef, ModalProps>(({\n open: controlledOpen, // Renombra la prop 'open' si se pasa externamente\n onClose: controlledOnClose, // Renombra la prop 'onClose' si se pasa externamente\n title,\n children,\n showCloseButton = true,\n closeButtonText = \"Cerrar\",\n closeButtonDisabled = false,\n actions = [],\n maxWidth = 'sm',\n hiddenFooter = false,\n}, ref) => { // Recibe la ref\n // Estado interno para gestionar la visibilidad si no es controlado externamente\n const [internalOpen, setInternalOpen] = useState(false);\n\n // Determina si el modal está abierto, priorizando la prop externa\n const isOpen = controlledOpen !== undefined ? controlledOpen : internalOpen;\n\n // Expone métodos 'open' y 'close' a través de la ref\n useImperativeHandle(ref, () => ({\n open: () => setInternalOpen(true),\n close: () => {\n setInternalOpen(false);\n controlledOnClose?.(); // Llama al onClose externo si existe\n },\n }));\n\n const handleCloseInternal = () => {\n setInternalOpen(false);\n controlledOnClose?.(); // Llama al onClose externo si existe\n };\n\n const theme = useTheme();\n const isMobile = useMediaQuery(theme.breakpoints.down('sm'));\n\n const getWidth = () => {\n if (isMobile) return '95%';\n switch (maxWidth) {\n case 'xs': return 300;\n case 'sm': return 500;\n case 'md': return 700;\n case 'lg': return 900;\n case 'xl': return 1100;\n case false: return 'auto';\n default: return 500;\n }\n };\n\n const renderChildren = () => {\n let header: React.ReactNode | null = null;\n let body: React.ReactNode | null = null;\n let footer: React.ReactNode | null = null;\n\n React.Children.forEach(children, (child) => {\n if (React.isValidElement(child)) {\n if (child.type === ModalHeader) {\n header = child;\n } else if (child.type === ModalBody) {\n body = child;\n } else if (child.type === ModalFooter) {\n const footerChild = child as React.ReactElement<ModalFooterProps>;\n const {\n showCloseButton: childShowCloseButton,\n closeButtonText: childCloseButtonText,\n closeButtonDisabled: childCloseButtonDisabled,\n onClose: childOnClose,\n actions: childActions,\n ...restOfFooterProps\n } = footerChild.props;\n\n footer = React.cloneElement(footerChild, {\n showCloseButton,\n closeButtonText,\n closeButtonDisabled,\n onClose: handleCloseInternal, // Usa la función de cierre interna\n actions,\n ...restOfFooterProps,\n });\n }\n }\n });\n\n if (!footer && !hiddenFooter) {\n footer = (\n <ModalFooter\n showCloseButton={showCloseButton}\n closeButtonText={closeButtonText}\n closeButtonDisabled={closeButtonDisabled}\n onClose={handleCloseInternal} // Usa la función de cierre interna\n actions={actions}\n />\n );\n }\n\n return (\n <>\n {header || (title && <ModalHeader>{title}</ModalHeader>)}\n {body}\n {footer}\n </>\n );\n };\n\n return (\n <MuiModal\n open={isOpen} // Usa el estado de visibilidad determinado\n onClose={handleCloseInternal} // Usa la función de cierre interna\n aria-labelledby=\"modal-title\"\n aria-describedby=\"modal-description\"\n closeAfterTransition\n >\n <Paper sx={{ ...modalStyle, width: getWidth() }}>\n {renderChildren()}\n </Paper>\n </MuiModal>\n );\n});\n\n// Define los sub-componentes como propiedades estáticas con tipos explícitos\ntype ModalComponent = React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<ModalRef>> & {\n Header: typeof ModalHeader;\n Body: typeof ModalBody;\n Footer: typeof ModalFooter;\n};\n\nconst ModalWithStatics = Modal as ModalComponent;\n\nModalWithStatics.Header = ModalHeader;\nModalWithStatics.Body = ModalBody;\nModalWithStatics.Footer = ModalFooter;\n\nexport default ModalWithStatics;"],"names":["jsxs","Box","Stack","jsx","Button","Typography","forwardRef","useState","useImperativeHandle","useTheme","useMediaQuery","Fragment","MuiModal","Paper"],"mappings":"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"}
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
import { DialogProps } from '@mui/material/Dialog';
|
|
3
|
-
import { ModalAction, ModalFooter } from './ModalFooter';
|
|
4
|
-
import { ModalHeader } from './ModalHeader';
|
|
5
|
-
import { ModalBody } from './ModalBody';
|
|
6
|
-
export interface ModalRef {
|
|
7
|
-
open: () => void;
|
|
8
|
-
close: () => void;
|
|
9
|
-
}
|
|
10
|
-
interface ModalProps {
|
|
11
|
-
open?: boolean;
|
|
12
|
-
onClose?: () => void;
|
|
13
|
-
title?: string;
|
|
14
|
-
children: React.ReactNode;
|
|
15
|
-
showCloseButton?: boolean;
|
|
16
|
-
closeButtonText?: string;
|
|
17
|
-
closeButtonDisabled?: boolean;
|
|
18
|
-
actions?: ModalAction[];
|
|
19
|
-
maxWidth?: DialogProps['maxWidth'];
|
|
20
|
-
hiddenFooter?: boolean;
|
|
21
|
-
}
|
|
22
|
-
export declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<ModalRef>>;
|
|
23
|
-
type ModalComponent = React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<ModalRef>> & {
|
|
24
|
-
Header: typeof ModalHeader;
|
|
25
|
-
Body: typeof ModalBody;
|
|
26
|
-
Footer: typeof ModalFooter;
|
|
27
|
-
};
|
|
28
|
-
declare const ModalWithStatics: ModalComponent;
|
|
29
|
-
export default ModalWithStatics;
|