search

uxilab / uxi

UXI Core components - https://twitter.com/uxi_lab
https://www.uxilab.eu/
5 stars 1 forks source link

Make uxi compatible with v4 of styled-components #72

Open denisflorkin opened 5 years ago

denisflorkin commented 5 years ago

extend seems to be the only big issue (broke in V4)

.attrs({}) fn arre to wath too asx sthey will be change and soon be deprecated (see warn in console when using button with styled-compo v4)

denisflorkin commented 5 years ago

Surface to cover for extend:

/Users/dflo/Cluedin/uxi/docs/src/Footer.js
  8,26: const ExtendedFlex = Flex.extend`

/Users/dflo/Cluedin/uxi/docs/src/GithubLink.js
  5,26: const FlexExtended = Flex.extend`

/Users/dflo/Cluedin/uxi/src/Drawer/Disclosure.js
  30,25: const SummaryIcon = Flex.extend`

/Users/dflo/Cluedin/uxi/src/internal/SimpleDropDown.js
  17,25: const SummaryIcon = Flex.extend`

/Users/dflo/Cluedin/uxi/src/Layout/FlexLeftCol.js
  4,25: const FlexLeftCol = Flex.extend`

/Users/dflo/Cluedin/uxi/src/Layout/FlexRightCol.js
  4,26: const FlexRightCol = Flex.extend`

/Users/dflo/Cluedin/uxi/src/Layout/GlobalAppLayout.js
  20,40: const FlexLeftColExtended = FlexLeftCol.extend`
  28,36: const AppLayoutExtended = AppLayout.extend`
  52,35: const InnerAppLayoutUI = AppLayout.extend`

/Users/dflo/Cluedin/uxi/src/Layout/Grid.js
  8,30: const ExtendedGridUI = GridUI.extend`

/Users/dflo/Cluedin/uxi/src/Menu/GlobalMenuWrapper.js
  9,26: const FlexExtended = Flex.extend`

/Users/dflo/Cluedin/uxi/src/Panel/PanelHeader.js
  9,38: const HorizontalAppLayout = AppLayout.extend`

/Users/dflo/Cluedin/uxi/src/Theme/ThemeProvider/ContextThemeProvider.js
  36,48:       : this.props.theme || getTheme(this.props.extendTheme);

/Users/dflo/Cluedin/uxi/src/Tile/SmartTileDetail.js
  10,26: const ExtendedFlex = Flex.extend`

/Users/dflo/Cluedin/uxi/src/Tile/TileDetail.js
  9,26: const ExtendedFlex = Flex.extend`
denisflorkin commented 5 years ago

Surface to cover in widget before we can merge this into master

/Users/dflo/Cluedin/CluedIn.Widget/core/modules/administration/components/pages/AdmininstratorSectionDashboardPage.js
  24,26: const ExtendedFlex = Flex.extend`

/Users/dflo/Cluedin/CluedIn.Widget/core/modules/configuration/components/composites/lists/ConfigurationListGhost.jsx
  15,26: const FlexExtended = Flex.extend`

/Users/dflo/Cluedin/CluedIn.Widget/core/modules/entityViewModel/components/composites/entity/EntityPropertyValue.js
  3,30: export default TextEllipsisUI.extend`

/Users/dflo/Cluedin/CluedIn.Widget/core/modules/GDPR/components/composites/GdprDashboard.js
  39,26: const ExtendedFlex = Flex.extend`

/Users/dflo/Cluedin/CluedIn.Widget/core/modules/GDPR/components/composites/gdprReport/EntitiesEditable.js
  7,32: const EntitiesSection = Section.extend`

/Users/dflo/Cluedin/CluedIn.Widget/core/modules/GDPR/components/composites/gdprReport/FlexExtended.js
  3,26: const FlexExtended = Flex.extend`

/Users/dflo/Cluedin/CluedIn.Widget/core/modules/GDPR/components/composites/GdprSarManagementMenuGhost.js
  8,26: const FlexExtended = Flex.extend`

/Users/dflo/Cluedin/CluedIn.Widget/core/modules/GDPR/components/pages/GdprNewSubjectAccessConfigureData.js
  19,26: const LabelWrapper = Flex.extend`

/Users/dflo/Cluedin/CluedIn.Widget/core/modules/search/viewModels/components/composites/organization/OrganizationList/OrganizationListItemLayout.js
  20,29: const FlexRightColumn = Flex.extend`
  29,28: const FlexLeftColumn = Flex.extend`
  40,32: const Ellipsis = TextEllipsisUI.extend`
  48,31: const SocialFlexWrapper = Flex.extend`

/Users/dflo/Cluedin/CluedIn.Widget/core/modules/search/viewModels/components/composites/person/PersonList/PersonListItemLayout.js
  34,41: const PersonListItemSocialWrapper = Flex.extend