siesa-ui-kit 1.0.3 → 1.0.5
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/README.md +28 -54
- package/claude/agents/siesa-ui-kit-specialist.md +2401 -0
- package/claude/prompts/component-template.md +121 -0
- package/claude/settings.local.json +61 -0
- package/docs/border-radius.md +1261 -0
- package/docs/colors.md +832 -0
- package/docs/dark-mode-guide.md +1426 -0
- package/docs/filters.md +1243 -0
- package/docs/icons.md +1283 -0
- package/docs/shadows.md +1377 -0
- package/docs/spacing.md +1684 -0
- package/docs/typography.md +1268 -0
- package/package.json +14 -34
- package/postcss.config.cjs +6 -0
- package/public/,Business Logo.png +0 -0
- package/public/.Siesa Logo.png +0 -0
- package/public/bg_siesa.png +0 -0
- package/public/siesa_logo_mobile.png +0 -0
- package/public/vite.svg +1 -0
- package/src/App.css +42 -0
- package/src/App.tsx +8 -0
- package/src/ButtonTest.tsx +147 -0
- package/src/assets/fonts/README.md +261 -0
- package/src/assets/fonts/SiesaBT/SiesaBT-Bold.otf +0 -0
- package/src/assets/fonts/SiesaBT/SiesaBT-Light.otf +0 -0
- package/src/assets/fonts/SiesaBT/SiesaBT-Regular.otf +0 -0
- package/src/assets/react.svg +1 -0
- package/src/components/Alert/Alert.stories.tsx +332 -0
- package/src/components/Alert/Alert.tsx +106 -0
- package/src/components/Alert/Alert.types.ts +54 -0
- package/src/components/Avatar/Avatar.stories.tsx +494 -0
- package/src/components/Avatar/Avatar.tsx +143 -0
- package/src/components/Avatar/Avatar.types.ts +53 -0
- package/src/components/Badge/Badge.stories.tsx +339 -0
- package/src/components/Badge/Badge.tsx +278 -0
- package/src/components/Badge/Badge.types.ts +58 -0
- package/src/components/Button/Button.stories.tsx +950 -0
- package/src/components/Button/Button.tsx +337 -0
- package/src/components/Button/Button.types.ts +180 -0
- package/src/components/Button/icons.tsx +87 -0
- package/{dist/components/Button/index.d.ts → src/components/Button/index.ts} +3 -4
- package/src/components/Checkbox/Checkbox.stories.tsx +453 -0
- package/src/components/Checkbox/Checkbox.tsx +208 -0
- package/src/components/Checkbox/Checkbox.types.ts +61 -0
- package/src/components/DescriptionList/DescriptionList.stories.tsx +250 -0
- package/src/components/DescriptionList/DescriptionList.tsx +96 -0
- package/src/components/DescriptionList/DescriptionList.types.ts +29 -0
- package/src/components/Divider/Divider.stories.tsx +263 -0
- package/src/components/Divider/Divider.tsx +80 -0
- package/src/components/Divider/Divider.types.ts +24 -0
- package/src/components/Dropdown/Dropdown.stories.tsx +552 -0
- package/src/components/Dropdown/Dropdown.tsx +422 -0
- package/src/components/Dropdown/Dropdown.types.ts +146 -0
- package/src/components/Dropdown/README.md +266 -0
- package/src/components/Dropdown/icons.tsx +72 -0
- package/{dist/components/Dropdown/index.d.ts → src/components/Dropdown/index.ts} +8 -4
- package/src/components/Input/Input.stories.tsx +583 -0
- package/src/components/Input/Input.tsx +204 -0
- package/src/components/Input/Input.types.ts +80 -0
- package/src/components/Input/icons.tsx +145 -0
- package/{dist/components/Input/index.d.ts → src/components/Input/index.ts} +2 -3
- package/src/components/LoginView/LoginView.stories.tsx +148 -0
- package/src/components/LoginView/LoginView.tsx +426 -0
- package/src/components/LoginView/LoginView.types.ts +52 -0
- package/src/components/LoginView/README.md +396 -0
- package/src/components/LoginView/icons.tsx +85 -0
- package/{dist/components/LoginView/index.d.ts → src/components/LoginView/index.ts} +3 -4
- package/src/components/Navbar/Navbar.stories.tsx +810 -0
- package/src/components/Navbar/Navbar.tsx +755 -0
- package/src/components/Navbar/Navbar.types.ts +219 -0
- package/src/components/Navbar/README.md +279 -0
- package/src/components/Navbar/icons.tsx +102 -0
- package/src/components/Navbar/index.ts +8 -0
- package/src/components/NavigationBar/NavigationBar.stories.tsx +406 -0
- package/src/components/NavigationBar/NavigationBar.tsx +246 -0
- package/src/components/NavigationBar/NavigationBar.types.ts +74 -0
- package/src/components/NavigationBar/README.md +469 -0
- package/{dist/components/NavigationBar/index.d.ts → src/components/NavigationBar/index.ts} +2 -3
- package/src/components/NavigationRail/NavigationRail.stories.tsx +417 -0
- package/src/components/NavigationRail/NavigationRail.tsx +418 -0
- package/src/components/NavigationRail/NavigationRail.types.ts +109 -0
- package/src/components/NavigationRail/README.md +224 -0
- package/{dist/components/NavigationRail/index.d.ts → src/components/NavigationRail/index.ts} +2 -3
- package/src/components/Notification/Notification.stories.tsx +513 -0
- package/src/components/Notification/Notification.tsx +145 -0
- package/src/components/Notification/Notification.types.ts +142 -0
- package/src/components/Notification/README.md +409 -0
- package/{dist/components/Notification/index.d.ts → src/components/Notification/index.ts} +3 -3
- package/src/components/POSConvention/POSConvention.stories.tsx +235 -0
- package/src/components/POSConvention/POSConvention.tsx +129 -0
- package/{dist/components/POSConvention/POSConvention.types.d.ts → src/components/POSConvention/POSConvention.types.ts} +38 -37
- package/src/components/POSConvention/README.md +123 -0
- package/src/components/POSConvention/icons.tsx +45 -0
- package/{dist/components/POSConvention/index.d.ts → src/components/POSConvention/index.ts} +3 -4
- package/src/components/POSLocationButton/POSLocationButton.stories.tsx +531 -0
- package/src/components/POSLocationButton/POSLocationButton.tsx +247 -0
- package/src/components/POSLocationButton/POSLocationButton.types.ts +87 -0
- package/src/components/POSLocationButton/README.md +253 -0
- package/src/components/POSLocationButton/icons.tsx +120 -0
- package/src/components/POSLocationButton/index.ts +14 -0
- package/src/components/POSNumberButton/POSNumberButton.stories.tsx +415 -0
- package/src/components/POSNumberButton/POSNumberButton.tsx +179 -0
- package/src/components/POSNumberButton/POSNumberButton.types.ts +51 -0
- package/src/components/POSNumberButton/README.md +321 -0
- package/{dist/components/POSNumberButton/index.d.ts → src/components/POSNumberButton/index.ts} +3 -3
- package/src/components/POSProductButton/POSProductButton.stories.tsx +318 -0
- package/src/components/POSProductButton/POSProductButton.tsx +152 -0
- package/src/components/POSProductButton/POSProductButton.types.ts +46 -0
- package/src/components/POSProductButton/README.md +269 -0
- package/{dist/components/POSProductButton/index.d.ts → src/components/POSProductButton/index.ts} +2 -3
- package/src/components/POSProductCard/POSProductCard.stories.tsx +642 -0
- package/src/components/POSProductCard/POSProductCard.tsx +208 -0
- package/src/components/POSProductCard/POSProductCard.types.ts +76 -0
- package/src/components/POSProductCard/README.md +179 -0
- package/src/components/POSProductCard/icons.tsx +26 -0
- package/{dist/components/POSProductCard/index.d.ts → src/components/POSProductCard/index.ts} +2 -3
- package/src/components/POSProductSidebarItems/POSProductSidebarItems.stories.tsx +753 -0
- package/src/components/POSProductSidebarItems/POSProductSidebarItems.tsx +332 -0
- package/src/components/POSProductSidebarItems/POSProductSidebarItems.types.ts +119 -0
- package/src/components/POSProductSidebarItems/README.md +198 -0
- package/src/components/POSProductSidebarItems/icons.tsx +21 -0
- package/{dist/components/POSProductSidebarItems/index.d.ts → src/components/POSProductSidebarItems/index.ts} +3 -4
- package/src/components/POSTable/POSTable.stories.tsx +737 -0
- package/src/components/POSTable/POSTable.tsx +401 -0
- package/src/components/POSTable/POSTable.types.ts +83 -0
- package/src/components/POSTable/README.md +286 -0
- package/src/components/POSTable/index.ts +7 -0
- package/src/components/Pagination/Pagination.stories.tsx +555 -0
- package/src/components/Pagination/Pagination.tsx +286 -0
- package/src/components/Pagination/Pagination.types.ts +93 -0
- package/src/components/Pagination/README.md +298 -0
- package/src/components/Pagination/icons.tsx +47 -0
- package/{dist/components/Pagination/index.d.ts → src/components/Pagination/index.ts} +3 -4
- package/src/components/Quantity/Quantity.stories.tsx +457 -0
- package/src/components/Quantity/Quantity.tsx +289 -0
- package/src/components/Quantity/Quantity.types.ts +70 -0
- package/src/components/Radio/Radio.stories.tsx +523 -0
- package/src/components/Radio/Radio.tsx +170 -0
- package/src/components/Radio/Radio.types.ts +122 -0
- package/src/components/Select/README.md +299 -0
- package/src/components/Select/Select.stories.tsx +673 -0
- package/src/components/Select/Select.tsx +454 -0
- package/src/components/Select/Select.types.ts +148 -0
- package/src/components/Select/icons.tsx +50 -0
- package/{dist/components/Select/index.d.ts → src/components/Select/index.ts} +3 -4
- package/src/components/SignUpView/SignUpView.stories.tsx +129 -0
- package/src/components/SignUpView/SignUpView.tsx +503 -0
- package/src/components/SignUpView/SignUpView.types.ts +58 -0
- package/src/components/SignUpView/icons.tsx +71 -0
- package/{dist/components/SignUpView/index.d.ts → src/components/SignUpView/index.ts} +3 -4
- package/src/components/Switch/README.md +112 -0
- package/src/components/Switch/Switch.stories.tsx +550 -0
- package/src/components/Switch/Switch.tsx +246 -0
- package/src/components/Switch/Switch.types.ts +67 -0
- package/src/components/Table/README.md +369 -0
- package/src/components/Table/Table.stories.tsx +805 -0
- package/src/components/Table/Table.tsx +688 -0
- package/src/components/Table/Table.types.ts +204 -0
- package/src/components/Table/index.ts +9 -0
- package/src/components/Tabs/README.md +201 -0
- package/src/components/Tabs/Tabs.stories.tsx +580 -0
- package/src/components/Tabs/Tabs.tsx +356 -0
- package/src/components/Tabs/Tabs.types.ts +127 -0
- package/src/components/Tabs/icons.tsx +129 -0
- package/src/components/Tabs/index.ts +11 -0
- package/src/components/Textarea/Textarea.stories.tsx +535 -0
- package/src/components/Textarea/Textarea.tsx +188 -0
- package/src/components/Textarea/Textarea.types.ts +54 -0
- package/src/context/ThemeContext.tsx +99 -0
- package/{dist/context/index.d.ts → src/context/index.ts} +1 -2
- package/src/index.css +29 -0
- package/src/index.ts +39 -0
- package/src/main.tsx +10 -0
- package/src/views/ProductsView/ProductsView.stories.tsx +344 -0
- package/src/views/ProductsView/ProductsView.tsx +480 -0
- package/src/views/ProductsView/ProductsView.types.ts +238 -0
- package/src/views/ProductsView/README.md +312 -0
- package/src/views/ProductsView/icons.tsx +38 -0
- package/src/views/ProductsView/index.ts +8 -0
- package/src/views/RecoverPasswordView/README.md +269 -0
- package/src/views/RecoverPasswordView/RecoverPasswordView.stories.tsx +131 -0
- package/src/views/RecoverPasswordView/RecoverPasswordView.tsx +376 -0
- package/src/views/RecoverPasswordView/RecoverPasswordView.types.ts +56 -0
- package/src/views/RecoverPasswordView/icons.tsx +17 -0
- package/{dist/views/RecoverPasswordView/index.d.ts → src/views/RecoverPasswordView/index.ts} +2 -3
- package/src/views/TableLayoutView/README.md +268 -0
- package/src/views/TableLayoutView/TableLayoutView.stories.tsx +235 -0
- package/src/views/TableLayoutView/TableLayoutView.tsx +461 -0
- package/src/views/TableLayoutView/TableLayoutView.types.ts +209 -0
- package/src/views/TableLayoutView/icons.tsx +113 -0
- package/src/views/TableLayoutView/index.ts +6 -0
- package/storybook/main.ts +20 -0
- package/storybook/preview.tsx +84 -0
- package/storybook/vitest.setup.ts +7 -0
- package/tailwind.config.js +128 -0
- package/dist/ButtonTest.d.ts +0 -6
- package/dist/ButtonTest.d.ts.map +0 -1
- package/dist/components/Alert/Alert.d.ts +0 -23
- package/dist/components/Alert/Alert.d.ts.map +0 -1
- package/dist/components/Alert/Alert.types.d.ts +0 -46
- package/dist/components/Alert/Alert.types.d.ts.map +0 -1
- package/dist/components/Avatar/Avatar.d.ts +0 -41
- package/dist/components/Avatar/Avatar.d.ts.map +0 -1
- package/dist/components/Avatar/Avatar.types.d.ts +0 -46
- package/dist/components/Avatar/Avatar.types.d.ts.map +0 -1
- package/dist/components/Badge/Badge.d.ts +0 -42
- package/dist/components/Badge/Badge.d.ts.map +0 -1
- package/dist/components/Badge/Badge.types.d.ts +0 -32
- package/dist/components/Badge/Badge.types.d.ts.map +0 -1
- package/dist/components/Button/Button.d.ts +0 -84
- package/dist/components/Button/Button.d.ts.map +0 -1
- package/dist/components/Button/Button.types.d.ts +0 -162
- package/dist/components/Button/Button.types.d.ts.map +0 -1
- package/dist/components/Button/icons.d.ts +0 -26
- package/dist/components/Button/icons.d.ts.map +0 -1
- package/dist/components/Button/index.d.ts.map +0 -1
- package/dist/components/Checkbox/Checkbox.d.ts +0 -31
- package/dist/components/Checkbox/Checkbox.d.ts.map +0 -1
- package/dist/components/Checkbox/Checkbox.types.d.ts +0 -53
- package/dist/components/Checkbox/Checkbox.types.d.ts.map +0 -1
- package/dist/components/DescriptionList/DescriptionList.d.ts +0 -38
- package/dist/components/DescriptionList/DescriptionList.d.ts.map +0 -1
- package/dist/components/DescriptionList/DescriptionList.types.d.ts +0 -27
- package/dist/components/DescriptionList/DescriptionList.types.d.ts.map +0 -1
- package/dist/components/Divider/Divider.d.ts +0 -33
- package/dist/components/Divider/Divider.d.ts.map +0 -1
- package/dist/components/Divider/Divider.types.d.ts +0 -22
- package/dist/components/Divider/Divider.types.d.ts.map +0 -1
- package/dist/components/Dropdown/Dropdown.d.ts +0 -66
- package/dist/components/Dropdown/Dropdown.d.ts.map +0 -1
- package/dist/components/Dropdown/Dropdown.types.d.ts +0 -124
- package/dist/components/Dropdown/Dropdown.types.d.ts.map +0 -1
- package/dist/components/Dropdown/icons.d.ts +0 -10
- package/dist/components/Dropdown/icons.d.ts.map +0 -1
- package/dist/components/Dropdown/index.d.ts.map +0 -1
- package/dist/components/DropdownItemCollapsible/DropdownItemCollapsible.d.ts +0 -101
- package/dist/components/DropdownItemCollapsible/DropdownItemCollapsible.d.ts.map +0 -1
- package/dist/components/DropdownItemCollapsible/DropdownItemCollapsible.types.d.ts +0 -95
- package/dist/components/DropdownItemCollapsible/DropdownItemCollapsible.types.d.ts.map +0 -1
- package/dist/components/DropdownItemCollapsible/icons.d.ts +0 -19
- package/dist/components/DropdownItemCollapsible/icons.d.ts.map +0 -1
- package/dist/components/DropdownItemCollapsible/index.d.ts +0 -9
- package/dist/components/DropdownItemCollapsible/index.d.ts.map +0 -1
- package/dist/components/DropdownItemHeading/DropdownItemHeading.d.ts +0 -75
- package/dist/components/DropdownItemHeading/DropdownItemHeading.d.ts.map +0 -1
- package/dist/components/DropdownItemHeading/DropdownItemHeading.types.d.ts +0 -85
- package/dist/components/DropdownItemHeading/DropdownItemHeading.types.d.ts.map +0 -1
- package/dist/components/DropdownItemHeading/icons.d.ts +0 -48
- package/dist/components/DropdownItemHeading/icons.d.ts.map +0 -1
- package/dist/components/DropdownItemHeading/index.d.ts +0 -4
- package/dist/components/DropdownItemHeading/index.d.ts.map +0 -1
- package/dist/components/Input/Input.d.ts +0 -40
- package/dist/components/Input/Input.d.ts.map +0 -1
- package/dist/components/Input/Input.types.d.ts +0 -71
- package/dist/components/Input/Input.types.d.ts.map +0 -1
- package/dist/components/Input/icons.d.ts +0 -15
- package/dist/components/Input/icons.d.ts.map +0 -1
- package/dist/components/Input/index.d.ts.map +0 -1
- package/dist/components/LoginView/LoginView.d.ts +0 -36
- package/dist/components/LoginView/LoginView.d.ts.map +0 -1
- package/dist/components/LoginView/LoginView.types.d.ts +0 -46
- package/dist/components/LoginView/LoginView.types.d.ts.map +0 -1
- package/dist/components/LoginView/icons.d.ts +0 -18
- package/dist/components/LoginView/icons.d.ts.map +0 -1
- package/dist/components/LoginView/index.d.ts.map +0 -1
- package/dist/components/Navbar/Navbar.d.ts +0 -63
- package/dist/components/Navbar/Navbar.d.ts.map +0 -1
- package/dist/components/Navbar/Navbar.types.d.ts +0 -194
- package/dist/components/Navbar/Navbar.types.d.ts.map +0 -1
- package/dist/components/Navbar/icons.d.ts +0 -12
- package/dist/components/Navbar/icons.d.ts.map +0 -1
- package/dist/components/Navbar/index.d.ts +0 -4
- package/dist/components/Navbar/index.d.ts.map +0 -1
- package/dist/components/NavigationBar/NavigationBar.d.ts +0 -75
- package/dist/components/NavigationBar/NavigationBar.d.ts.map +0 -1
- package/dist/components/NavigationBar/NavigationBar.types.d.ts +0 -63
- package/dist/components/NavigationBar/NavigationBar.types.d.ts.map +0 -1
- package/dist/components/NavigationBar/index.d.ts.map +0 -1
- package/dist/components/NavigationRail/NavigationRail.d.ts +0 -7
- package/dist/components/NavigationRail/NavigationRail.d.ts.map +0 -1
- package/dist/components/NavigationRail/NavigationRail.types.d.ts +0 -92
- package/dist/components/NavigationRail/NavigationRail.types.d.ts.map +0 -1
- package/dist/components/NavigationRail/index.d.ts.map +0 -1
- package/dist/components/NavigationRailItem/NavigationRailItem.d.ts +0 -90
- package/dist/components/NavigationRailItem/NavigationRailItem.d.ts.map +0 -1
- package/dist/components/NavigationRailItem/NavigationRailItem.types.d.ts +0 -155
- package/dist/components/NavigationRailItem/NavigationRailItem.types.d.ts.map +0 -1
- package/dist/components/NavigationRailItem/index.d.ts +0 -3
- package/dist/components/NavigationRailItem/index.d.ts.map +0 -1
- package/dist/components/NavigationRailPanel/NavigationRailPanel.d.ts +0 -124
- package/dist/components/NavigationRailPanel/NavigationRailPanel.d.ts.map +0 -1
- package/dist/components/NavigationRailPanel/NavigationRailPanel.types.d.ts +0 -154
- package/dist/components/NavigationRailPanel/NavigationRailPanel.types.d.ts.map +0 -1
- package/dist/components/NavigationRailPanel/index.d.ts +0 -3
- package/dist/components/NavigationRailPanel/index.d.ts.map +0 -1
- package/dist/components/NavigationRailTypes/NavigationRailTypes.d.ts +0 -99
- package/dist/components/NavigationRailTypes/NavigationRailTypes.d.ts.map +0 -1
- package/dist/components/NavigationRailTypes/NavigationRailTypes.types.d.ts +0 -111
- package/dist/components/NavigationRailTypes/NavigationRailTypes.types.d.ts.map +0 -1
- package/dist/components/NavigationRailTypes/icons.d.ts +0 -58
- package/dist/components/NavigationRailTypes/icons.d.ts.map +0 -1
- package/dist/components/NavigationRailTypes/index.d.ts +0 -4
- package/dist/components/NavigationRailTypes/index.d.ts.map +0 -1
- package/dist/components/Notification/Notification.d.ts +0 -52
- package/dist/components/Notification/Notification.d.ts.map +0 -1
- package/dist/components/Notification/Notification.types.d.ts +0 -138
- package/dist/components/Notification/Notification.types.d.ts.map +0 -1
- package/dist/components/Notification/index.d.ts.map +0 -1
- package/dist/components/POSConvention/POSConvention.d.ts +0 -55
- package/dist/components/POSConvention/POSConvention.d.ts.map +0 -1
- package/dist/components/POSConvention/POSConvention.types.d.ts.map +0 -1
- package/dist/components/POSConvention/icons.d.ts +0 -21
- package/dist/components/POSConvention/icons.d.ts.map +0 -1
- package/dist/components/POSConvention/index.d.ts.map +0 -1
- package/dist/components/POSLocationButton/POSLocationButton.d.ts +0 -73
- package/dist/components/POSLocationButton/POSLocationButton.d.ts.map +0 -1
- package/dist/components/POSLocationButton/POSLocationButton.types.d.ts +0 -75
- package/dist/components/POSLocationButton/POSLocationButton.types.d.ts.map +0 -1
- package/dist/components/POSLocationButton/icons.d.ts +0 -37
- package/dist/components/POSLocationButton/icons.d.ts.map +0 -1
- package/dist/components/POSLocationButton/index.d.ts +0 -4
- package/dist/components/POSLocationButton/index.d.ts.map +0 -1
- package/dist/components/POSNumberButton/POSNumberButton.d.ts +0 -61
- package/dist/components/POSNumberButton/POSNumberButton.d.ts.map +0 -1
- package/dist/components/POSNumberButton/POSNumberButton.types.d.ts +0 -43
- package/dist/components/POSNumberButton/POSNumberButton.types.d.ts.map +0 -1
- package/dist/components/POSNumberButton/index.d.ts.map +0 -1
- package/dist/components/POSProductButton/POSProductButton.d.ts +0 -59
- package/dist/components/POSProductButton/POSProductButton.d.ts.map +0 -1
- package/dist/components/POSProductButton/POSProductButton.types.d.ts +0 -40
- package/dist/components/POSProductButton/POSProductButton.types.d.ts.map +0 -1
- package/dist/components/POSProductButton/index.d.ts.map +0 -1
- package/dist/components/POSProductCard/POSProductCard.d.ts +0 -68
- package/dist/components/POSProductCard/POSProductCard.d.ts.map +0 -1
- package/dist/components/POSProductCard/POSProductCard.types.d.ts +0 -67
- package/dist/components/POSProductCard/POSProductCard.types.d.ts.map +0 -1
- package/dist/components/POSProductCard/icons.d.ts +0 -10
- package/dist/components/POSProductCard/icons.d.ts.map +0 -1
- package/dist/components/POSProductCard/index.d.ts.map +0 -1
- package/dist/components/POSProductSidebarItems/POSProductSidebarItems.d.ts +0 -57
- package/dist/components/POSProductSidebarItems/POSProductSidebarItems.d.ts.map +0 -1
- package/dist/components/POSProductSidebarItems/POSProductSidebarItems.types.d.ts +0 -85
- package/dist/components/POSProductSidebarItems/POSProductSidebarItems.types.d.ts.map +0 -1
- package/dist/components/POSProductSidebarItems/icons.d.ts +0 -9
- package/dist/components/POSProductSidebarItems/icons.d.ts.map +0 -1
- package/dist/components/POSProductSidebarItems/index.d.ts.map +0 -1
- package/dist/components/POSTable/POSTable.d.ts +0 -75
- package/dist/components/POSTable/POSTable.d.ts.map +0 -1
- package/dist/components/POSTable/POSTable.types.d.ts +0 -71
- package/dist/components/POSTable/POSTable.types.d.ts.map +0 -1
- package/dist/components/POSTable/index.d.ts +0 -3
- package/dist/components/POSTable/index.d.ts.map +0 -1
- package/dist/components/Pagination/Pagination.d.ts +0 -29
- package/dist/components/Pagination/Pagination.d.ts.map +0 -1
- package/dist/components/Pagination/Pagination.types.d.ts +0 -79
- package/dist/components/Pagination/Pagination.types.d.ts.map +0 -1
- package/dist/components/Pagination/icons.d.ts +0 -18
- package/dist/components/Pagination/icons.d.ts.map +0 -1
- package/dist/components/Pagination/index.d.ts.map +0 -1
- package/dist/components/Quantity/Quantity.d.ts +0 -38
- package/dist/components/Quantity/Quantity.d.ts.map +0 -1
- package/dist/components/Quantity/Quantity.types.d.ts +0 -59
- package/dist/components/Quantity/Quantity.types.d.ts.map +0 -1
- package/dist/components/Radio/Radio.d.ts +0 -45
- package/dist/components/Radio/Radio.d.ts.map +0 -1
- package/dist/components/Radio/Radio.types.d.ts +0 -115
- package/dist/components/Radio/Radio.types.d.ts.map +0 -1
- package/dist/components/Select/Select.d.ts +0 -37
- package/dist/components/Select/Select.d.ts.map +0 -1
- package/dist/components/Select/Select.types.d.ts +0 -124
- package/dist/components/Select/Select.types.d.ts.map +0 -1
- package/dist/components/Select/icons.d.ts +0 -16
- package/dist/components/Select/icons.d.ts.map +0 -1
- package/dist/components/Select/index.d.ts.map +0 -1
- package/dist/components/SignUpView/SignUpView.d.ts +0 -38
- package/dist/components/SignUpView/SignUpView.d.ts.map +0 -1
- package/dist/components/SignUpView/SignUpView.types.d.ts +0 -51
- package/dist/components/SignUpView/SignUpView.types.d.ts.map +0 -1
- package/dist/components/SignUpView/icons.d.ts +0 -18
- package/dist/components/SignUpView/icons.d.ts.map +0 -1
- package/dist/components/SignUpView/index.d.ts.map +0 -1
- package/dist/components/Switch/Switch.d.ts +0 -46
- package/dist/components/Switch/Switch.d.ts.map +0 -1
- package/dist/components/Switch/Switch.types.d.ts +0 -58
- package/dist/components/Switch/Switch.types.d.ts.map +0 -1
- package/dist/components/Table/Table.d.ts +0 -64
- package/dist/components/Table/Table.d.ts.map +0 -1
- package/dist/components/Table/Table.types.d.ts +0 -173
- package/dist/components/Table/Table.types.d.ts.map +0 -1
- package/dist/components/Table/index.d.ts +0 -3
- package/dist/components/Table/index.d.ts.map +0 -1
- package/dist/components/Tabs/Tabs.d.ts +0 -76
- package/dist/components/Tabs/Tabs.d.ts.map +0 -1
- package/dist/components/Tabs/Tabs.types.d.ts +0 -107
- package/dist/components/Tabs/Tabs.types.d.ts.map +0 -1
- package/dist/components/Tabs/icons.d.ts +0 -45
- package/dist/components/Tabs/icons.d.ts.map +0 -1
- package/dist/components/Tabs/index.d.ts +0 -4
- package/dist/components/Tabs/index.d.ts.map +0 -1
- package/dist/components/Textarea/Textarea.d.ts +0 -38
- package/dist/components/Textarea/Textarea.d.ts.map +0 -1
- package/dist/components/Textarea/Textarea.types.d.ts +0 -46
- package/dist/components/Textarea/Textarea.types.d.ts.map +0 -1
- package/dist/context/ThemeContext.d.ts +0 -46
- package/dist/context/ThemeContext.d.ts.map +0 -1
- package/dist/context/index.d.ts.map +0 -1
- package/dist/index.d.ts +0 -56
- package/dist/index.d.ts.map +0 -1
- package/dist/siesa-ui-kit.cjs +0 -1260
- package/dist/siesa-ui-kit.cjs.map +0 -1
- package/dist/siesa-ui-kit.mjs +0 -4496
- package/dist/siesa-ui-kit.mjs.map +0 -1
- package/dist/views/ListView/ListView.d.ts +0 -47
- package/dist/views/ListView/ListView.d.ts.map +0 -1
- package/dist/views/ListView/ListView.types.d.ts +0 -177
- package/dist/views/ListView/ListView.types.d.ts.map +0 -1
- package/dist/views/ListView/icons.d.ts +0 -60
- package/dist/views/ListView/icons.d.ts.map +0 -1
- package/dist/views/ListView/index.d.ts +0 -3
- package/dist/views/ListView/index.d.ts.map +0 -1
- package/dist/views/LoginView/LoginView.d.ts +0 -36
- package/dist/views/LoginView/LoginView.d.ts.map +0 -1
- package/dist/views/LoginView/LoginView.types.d.ts +0 -46
- package/dist/views/LoginView/LoginView.types.d.ts.map +0 -1
- package/dist/views/LoginView/icons.d.ts +0 -18
- package/dist/views/LoginView/icons.d.ts.map +0 -1
- package/dist/views/LoginView/index.d.ts +0 -4
- package/dist/views/LoginView/index.d.ts.map +0 -1
- package/dist/views/ProductsView/ProductsView.d.ts +0 -56
- package/dist/views/ProductsView/ProductsView.d.ts.map +0 -1
- package/dist/views/ProductsView/ProductsView.types.d.ts +0 -184
- package/dist/views/ProductsView/ProductsView.types.d.ts.map +0 -1
- package/dist/views/ProductsView/icons.d.ts +0 -12
- package/dist/views/ProductsView/icons.d.ts.map +0 -1
- package/dist/views/ProductsView/index.d.ts +0 -3
- package/dist/views/ProductsView/index.d.ts.map +0 -1
- package/dist/views/RecoverPasswordView/RecoverPasswordView.d.ts +0 -34
- package/dist/views/RecoverPasswordView/RecoverPasswordView.d.ts.map +0 -1
- package/dist/views/RecoverPasswordView/RecoverPasswordView.types.d.ts +0 -50
- package/dist/views/RecoverPasswordView/RecoverPasswordView.types.d.ts.map +0 -1
- package/dist/views/RecoverPasswordView/icons.d.ts +0 -9
- package/dist/views/RecoverPasswordView/icons.d.ts.map +0 -1
- package/dist/views/RecoverPasswordView/index.d.ts.map +0 -1
- package/dist/views/SignUpView/SignUpView.d.ts +0 -38
- package/dist/views/SignUpView/SignUpView.d.ts.map +0 -1
- package/dist/views/SignUpView/SignUpView.types.d.ts +0 -51
- package/dist/views/SignUpView/SignUpView.types.d.ts.map +0 -1
- package/dist/views/SignUpView/icons.d.ts +0 -18
- package/dist/views/SignUpView/icons.d.ts.map +0 -1
- package/dist/views/SignUpView/index.d.ts +0 -4
- package/dist/views/SignUpView/index.d.ts.map +0 -1
- package/dist/views/TableLayoutView/TableLayoutView.d.ts +0 -46
- package/dist/views/TableLayoutView/TableLayoutView.d.ts.map +0 -1
- package/dist/views/TableLayoutView/TableLayoutView.types.d.ts +0 -170
- package/dist/views/TableLayoutView/TableLayoutView.types.d.ts.map +0 -1
- package/dist/views/TableLayoutView/icons.d.ts +0 -27
- package/dist/views/TableLayoutView/icons.d.ts.map +0 -1
- package/dist/views/TableLayoutView/index.d.ts +0 -3
- package/dist/views/TableLayoutView/index.d.ts.map +0 -1
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import type { ListViewProps } from './ListView.types';
|
|
2
|
-
/**
|
|
3
|
-
* ListView - Vista de lista del sistema de diseño Siesa
|
|
4
|
-
*
|
|
5
|
-
* Vista completa que incluye:
|
|
6
|
-
* - Navigation Rail lateral con FAB
|
|
7
|
-
* - Navbar superior con logo, título, notificaciones y dropdown de usuario
|
|
8
|
-
* - Barra de filtros rápidos con badges
|
|
9
|
-
* - Tabla de datos con cabecera, cuerpo y paginación
|
|
10
|
-
* - Botones de acción (Crear, Auditoría, Filtrar)
|
|
11
|
-
* - Buscador integrado
|
|
12
|
-
* - Dropdown de opciones de vista
|
|
13
|
-
*
|
|
14
|
-
* Mejores prácticas implementadas:
|
|
15
|
-
* - Orden de modificadores: {responsive}:{dark}:{state}:{utility}
|
|
16
|
-
* - Dark mode con estrategia 'class' (darkMode: 'class')
|
|
17
|
-
* - Tokens de color consistentes con la documentación
|
|
18
|
-
* - Type safety con TypeScript estricto
|
|
19
|
-
* - Accesibilidad con ARIA labels y keyboard navigation
|
|
20
|
-
*
|
|
21
|
-
* @see docs/colors.md - Sistema de colores
|
|
22
|
-
* @see docs/typography.md - Sistema tipográfico
|
|
23
|
-
* @see docs/spacing.md - Sistema de espaciado
|
|
24
|
-
* @see docs/shadows.md - Sistema de sombras
|
|
25
|
-
*
|
|
26
|
-
* @example
|
|
27
|
-
* ```tsx
|
|
28
|
-
* <ListView
|
|
29
|
-
* title="List View"
|
|
30
|
-
* tableTitle="Usuarios"
|
|
31
|
-
* columns={columns}
|
|
32
|
-
* data={users}
|
|
33
|
-
* userDropdown={{
|
|
34
|
-
* avatar: '/avatar.jpg',
|
|
35
|
-
* name: 'John Doe',
|
|
36
|
-
* role: 'Administrador',
|
|
37
|
-
* }}
|
|
38
|
-
* pagination={{
|
|
39
|
-
* currentPage: 1,
|
|
40
|
-
* totalPages: 10,
|
|
41
|
-
* onPageChange: (page) => console.log(page),
|
|
42
|
-
* }}
|
|
43
|
-
* />
|
|
44
|
-
* ```
|
|
45
|
-
*/
|
|
46
|
-
export declare const ListView: <T extends Record<string, any>>({ title, navbarTitle, tableTitle, columns, data, navigationItems, quickFilters, actionButtons, userDropdown, notifications, showFab, fabIcon, onFabClick, onSearch, searchPlaceholder, onSort, sortColumn: externalSortColumn, sortDirection: externalSortDirection, pagination, loading, loadingRows, emptyMessage, className, selectedNavId, onNavSelect, onNotificationsClick, viewOptions, selectedViewOption, onViewOptionChange, }: ListViewProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
47
|
-
//# sourceMappingURL=ListView.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ListView.d.ts","sourceRoot":"","sources":["../../../src/views/ListView/ListView.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAyB,MAAM,kBAAkB,CAAC;AAsB7E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,eAAO,MAAM,QAAQ,GAAI,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,0aAgCrD,aAAa,CAAC,CAAC,CAAC,4CAsdlB,CAAC"}
|
|
@@ -1,177 +0,0 @@
|
|
|
1
|
-
import type { ReactNode, ReactElement } from 'react';
|
|
2
|
-
import type { BadgeColor } from '../../components/Badge/Badge.types';
|
|
3
|
-
/**
|
|
4
|
-
* Interfaz para los items de navegación (Navigation Rail)
|
|
5
|
-
*/
|
|
6
|
-
export interface ListViewNavigationItem {
|
|
7
|
-
/** ID único del item */
|
|
8
|
-
id: string;
|
|
9
|
-
/** Icono del item */
|
|
10
|
-
icon: ReactNode;
|
|
11
|
-
/** Label del item */
|
|
12
|
-
label: string;
|
|
13
|
-
/** Si el item está seleccionado */
|
|
14
|
-
selected?: boolean;
|
|
15
|
-
/** Si el item está deshabilitado */
|
|
16
|
-
disabled?: boolean;
|
|
17
|
-
/** Badge de notificación */
|
|
18
|
-
badge?: boolean;
|
|
19
|
-
/** Contador de badge */
|
|
20
|
-
badgeCount?: number;
|
|
21
|
-
/** Handler de click */
|
|
22
|
-
onClick?: () => void;
|
|
23
|
-
}
|
|
24
|
-
/**
|
|
25
|
-
* Interfaz para los filtros rápidos (badges en la barra de navegación)
|
|
26
|
-
*/
|
|
27
|
-
export interface ListViewQuickFilter {
|
|
28
|
-
/** ID único del filtro */
|
|
29
|
-
id: string;
|
|
30
|
-
/** Label del filtro */
|
|
31
|
-
label: string;
|
|
32
|
-
/** Color del badge */
|
|
33
|
-
color: BadgeColor;
|
|
34
|
-
/** Icono del filtro */
|
|
35
|
-
icon?: ReactElement;
|
|
36
|
-
/** Si el filtro está activo */
|
|
37
|
-
active?: boolean;
|
|
38
|
-
/** Handler de click */
|
|
39
|
-
onClick?: () => void;
|
|
40
|
-
}
|
|
41
|
-
/**
|
|
42
|
-
* Interfaz para las columnas de la tabla
|
|
43
|
-
*/
|
|
44
|
-
export interface ListViewColumn<T = any> {
|
|
45
|
-
/** Título del header */
|
|
46
|
-
header: string;
|
|
47
|
-
/** Key del objeto para acceder al valor */
|
|
48
|
-
accessor: keyof T | ((row: T) => any);
|
|
49
|
-
/** Si es sortable */
|
|
50
|
-
sortable?: boolean;
|
|
51
|
-
/** Render custom */
|
|
52
|
-
render?: (value: any, row: T, index: number) => ReactNode;
|
|
53
|
-
/** Alineación */
|
|
54
|
-
align?: 'left' | 'center' | 'right';
|
|
55
|
-
/** Ancho */
|
|
56
|
-
width?: string;
|
|
57
|
-
}
|
|
58
|
-
/**
|
|
59
|
-
* Interfaz para los datos del dropdown de usuario
|
|
60
|
-
*/
|
|
61
|
-
export interface ListViewUserDropdown {
|
|
62
|
-
/** URL del avatar */
|
|
63
|
-
avatar: string;
|
|
64
|
-
/** Nombre del usuario */
|
|
65
|
-
name: string;
|
|
66
|
-
/** Email o rol del usuario */
|
|
67
|
-
email?: string;
|
|
68
|
-
/** Rol del usuario */
|
|
69
|
-
role?: string;
|
|
70
|
-
/** Handler del click en menú */
|
|
71
|
-
onMenuClick?: () => void;
|
|
72
|
-
}
|
|
73
|
-
/**
|
|
74
|
-
* Interfaz para las notificaciones
|
|
75
|
-
*/
|
|
76
|
-
export interface ListViewNotifications {
|
|
77
|
-
/** Contador del carrito */
|
|
78
|
-
cart?: number;
|
|
79
|
-
/** Si tiene notificaciones de campana */
|
|
80
|
-
bell?: boolean;
|
|
81
|
-
}
|
|
82
|
-
/**
|
|
83
|
-
* Interfaz para los botones de acción
|
|
84
|
-
*/
|
|
85
|
-
export interface ListViewActionButton {
|
|
86
|
-
/** ID del botón */
|
|
87
|
-
id: string;
|
|
88
|
-
/** Label del botón */
|
|
89
|
-
label: string;
|
|
90
|
-
/** Icono del botón */
|
|
91
|
-
icon?: ReactNode;
|
|
92
|
-
/** Handler del click */
|
|
93
|
-
onClick?: () => void;
|
|
94
|
-
/** Variante del botón */
|
|
95
|
-
variant?: 'primary' | 'secondary';
|
|
96
|
-
}
|
|
97
|
-
/**
|
|
98
|
-
* Dirección de ordenamiento
|
|
99
|
-
*/
|
|
100
|
-
export type ListViewSortDirection = 'asc' | 'desc' | null;
|
|
101
|
-
/**
|
|
102
|
-
* Props del componente ListView
|
|
103
|
-
*/
|
|
104
|
-
export interface ListViewProps<T = any> {
|
|
105
|
-
/** Título de la vista */
|
|
106
|
-
title?: string;
|
|
107
|
-
/** Título del navbar */
|
|
108
|
-
navbarTitle?: string;
|
|
109
|
-
/** Título de la tabla */
|
|
110
|
-
tableTitle?: string;
|
|
111
|
-
/** Columnas de la tabla */
|
|
112
|
-
columns: ListViewColumn<T>[];
|
|
113
|
-
/** Datos de la tabla */
|
|
114
|
-
data: T[];
|
|
115
|
-
/** Items de navegación lateral */
|
|
116
|
-
navigationItems?: ListViewNavigationItem[];
|
|
117
|
-
/** Filtros rápidos */
|
|
118
|
-
quickFilters?: ListViewQuickFilter[];
|
|
119
|
-
/** Botones de acción */
|
|
120
|
-
actionButtons?: ListViewActionButton[];
|
|
121
|
-
/** Dropdown del usuario */
|
|
122
|
-
userDropdown?: ListViewUserDropdown;
|
|
123
|
-
/** Notificaciones */
|
|
124
|
-
notifications?: ListViewNotifications;
|
|
125
|
-
/** Badge de ambiente */
|
|
126
|
-
environmentBadge?: string;
|
|
127
|
-
/** Si mostrar el FAB en navigation rail */
|
|
128
|
-
showFab?: boolean;
|
|
129
|
-
/** Icono del FAB */
|
|
130
|
-
fabIcon?: ReactNode;
|
|
131
|
-
/** Handler del FAB */
|
|
132
|
-
onFabClick?: () => void;
|
|
133
|
-
/** Handler de búsqueda */
|
|
134
|
-
onSearch?: (query: string) => void;
|
|
135
|
-
/** Placeholder del buscador */
|
|
136
|
-
searchPlaceholder?: string;
|
|
137
|
-
/** Handler de ordenamiento */
|
|
138
|
-
onSort?: (column: keyof T | string, direction: ListViewSortDirection) => void;
|
|
139
|
-
/** Columna de ordenamiento actual */
|
|
140
|
-
sortColumn?: keyof T | string;
|
|
141
|
-
/** Dirección de ordenamiento actual */
|
|
142
|
-
sortDirection?: ListViewSortDirection;
|
|
143
|
-
/** Props de paginación */
|
|
144
|
-
pagination?: {
|
|
145
|
-
currentPage: number;
|
|
146
|
-
totalPages: number;
|
|
147
|
-
onPageChange: (page: number) => void;
|
|
148
|
-
previousLabel?: string;
|
|
149
|
-
nextLabel?: string;
|
|
150
|
-
};
|
|
151
|
-
/** Si está cargando */
|
|
152
|
-
loading?: boolean;
|
|
153
|
-
/** Número de filas skeleton */
|
|
154
|
-
loadingRows?: number;
|
|
155
|
-
/** Mensaje cuando no hay datos */
|
|
156
|
-
emptyMessage?: string;
|
|
157
|
-
/** Clases adicionales */
|
|
158
|
-
className?: string;
|
|
159
|
-
/** ID de navegación seleccionado */
|
|
160
|
-
selectedNavId?: string;
|
|
161
|
-
/** Handler de selección de navegación */
|
|
162
|
-
onNavSelect?: (id: string) => void;
|
|
163
|
-
/** Handler click en carrito */
|
|
164
|
-
onCartClick?: () => void;
|
|
165
|
-
/** Handler click en notificaciones */
|
|
166
|
-
onNotificationsClick?: () => void;
|
|
167
|
-
/** Opciones del dropdown de vista */
|
|
168
|
-
viewOptions?: Array<{
|
|
169
|
-
id: string;
|
|
170
|
-
label: string;
|
|
171
|
-
}>;
|
|
172
|
-
/** Opción de vista seleccionada */
|
|
173
|
-
selectedViewOption?: string;
|
|
174
|
-
/** Handler de cambio de opción de vista */
|
|
175
|
-
onViewOptionChange?: (id: string) => void;
|
|
176
|
-
}
|
|
177
|
-
//# sourceMappingURL=ListView.types.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ListView.types.d.ts","sourceRoot":"","sources":["../../../src/views/ListView/ListView.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAErE;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,wBAAwB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,qBAAqB;IACrB,IAAI,EAAE,SAAS,CAAC;IAChB,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,wBAAwB;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,uBAAuB;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,0BAA0B;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,uBAAuB;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,sBAAsB;IACtB,KAAK,EAAE,UAAU,CAAC;IAClB,uBAAuB;IACvB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,+BAA+B;IAC/B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,uBAAuB;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc,CAAC,CAAC,GAAG,GAAG;IACrC,wBAAwB;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,QAAQ,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC;IACtC,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IAC1D,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,YAAY;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,qBAAqB;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,yBAAyB;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sBAAsB;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gCAAgC;IAChC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,2BAA2B;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yCAAyC;IACzC,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,mBAAmB;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,sBAAsB;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,sBAAsB;IACtB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,wBAAwB;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,yBAAyB;IACzB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;CACnC;AAED;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG,KAAK,GAAG,MAAM,GAAG,IAAI,CAAC;AAE1D;;GAEG;AACH,MAAM,WAAW,aAAa,CAAC,CAAC,GAAG,GAAG;IACpC,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,wBAAwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,yBAAyB;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,2BAA2B;IAC3B,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC;IAE7B,wBAAwB;IACxB,IAAI,EAAE,CAAC,EAAE,CAAC;IAEV,kCAAkC;IAClC,eAAe,CAAC,EAAE,sBAAsB,EAAE,CAAC;IAE3C,sBAAsB;IACtB,YAAY,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAErC,wBAAwB;IACxB,aAAa,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAEvC,2BAA2B;IAC3B,YAAY,CAAC,EAAE,oBAAoB,CAAC;IAEpC,qBAAqB;IACrB,aAAa,CAAC,EAAE,qBAAqB,CAAC;IAEtC,wBAAwB;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,2CAA2C;IAC3C,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,oBAAoB;IACpB,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB,sBAAsB;IACtB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IAExB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC,+BAA+B;IAC/B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,8BAA8B;IAC9B,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,EAAE,SAAS,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAE9E,qCAAqC;IACrC,UAAU,CAAC,EAAE,MAAM,CAAC,GAAG,MAAM,CAAC;IAE9B,uCAAuC;IACvC,aAAa,CAAC,EAAE,qBAAqB,CAAC;IAEtC,0BAA0B;IAC1B,UAAU,CAAC,EAAE;QACX,WAAW,EAAE,MAAM,CAAC;QACpB,UAAU,EAAE,MAAM,CAAC;QACnB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;QACrC,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IAEF,uBAAuB;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,+BAA+B;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,kCAAkC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,yBAAyB;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,oCAAoC;IACpC,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,yCAAyC;IACzC,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC,+BAA+B;IAC/B,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IAEzB,sCAAsC;IACtC,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAElC,qCAAqC;IACrC,WAAW,CAAC,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAEnD,mCAAmC;IACnC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B,2CAA2C;IAC3C,kBAAkB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C"}
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
/**
|
|
3
|
-
* Iconos para ListView del sistema de diseño Siesa
|
|
4
|
-
* Basados en Heroicons Micro (16x16)
|
|
5
|
-
*/
|
|
6
|
-
export declare const HomeIcon: React.FC<{
|
|
7
|
-
className?: string;
|
|
8
|
-
}>;
|
|
9
|
-
export declare const GlobeAltIcon: React.FC<{
|
|
10
|
-
className?: string;
|
|
11
|
-
}>;
|
|
12
|
-
export declare const DocumentTextIcon: React.FC<{
|
|
13
|
-
className?: string;
|
|
14
|
-
}>;
|
|
15
|
-
export declare const CloudIcon: React.FC<{
|
|
16
|
-
className?: string;
|
|
17
|
-
}>;
|
|
18
|
-
export declare const SquaresPlusIcon: React.FC<{
|
|
19
|
-
className?: string;
|
|
20
|
-
}>;
|
|
21
|
-
export declare const MagnifyingGlassIcon: React.FC<{
|
|
22
|
-
className?: string;
|
|
23
|
-
}>;
|
|
24
|
-
export declare const PlusIcon: React.FC<{
|
|
25
|
-
className?: string;
|
|
26
|
-
}>;
|
|
27
|
-
export declare const ListBulletIcon: React.FC<{
|
|
28
|
-
className?: string;
|
|
29
|
-
}>;
|
|
30
|
-
export declare const FunnelIcon: React.FC<{
|
|
31
|
-
className?: string;
|
|
32
|
-
}>;
|
|
33
|
-
export declare const DocumentCheckIcon: React.FC<{
|
|
34
|
-
className?: string;
|
|
35
|
-
}>;
|
|
36
|
-
export declare const DocumentMinusIcon: React.FC<{
|
|
37
|
-
className?: string;
|
|
38
|
-
}>;
|
|
39
|
-
export declare const DocumentArrowUpIcon: React.FC<{
|
|
40
|
-
className?: string;
|
|
41
|
-
}>;
|
|
42
|
-
export declare const BellIcon: React.FC<{
|
|
43
|
-
className?: string;
|
|
44
|
-
}>;
|
|
45
|
-
export declare const ChevronDownIcon: React.FC<{
|
|
46
|
-
className?: string;
|
|
47
|
-
}>;
|
|
48
|
-
export declare const ArrowLongLeftIcon: React.FC<{
|
|
49
|
-
className?: string;
|
|
50
|
-
}>;
|
|
51
|
-
export declare const ArrowLongRightIcon: React.FC<{
|
|
52
|
-
className?: string;
|
|
53
|
-
}>;
|
|
54
|
-
export declare const EllipsisHorizontalIcon: React.FC<{
|
|
55
|
-
className?: string;
|
|
56
|
-
}>;
|
|
57
|
-
export declare const EnvelopeIcon: React.FC<{
|
|
58
|
-
className?: string;
|
|
59
|
-
}>;
|
|
60
|
-
//# sourceMappingURL=icons.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/views/ListView/icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;GAGG;AAEH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAWrD,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAWzD,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAe7D,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAWtD,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAW5D,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAehE,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAWrD,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAe3D,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAYvD,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAe9D,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAe9D,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAehE,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAerD,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAe5D,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAe9D,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAe/D,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAWnE,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAYzD,CAAC"}
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
export { ListView } from './ListView';
|
|
2
|
-
export type { ListViewProps, ListViewColumn, ListViewNavigationItem, ListViewQuickFilter, ListViewUserDropdown, ListViewNotifications, ListViewActionButton, ListViewSortDirection, } from './ListView.types';
|
|
3
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/ListView/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EACV,aAAa,EACb,cAAc,EACd,sBAAsB,EACtB,mBAAmB,EACnB,oBAAoB,EACpB,qBAAqB,EACrB,oBAAoB,EACpB,qBAAqB,GACtB,MAAM,kBAAkB,CAAC"}
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import type { LoginViewProps } from './LoginView.types';
|
|
3
|
-
/**
|
|
4
|
-
* LoginView - Vista de inicio de sesión del sistema Siesa
|
|
5
|
-
*
|
|
6
|
-
* Vista completa de login con formulario de autenticación que incluye:
|
|
7
|
-
* - Logo de Siesa
|
|
8
|
-
* - Campos de email y contraseña
|
|
9
|
-
* - Opción de "olvidé mi contraseña"
|
|
10
|
-
* - Link para crear cuenta nueva
|
|
11
|
-
* - Fondo decorativo opcional
|
|
12
|
-
*
|
|
13
|
-
* Mejores prácticas implementadas:
|
|
14
|
-
* - Orden de modificadores: {responsive}:{dark}:{state}:{utility}
|
|
15
|
-
* - Dark mode con estrategia 'class' (darkMode: 'class')
|
|
16
|
-
* - Tokens de color consistentes con la documentación
|
|
17
|
-
* - Type safety con TypeScript estricto
|
|
18
|
-
* - Accesibilidad con ARIA labels y manejo de formulario semántico
|
|
19
|
-
* - Validación de email básica
|
|
20
|
-
*
|
|
21
|
-
* @see docs/colors.md - Sistema de colores
|
|
22
|
-
* @see docs/typography.md - Sistema tipográfico
|
|
23
|
-
* @see docs/spacing.md - Sistema de espaciado
|
|
24
|
-
* @see docs/shadows.md - Sistema de sombras
|
|
25
|
-
*
|
|
26
|
-
* @example
|
|
27
|
-
* ```tsx
|
|
28
|
-
* <LoginView
|
|
29
|
-
* onSubmit={(email, password) => console.log('Login', email, password)}
|
|
30
|
-
* onForgotPassword={() => console.log('Forgot password')}
|
|
31
|
-
* onSignUp={() => console.log('Sign up')}
|
|
32
|
-
* />
|
|
33
|
-
* ```
|
|
34
|
-
*/
|
|
35
|
-
export declare const LoginView: React.FC<LoginViewProps>;
|
|
36
|
-
//# sourceMappingURL=LoginView.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LoginView.d.ts","sourceRoot":"","sources":["../../../src/views/LoginView/LoginView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGxD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAoY9C,CAAC"}
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Props del componente LoginView
|
|
3
|
-
*/
|
|
4
|
-
export interface LoginViewProps {
|
|
5
|
-
/**
|
|
6
|
-
* Handler para el submit del formulario de login
|
|
7
|
-
* @param email - Email ingresado por el usuario
|
|
8
|
-
* @param password - Contraseña ingresada por el usuario
|
|
9
|
-
*/
|
|
10
|
-
onSubmit?: (email: string, password: string) => void;
|
|
11
|
-
/**
|
|
12
|
-
* Handler para el click en "Olvidé mi Contraseña"
|
|
13
|
-
*/
|
|
14
|
-
onForgotPassword?: () => void;
|
|
15
|
-
/**
|
|
16
|
-
* Handler para el click en "¿No tienes una cuenta?"
|
|
17
|
-
*/
|
|
18
|
-
onSignUp?: () => void;
|
|
19
|
-
/**
|
|
20
|
-
* Estado de carga del botón de submit
|
|
21
|
-
* @default false
|
|
22
|
-
*/
|
|
23
|
-
isLoading?: boolean;
|
|
24
|
-
/**
|
|
25
|
-
* Mensaje de error general para mostrar en el formulario
|
|
26
|
-
*/
|
|
27
|
-
errorMessage?: string;
|
|
28
|
-
/**
|
|
29
|
-
* Clases CSS adicionales para el contenedor
|
|
30
|
-
*/
|
|
31
|
-
className?: string;
|
|
32
|
-
/**
|
|
33
|
-
* Si se muestra el fondo decorativo con imagen
|
|
34
|
-
* @default true
|
|
35
|
-
*/
|
|
36
|
-
showBackground?: boolean;
|
|
37
|
-
/**
|
|
38
|
-
* Variante de visualización
|
|
39
|
-
* - 'responsive': Se adapta según el viewport (default)
|
|
40
|
-
* - 'mobile': Siempre se muestra como mobile sin efectos de card
|
|
41
|
-
* - 'desktop': Siempre se muestra como desktop con card
|
|
42
|
-
* @default 'responsive'
|
|
43
|
-
*/
|
|
44
|
-
variant?: 'responsive' | 'mobile' | 'desktop';
|
|
45
|
-
}
|
|
46
|
-
//# sourceMappingURL=LoginView.types.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LoginView.types.d.ts","sourceRoot":"","sources":["../../../src/views/LoginView/LoginView.types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAErD;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAE9B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,YAAY,GAAG,QAAQ,GAAG,SAAS,CAAC;CAC/C"}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
/**
|
|
3
|
-
* Icono de sobre (envelope) para el input de email
|
|
4
|
-
*/
|
|
5
|
-
export declare const EnvelopeIcon: React.FC<React.SVGProps<SVGSVGElement>>;
|
|
6
|
-
/**
|
|
7
|
-
* Icono de candado cerrado (lock) para el input de contraseña
|
|
8
|
-
*/
|
|
9
|
-
export declare const LockClosedIcon: React.FC<React.SVGProps<SVGSVGElement>>;
|
|
10
|
-
/**
|
|
11
|
-
* Icono de ojo (eye) para mostrar/ocultar contraseña
|
|
12
|
-
*/
|
|
13
|
-
export declare const EyeIcon: React.FC<React.SVGProps<SVGSVGElement>>;
|
|
14
|
-
/**
|
|
15
|
-
* Logo de Siesa
|
|
16
|
-
*/
|
|
17
|
-
export declare const SiesaLogo: React.FC<React.SVGProps<SVGSVGElement>>;
|
|
18
|
-
//# sourceMappingURL=icons.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/views/LoginView/icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAUhE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAalE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAc3D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CA2B7D,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/LoginView/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import type { ProductsViewProps } from './ProductsView.types';
|
|
3
|
-
/**
|
|
4
|
-
* ProductsView - Vista de selección de productos para sistema POS
|
|
5
|
-
*
|
|
6
|
-
* Vista completa para sistemas POS que permite:
|
|
7
|
-
* - Seleccionar categorías de productos
|
|
8
|
-
* - Ver y agregar productos al pedido
|
|
9
|
-
* - Gestionar items del pedido (cantidad, eliminar)
|
|
10
|
-
* - Ver resumen con subtotal, impuestos y total
|
|
11
|
-
* - Confirmar pedido
|
|
12
|
-
*
|
|
13
|
-
* **Composición:**
|
|
14
|
-
* - Navbar superior con navegación y usuario
|
|
15
|
-
* - Área de contenido con 3 columnas:
|
|
16
|
-
* - Columna 1: Sidebar de categorías (POSProductButton)
|
|
17
|
-
* - Columna 2: Grid de productos (POSProductCard)
|
|
18
|
-
* - Columna 3: Sidebar de pedido (POSProductSidebarItems)
|
|
19
|
-
*
|
|
20
|
-
* **Responsive:**
|
|
21
|
-
* - Mobile (< 768px): Layout vertical adaptativo
|
|
22
|
-
* - Desktop (≥ 768px): Layout de 3 columnas según Figma
|
|
23
|
-
*
|
|
24
|
-
* **Dark Mode:**
|
|
25
|
-
* - Soporte completo con tokens del sistema
|
|
26
|
-
* - Fondos, textos y bordes adaptativos
|
|
27
|
-
*
|
|
28
|
-
* Mejores prácticas implementadas:
|
|
29
|
-
* - Orden de modificadores: {responsive}:{dark}:{state}:{utility}
|
|
30
|
-
* - Dark mode con estrategia 'class' (darkMode: 'class')
|
|
31
|
-
* - Tokens de color consistentes con la documentación
|
|
32
|
-
* - Type safety con TypeScript estricto
|
|
33
|
-
* - Responsive design con breakpoints
|
|
34
|
-
* - Composición con componentes del sistema
|
|
35
|
-
*
|
|
36
|
-
* @see docs/colors.md - Sistema de colores
|
|
37
|
-
* @see docs/typography.md - Sistema tipográfico
|
|
38
|
-
* @see docs/spacing.md - Sistema de espaciado
|
|
39
|
-
* @see src/components/POSProductButton - Botón de categoría
|
|
40
|
-
* @see src/components/POSProductCard - Card de producto
|
|
41
|
-
* @see src/components/POSProductSidebarItems - Item de pedido
|
|
42
|
-
*
|
|
43
|
-
* @example
|
|
44
|
-
* ```tsx
|
|
45
|
-
* <ProductsView
|
|
46
|
-
* tableTitle="Mesa 1"
|
|
47
|
-
* categories={categories}
|
|
48
|
-
* products={products}
|
|
49
|
-
* orderItems={orderItems}
|
|
50
|
-
* onAddProduct={(id) => console.log('Agregar', id)}
|
|
51
|
-
* onConfirmOrder={() => console.log('Confirmar')}
|
|
52
|
-
* />
|
|
53
|
-
* ```
|
|
54
|
-
*/
|
|
55
|
-
export declare const ProductsView: React.FC<ProductsViewProps>;
|
|
56
|
-
//# sourceMappingURL=ProductsView.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ProductsView.d.ts","sourceRoot":"","sources":["../../../src/views/ProductsView/ProductsView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAY9D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmDG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA4ZpD,CAAC"}
|
|
@@ -1,184 +0,0 @@
|
|
|
1
|
-
import type { ReactNode } from 'react';
|
|
2
|
-
/**
|
|
3
|
-
* Categoría de producto
|
|
4
|
-
*/
|
|
5
|
-
export interface ProductCategory {
|
|
6
|
-
id: string;
|
|
7
|
-
label: string;
|
|
8
|
-
image: string;
|
|
9
|
-
}
|
|
10
|
-
/**
|
|
11
|
-
* Producto individual
|
|
12
|
-
*/
|
|
13
|
-
export interface Product {
|
|
14
|
-
id: string;
|
|
15
|
-
name: string;
|
|
16
|
-
price: string;
|
|
17
|
-
image: string;
|
|
18
|
-
categoryId: string;
|
|
19
|
-
}
|
|
20
|
-
/**
|
|
21
|
-
* Item en el carrito/pedido
|
|
22
|
-
*/
|
|
23
|
-
export interface OrderItem {
|
|
24
|
-
productId: string;
|
|
25
|
-
productName: string;
|
|
26
|
-
categoryLabel: string;
|
|
27
|
-
categoryColor?: 'lime' | 'red' | 'orange' | 'amber' | 'yellow' | 'green' | 'emerald' | 'teal' | 'cyan' | 'sky' | 'blue' | 'indigo' | 'violet' | 'purple' | 'fuchsia' | 'pink' | 'rose' | 'zinc' | 'primary';
|
|
28
|
-
productRef: string;
|
|
29
|
-
price: string;
|
|
30
|
-
quantity: number;
|
|
31
|
-
descriptionItems?: Array<{
|
|
32
|
-
description: string;
|
|
33
|
-
price: string;
|
|
34
|
-
}>;
|
|
35
|
-
}
|
|
36
|
-
/**
|
|
37
|
-
* Menú disponible
|
|
38
|
-
*/
|
|
39
|
-
export interface Menu {
|
|
40
|
-
id: string;
|
|
41
|
-
label: string;
|
|
42
|
-
}
|
|
43
|
-
/**
|
|
44
|
-
* Props del componente ProductsView
|
|
45
|
-
*/
|
|
46
|
-
export interface ProductsViewProps {
|
|
47
|
-
/**
|
|
48
|
-
* Título del header (ej: "Mesa 1")
|
|
49
|
-
* @default "Mesa 1"
|
|
50
|
-
*/
|
|
51
|
-
tableTitle?: string;
|
|
52
|
-
/**
|
|
53
|
-
* Label del botón de cambiar mesa
|
|
54
|
-
* @default "Cambiar Mesa"
|
|
55
|
-
*/
|
|
56
|
-
changeTableLabel?: string;
|
|
57
|
-
/**
|
|
58
|
-
* Título de la sección de menús
|
|
59
|
-
* @default "Menús"
|
|
60
|
-
*/
|
|
61
|
-
menusTitle?: string;
|
|
62
|
-
/**
|
|
63
|
-
* Lista de menús disponibles
|
|
64
|
-
*/
|
|
65
|
-
menus?: Menu[];
|
|
66
|
-
/**
|
|
67
|
-
* ID del menú seleccionado actualmente
|
|
68
|
-
*/
|
|
69
|
-
selectedMenuId?: string;
|
|
70
|
-
/**
|
|
71
|
-
* Handler cuando se selecciona un menú
|
|
72
|
-
*/
|
|
73
|
-
onMenuSelect?: (menuId: string) => void;
|
|
74
|
-
/**
|
|
75
|
-
* Handler cuando se hace clic en cambiar mesa
|
|
76
|
-
*/
|
|
77
|
-
onChangeTable?: () => void;
|
|
78
|
-
/**
|
|
79
|
-
* Título de la sección de categorías
|
|
80
|
-
* @default "Categoría"
|
|
81
|
-
*/
|
|
82
|
-
categoryTitle?: string;
|
|
83
|
-
/**
|
|
84
|
-
* Lista de categorías de productos
|
|
85
|
-
*/
|
|
86
|
-
categories?: ProductCategory[];
|
|
87
|
-
/**
|
|
88
|
-
* ID de la categoría seleccionada actualmente
|
|
89
|
-
*/
|
|
90
|
-
selectedCategoryId?: string;
|
|
91
|
-
/**
|
|
92
|
-
* Handler cuando se selecciona una categoría
|
|
93
|
-
*/
|
|
94
|
-
onCategorySelect?: (categoryId: string) => void;
|
|
95
|
-
/**
|
|
96
|
-
* Título de la sección de productos
|
|
97
|
-
* @default "Productos"
|
|
98
|
-
*/
|
|
99
|
-
productsTitle?: string;
|
|
100
|
-
/**
|
|
101
|
-
* Lista de productos a mostrar
|
|
102
|
-
*/
|
|
103
|
-
products?: Product[];
|
|
104
|
-
/**
|
|
105
|
-
* Handler cuando se agrega un producto
|
|
106
|
-
*/
|
|
107
|
-
onAddProduct?: (productId: string) => void;
|
|
108
|
-
/**
|
|
109
|
-
* Tab activo en el sidebar ("products" | "client")
|
|
110
|
-
* @default "products"
|
|
111
|
-
*/
|
|
112
|
-
activeTab?: 'products' | 'client';
|
|
113
|
-
/**
|
|
114
|
-
* Handler cuando se cambia de tab
|
|
115
|
-
*/
|
|
116
|
-
onTabChange?: (tab: 'products' | 'client') => void;
|
|
117
|
-
/**
|
|
118
|
-
* Items del pedido actual
|
|
119
|
-
*/
|
|
120
|
-
orderItems?: OrderItem[];
|
|
121
|
-
/**
|
|
122
|
-
* Handler cuando cambia la cantidad de un item
|
|
123
|
-
*/
|
|
124
|
-
onOrderItemQuantityChange?: (itemId: string, quantity: number) => void;
|
|
125
|
-
/**
|
|
126
|
-
* Handler cuando se elimina un item del pedido
|
|
127
|
-
*/
|
|
128
|
-
onOrderItemDelete?: (itemId: string) => void;
|
|
129
|
-
/**
|
|
130
|
-
* Subtotal del pedido
|
|
131
|
-
*/
|
|
132
|
-
subtotal?: string;
|
|
133
|
-
/**
|
|
134
|
-
* Impuestos del pedido
|
|
135
|
-
*/
|
|
136
|
-
taxes?: string;
|
|
137
|
-
/**
|
|
138
|
-
* Total del pedido
|
|
139
|
-
*/
|
|
140
|
-
total?: string;
|
|
141
|
-
/**
|
|
142
|
-
* Label del botón confirmar
|
|
143
|
-
* @default "Confirmar Pedido"
|
|
144
|
-
*/
|
|
145
|
-
confirmLabel?: string;
|
|
146
|
-
/**
|
|
147
|
-
* Handler cuando se confirma el pedido
|
|
148
|
-
*/
|
|
149
|
-
onConfirmOrder?: () => void;
|
|
150
|
-
/**
|
|
151
|
-
* Estado de carga
|
|
152
|
-
* @default false
|
|
153
|
-
*/
|
|
154
|
-
isLoading?: boolean;
|
|
155
|
-
/**
|
|
156
|
-
* Mensaje de error (si existe)
|
|
157
|
-
*/
|
|
158
|
-
errorMessage?: string;
|
|
159
|
-
/**
|
|
160
|
-
* Icono/avatar del usuario (opcional)
|
|
161
|
-
*/
|
|
162
|
-
userAvatar?: string;
|
|
163
|
-
/**
|
|
164
|
-
* Nombre del usuario
|
|
165
|
-
*/
|
|
166
|
-
userName?: string;
|
|
167
|
-
/**
|
|
168
|
-
* Rol del usuario
|
|
169
|
-
*/
|
|
170
|
-
userRole?: string;
|
|
171
|
-
/**
|
|
172
|
-
* Logo del negocio
|
|
173
|
-
*/
|
|
174
|
-
businessLogo?: string | ReactNode;
|
|
175
|
-
/**
|
|
176
|
-
* Logo de Siesa
|
|
177
|
-
*/
|
|
178
|
-
siesaLogo?: string | ReactNode;
|
|
179
|
-
/**
|
|
180
|
-
* Clases CSS adicionales
|
|
181
|
-
*/
|
|
182
|
-
className?: string;
|
|
183
|
-
}
|
|
184
|
-
//# sourceMappingURL=ProductsView.types.d.ts.map
|