newskit 5.0.0 → 5.1.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/README.md +3 -3
- package/cjs/date-time/date-time.d.ts.map +1 -1
- package/cjs/date-time/date-time.js +1 -1
- package/cjs/date-time/date-time.js.map +1 -1
- package/cjs/dialog/base-dialog-function.d.ts.map +1 -1
- package/cjs/dialog/base-dialog-function.js +12 -13
- package/cjs/dialog/base-dialog-function.js.map +1 -1
- package/cjs/dialog/base-dialog-tests.d.ts.map +1 -1
- package/cjs/dialog/base-dialog-tests.js +16 -0
- package/cjs/dialog/base-dialog-tests.js.map +1 -1
- package/cjs/dialog/base-dialog-view.d.ts.map +1 -1
- package/cjs/dialog/base-dialog-view.js +7 -2
- package/cjs/dialog/base-dialog-view.js.map +1 -1
- package/cjs/form/context.d.ts +1 -0
- package/cjs/form/context.d.ts.map +1 -1
- package/cjs/form/context.js.map +1 -1
- package/cjs/form/form-input.d.ts +2 -2
- package/cjs/form/form-input.d.ts.map +1 -1
- package/cjs/form/form-input.js +14 -12
- package/cjs/form/form-input.js.map +1 -1
- package/cjs/grid-layout/grid-layout.d.ts +15 -0
- package/cjs/grid-layout/grid-layout.d.ts.map +1 -0
- package/cjs/grid-layout/grid-layout.js +81 -0
- package/cjs/grid-layout/grid-layout.js.map +1 -0
- package/cjs/grid-layout/index.d.ts +2 -0
- package/cjs/grid-layout/index.d.ts.map +1 -0
- package/cjs/grid-layout/index.js +14 -0
- package/cjs/grid-layout/index.js.map +1 -0
- package/cjs/grid-layout/styled.d.ts +7 -0
- package/cjs/grid-layout/styled.d.ts.map +1 -0
- package/cjs/grid-layout/styled.js +80 -0
- package/cjs/grid-layout/styled.js.map +1 -0
- package/cjs/grid-layout/types.d.ts +36 -0
- package/cjs/grid-layout/types.d.ts.map +1 -0
- package/cjs/grid-layout/types.js +3 -0
- package/cjs/grid-layout/types.js.map +1 -0
- package/cjs/grid-layout/utils.d.ts +7 -0
- package/cjs/grid-layout/utils.d.ts.map +1 -0
- package/cjs/grid-layout/utils.js +51 -0
- package/cjs/grid-layout/utils.js.map +1 -0
- package/cjs/icons/custom-to-newskit-icon.d.ts +1 -4
- package/cjs/icons/custom-to-newskit-icon.d.ts.map +1 -1
- package/cjs/icons/custom-to-newskit-icon.js +6 -9
- package/cjs/icons/custom-to-newskit-icon.js.map +1 -1
- package/cjs/icons/filled/custom/icon-filled-facebook.d.ts +1 -4
- package/cjs/icons/filled/custom/icon-filled-facebook.d.ts.map +1 -1
- package/cjs/icons/filled/custom/icon-filled-figma.d.ts +1 -4
- package/cjs/icons/filled/custom/icon-filled-figma.d.ts.map +1 -1
- package/cjs/icons/filled/custom/icon-filled-github.d.ts +1 -4
- package/cjs/icons/filled/custom/icon-filled-github.d.ts.map +1 -1
- package/cjs/icons/filled/custom/icon-filled-instagram.d.ts +1 -4
- package/cjs/icons/filled/custom/icon-filled-instagram.d.ts.map +1 -1
- package/cjs/icons/filled/custom/icon-filled-reddit.d.ts +1 -4
- package/cjs/icons/filled/custom/icon-filled-reddit.d.ts.map +1 -1
- package/cjs/icons/filled/custom/icon-filled-twitter.d.ts +1 -4
- package/cjs/icons/filled/custom/icon-filled-twitter.d.ts.map +1 -1
- package/cjs/icons/filled/custom/icon-filled-whatsapp.d.ts +1 -4
- package/cjs/icons/filled/custom/icon-filled-whatsapp.d.ts.map +1 -1
- package/cjs/icons/filled/custom/icon-filled-youtube.d.ts +1 -4
- package/cjs/icons/filled/custom/icon-filled-youtube.d.ts.map +1 -1
- package/cjs/icons/outlined/custom/icon-outlined-figma.d.ts +1 -4
- package/cjs/icons/outlined/custom/icon-outlined-figma.d.ts.map +1 -1
- package/cjs/icons/to-newskit-icon.d.ts.map +1 -1
- package/cjs/icons/to-newskit-icon.js +3 -3
- package/cjs/icons/to-newskit-icon.js.map +1 -1
- package/cjs/index.d.ts +2 -0
- package/cjs/index.d.ts.map +1 -1
- package/cjs/index.js +2 -0
- package/cjs/index.js.map +1 -1
- package/cjs/label/styled.d.ts +1 -1
- package/cjs/label/types.d.ts +2 -2
- package/cjs/label/types.d.ts.map +1 -1
- package/cjs/menu/menu.d.ts.map +1 -1
- package/cjs/menu/menu.js.map +1 -1
- package/cjs/menu/styled.d.ts +2 -2
- package/cjs/menu/styled.d.ts.map +1 -1
- package/cjs/menu/types.d.ts +4 -2
- package/cjs/menu/types.d.ts.map +1 -1
- package/cjs/select/defaults.d.ts +15 -0
- package/cjs/select/defaults.d.ts.map +1 -1
- package/cjs/select/defaults.js +15 -0
- package/cjs/select/defaults.js.map +1 -1
- package/cjs/select/select-panel.d.ts +9 -1
- package/cjs/select/select-panel.d.ts.map +1 -1
- package/cjs/select/select-panel.js +42 -11
- package/cjs/select/select-panel.js.map +1 -1
- package/cjs/select/select.d.ts.map +1 -1
- package/cjs/select/select.js +23 -12
- package/cjs/select/select.js.map +1 -1
- package/cjs/select/styled.d.ts +6 -1
- package/cjs/select/styled.d.ts.map +1 -1
- package/cjs/select/styled.js +9 -6
- package/cjs/select/styled.js.map +1 -1
- package/cjs/select/types.d.ts +9 -4
- package/cjs/select/types.d.ts.map +1 -1
- package/cjs/select/utils.d.ts +10 -0
- package/cjs/select/utils.d.ts.map +1 -0
- package/cjs/select/utils.js +29 -0
- package/cjs/select/utils.js.map +1 -0
- package/cjs/slider/types.d.ts +3 -2
- package/cjs/slider/types.d.ts.map +1 -1
- package/cjs/tabs/styled.d.ts.map +1 -1
- package/cjs/tabs/styled.js +2 -2
- package/cjs/tabs/styled.js.map +1 -1
- package/cjs/tabs/types.d.ts +8 -4
- package/cjs/tabs/types.d.ts.map +1 -1
- package/cjs/text-field/styled.d.ts +2 -2
- package/cjs/text-field/styled.d.ts.map +1 -1
- package/cjs/text-field/text-field.d.ts.map +1 -1
- package/cjs/text-field/text-field.js.map +1 -1
- package/cjs/text-field/types.d.ts +4 -2
- package/cjs/text-field/types.d.ts.map +1 -1
- package/cjs/text-field/types.js.map +1 -1
- package/cjs/theme/foundations/overlays.js +4 -4
- package/cjs/theme/foundations/overlays.js.map +1 -1
- package/cjs/theme-checker/helper.d.ts +13 -0
- package/cjs/theme-checker/helper.d.ts.map +1 -0
- package/cjs/theme-checker/helper.js +141 -0
- package/cjs/theme-checker/helper.js.map +1 -0
- package/cjs/theme-checker/index.d.ts +2 -0
- package/cjs/theme-checker/index.d.ts.map +1 -0
- package/cjs/theme-checker/index.js +14 -0
- package/cjs/theme-checker/index.js.map +1 -0
- package/cjs/theme-checker/scenarios.d.ts +11 -0
- package/cjs/theme-checker/scenarios.d.ts.map +1 -0
- package/cjs/theme-checker/scenarios.js +779 -0
- package/cjs/theme-checker/scenarios.js.map +1 -0
- package/cjs/theme-checker/styled.d.ts +44 -0
- package/cjs/theme-checker/styled.d.ts.map +1 -0
- package/cjs/theme-checker/styled.js +30 -0
- package/cjs/theme-checker/styled.js.map +1 -0
- package/cjs/theme-checker/theme-checker.d.ts +3 -0
- package/cjs/theme-checker/theme-checker.d.ts.map +1 -0
- package/cjs/theme-checker/theme-checker.js +102 -0
- package/cjs/theme-checker/theme-checker.js.map +1 -0
- package/cjs/theme-checker/themes/sun-theme/borders.json +3 -0
- package/cjs/theme-checker/themes/sun-theme/colors.json +283 -0
- package/cjs/theme-checker/themes/sun-theme/fonts.json +43 -0
- package/cjs/theme-checker/themes/sun-theme/overlays.json +14 -0
- package/cjs/theme-checker/themes/sun-theme/shadows.json +8 -0
- package/cjs/theme-checker/themes/sun-theme/sun-theme.d.ts +733 -0
- package/cjs/theme-checker/themes/sun-theme/sun-theme.d.ts.map +1 -0
- package/cjs/theme-checker/themes/sun-theme/sun-theme.js +28 -0
- package/cjs/theme-checker/themes/sun-theme/sun-theme.js.map +1 -0
- package/cjs/theme-checker/themes/sun-theme/typography-presets.json +378 -0
- package/cjs/theme-checker/themes/tnl-theme/borders.json +3 -0
- package/cjs/theme-checker/themes/tnl-theme/colors.json +162 -0
- package/cjs/theme-checker/themes/tnl-theme/fonts.json +59 -0
- package/cjs/theme-checker/themes/tnl-theme/overlays.json +14 -0
- package/cjs/theme-checker/themes/tnl-theme/shadows.json +8 -0
- package/cjs/theme-checker/themes/tnl-theme/tnl-theme.d.ts +620 -0
- package/cjs/theme-checker/themes/tnl-theme/tnl-theme.d.ts.map +1 -0
- package/cjs/theme-checker/themes/tnl-theme/tnl-theme.js +28 -0
- package/cjs/theme-checker/themes/tnl-theme/tnl-theme.js.map +1 -0
- package/cjs/theme-checker/themes/tnl-theme/typography-presets.json +370 -0
- package/cjs/theme-checker/themes/virgin-theme/borders.json +3 -0
- package/cjs/theme-checker/themes/virgin-theme/colors.json +180 -0
- package/cjs/theme-checker/themes/virgin-theme/fonts.json +38 -0
- package/cjs/theme-checker/themes/virgin-theme/overlays.json +25 -0
- package/cjs/theme-checker/themes/virgin-theme/shadows.json +9 -0
- package/cjs/theme-checker/themes/virgin-theme/typography-presets.json +338 -0
- package/cjs/theme-checker/themes/virgin-theme/virgin-theme.d.ts +597 -0
- package/cjs/theme-checker/themes/virgin-theme/virgin-theme.d.ts.map +1 -0
- package/cjs/theme-checker/themes/virgin-theme/virgin-theme.js +27 -0
- package/cjs/theme-checker/themes/virgin-theme/virgin-theme.js.map +1 -0
- package/cjs/title-bar/styled.d.ts +13 -0
- package/cjs/title-bar/styled.d.ts.map +1 -0
- package/cjs/title-bar/styled.js +14 -0
- package/cjs/title-bar/styled.js.map +1 -0
- package/cjs/title-bar/title-bar.d.ts.map +1 -1
- package/cjs/title-bar/title-bar.js +3 -11
- package/cjs/title-bar/title-bar.js.map +1 -1
- package/cjs/utils/hooks/use-media-query/context.d.ts +1 -0
- package/cjs/utils/hooks/use-media-query/context.d.ts.map +1 -1
- package/cjs/utils/hooks/use-media-query/context.js +8 -2
- package/cjs/utils/hooks/use-media-query/context.js.map +1 -1
- package/cjs/utils/hooks/use-media-query/utils.js +1 -1
- package/cjs/utils/hooks/use-media-query/utils.js.map +1 -1
- package/cjs/utils/hooks/use-resize-observer.d.ts.map +1 -1
- package/cjs/utils/hooks/use-resize-observer.js +3 -1
- package/cjs/utils/hooks/use-resize-observer.js.map +1 -1
- package/cjs/utils/overrides.d.ts +1 -1
- package/cjs/utils/overrides.d.ts.map +1 -1
- package/cjs/utils/style/index.d.ts +1 -0
- package/cjs/utils/style/index.d.ts.map +1 -1
- package/cjs/utils/style/index.js +1 -0
- package/cjs/utils/style/index.js.map +1 -1
- package/cjs/utils/to-kabab-case.d.ts +2 -0
- package/cjs/utils/to-kabab-case.d.ts.map +1 -0
- package/cjs/utils/to-kabab-case.js +16 -0
- package/cjs/utils/to-kabab-case.js.map +1 -0
- package/cjs/utils/uniq.d.ts +2 -0
- package/cjs/utils/uniq.d.ts.map +1 -0
- package/cjs/utils/uniq.js +6 -0
- package/cjs/utils/uniq.js.map +1 -0
- package/cjs/utils/with-default-props.d.ts.map +1 -1
- package/cjs/utils/with-default-props.js +2 -2
- package/cjs/utils/with-default-props.js.map +1 -1
- package/cjs/version-number.json +1 -1
- package/esm/date-time/date-time.d.ts.map +1 -1
- package/esm/date-time/date-time.js +1 -1
- package/esm/date-time/date-time.js.map +1 -1
- package/esm/dialog/base-dialog-function.d.ts.map +1 -1
- package/esm/dialog/base-dialog-function.js +13 -14
- package/esm/dialog/base-dialog-function.js.map +1 -1
- package/esm/dialog/base-dialog-tests.d.ts.map +1 -1
- package/esm/dialog/base-dialog-tests.js +16 -0
- package/esm/dialog/base-dialog-tests.js.map +1 -1
- package/esm/dialog/base-dialog-view.d.ts.map +1 -1
- package/esm/dialog/base-dialog-view.js +7 -2
- package/esm/dialog/base-dialog-view.js.map +1 -1
- package/esm/form/context.d.ts +1 -0
- package/esm/form/context.d.ts.map +1 -1
- package/esm/form/context.js.map +1 -1
- package/esm/form/form-input.d.ts +2 -2
- package/esm/form/form-input.d.ts.map +1 -1
- package/esm/form/form-input.js +12 -10
- package/esm/form/form-input.js.map +1 -1
- package/esm/grid-layout/grid-layout.d.ts +15 -0
- package/esm/grid-layout/grid-layout.d.ts.map +1 -0
- package/esm/grid-layout/grid-layout.js +74 -0
- package/esm/grid-layout/grid-layout.js.map +1 -0
- package/esm/grid-layout/index.d.ts +2 -0
- package/esm/grid-layout/index.d.ts.map +1 -0
- package/esm/grid-layout/index.js +2 -0
- package/esm/grid-layout/index.js.map +1 -0
- package/esm/grid-layout/styled.d.ts +7 -0
- package/esm/grid-layout/styled.d.ts.map +1 -0
- package/esm/grid-layout/styled.js +77 -0
- package/esm/grid-layout/styled.js.map +1 -0
- package/esm/grid-layout/types.d.ts +36 -0
- package/esm/grid-layout/types.d.ts.map +1 -0
- package/esm/grid-layout/types.js +2 -0
- package/esm/grid-layout/types.js.map +1 -0
- package/esm/grid-layout/utils.d.ts +7 -0
- package/esm/grid-layout/utils.d.ts.map +1 -0
- package/esm/grid-layout/utils.js +43 -0
- package/esm/grid-layout/utils.js.map +1 -0
- package/esm/icons/custom-to-newskit-icon.d.ts +1 -4
- package/esm/icons/custom-to-newskit-icon.d.ts.map +1 -1
- package/esm/icons/custom-to-newskit-icon.js +6 -6
- package/esm/icons/custom-to-newskit-icon.js.map +1 -1
- package/esm/icons/filled/custom/icon-filled-facebook.d.ts +1 -4
- package/esm/icons/filled/custom/icon-filled-facebook.d.ts.map +1 -1
- package/esm/icons/filled/custom/icon-filled-figma.d.ts +1 -4
- package/esm/icons/filled/custom/icon-filled-figma.d.ts.map +1 -1
- package/esm/icons/filled/custom/icon-filled-github.d.ts +1 -4
- package/esm/icons/filled/custom/icon-filled-github.d.ts.map +1 -1
- package/esm/icons/filled/custom/icon-filled-instagram.d.ts +1 -4
- package/esm/icons/filled/custom/icon-filled-instagram.d.ts.map +1 -1
- package/esm/icons/filled/custom/icon-filled-reddit.d.ts +1 -4
- package/esm/icons/filled/custom/icon-filled-reddit.d.ts.map +1 -1
- package/esm/icons/filled/custom/icon-filled-twitter.d.ts +1 -4
- package/esm/icons/filled/custom/icon-filled-twitter.d.ts.map +1 -1
- package/esm/icons/filled/custom/icon-filled-whatsapp.d.ts +1 -4
- package/esm/icons/filled/custom/icon-filled-whatsapp.d.ts.map +1 -1
- package/esm/icons/filled/custom/icon-filled-youtube.d.ts +1 -4
- package/esm/icons/filled/custom/icon-filled-youtube.d.ts.map +1 -1
- package/esm/icons/outlined/custom/icon-outlined-figma.d.ts +1 -4
- package/esm/icons/outlined/custom/icon-outlined-figma.d.ts.map +1 -1
- package/esm/icons/to-newskit-icon.d.ts.map +1 -1
- package/esm/icons/to-newskit-icon.js +3 -3
- package/esm/icons/to-newskit-icon.js.map +1 -1
- package/esm/index.d.ts +2 -0
- package/esm/index.d.ts.map +1 -1
- package/esm/index.js +2 -0
- package/esm/index.js.map +1 -1
- package/esm/label/styled.d.ts +1 -1
- package/esm/label/types.d.ts +2 -2
- package/esm/label/types.d.ts.map +1 -1
- package/esm/menu/menu.d.ts.map +1 -1
- package/esm/menu/menu.js +1 -1
- package/esm/menu/menu.js.map +1 -1
- package/esm/menu/styled.d.ts +2 -2
- package/esm/menu/styled.d.ts.map +1 -1
- package/esm/menu/types.d.ts +4 -2
- package/esm/menu/types.d.ts.map +1 -1
- package/esm/select/defaults.d.ts +15 -0
- package/esm/select/defaults.d.ts.map +1 -1
- package/esm/select/defaults.js +15 -0
- package/esm/select/defaults.js.map +1 -1
- package/esm/select/select-panel.d.ts +9 -1
- package/esm/select/select-panel.d.ts.map +1 -1
- package/esm/select/select-panel.js +43 -12
- package/esm/select/select-panel.js.map +1 -1
- package/esm/select/select.d.ts.map +1 -1
- package/esm/select/select.js +23 -12
- package/esm/select/select.js.map +1 -1
- package/esm/select/styled.d.ts +6 -1
- package/esm/select/styled.d.ts.map +1 -1
- package/esm/select/styled.js +8 -5
- package/esm/select/styled.js.map +1 -1
- package/esm/select/types.d.ts +9 -4
- package/esm/select/types.d.ts.map +1 -1
- package/esm/select/utils.d.ts +10 -0
- package/esm/select/utils.d.ts.map +1 -0
- package/esm/select/utils.js +24 -0
- package/esm/select/utils.js.map +1 -0
- package/esm/slider/types.d.ts +3 -2
- package/esm/slider/types.d.ts.map +1 -1
- package/esm/tabs/styled.d.ts.map +1 -1
- package/esm/tabs/styled.js +3 -3
- package/esm/tabs/styled.js.map +1 -1
- package/esm/tabs/types.d.ts +8 -4
- package/esm/tabs/types.d.ts.map +1 -1
- package/esm/text-field/styled.d.ts +2 -2
- package/esm/text-field/styled.d.ts.map +1 -1
- package/esm/text-field/text-field.d.ts.map +1 -1
- package/esm/text-field/text-field.js.map +1 -1
- package/esm/text-field/types.d.ts +4 -2
- package/esm/text-field/types.d.ts.map +1 -1
- package/esm/text-field/types.js.map +1 -1
- package/esm/theme/foundations/overlays.js +4 -4
- package/esm/theme/foundations/overlays.js.map +1 -1
- package/esm/theme-checker/helper.d.ts +13 -0
- package/esm/theme-checker/helper.d.ts.map +1 -0
- package/esm/theme-checker/helper.js +113 -0
- package/esm/theme-checker/helper.js.map +1 -0
- package/esm/theme-checker/index.d.ts +2 -0
- package/esm/theme-checker/index.d.ts.map +1 -0
- package/esm/theme-checker/index.js +2 -0
- package/esm/theme-checker/index.js.map +1 -0
- package/esm/theme-checker/scenarios.d.ts +11 -0
- package/esm/theme-checker/scenarios.d.ts.map +1 -0
- package/esm/theme-checker/scenarios.js +757 -0
- package/esm/theme-checker/scenarios.js.map +1 -0
- package/esm/theme-checker/styled.d.ts +44 -0
- package/esm/theme-checker/styled.d.ts.map +1 -0
- package/esm/theme-checker/styled.js +27 -0
- package/esm/theme-checker/styled.js.map +1 -0
- package/esm/theme-checker/theme-checker.d.ts +3 -0
- package/esm/theme-checker/theme-checker.d.ts.map +1 -0
- package/esm/theme-checker/theme-checker.js +79 -0
- package/esm/theme-checker/theme-checker.js.map +1 -0
- package/esm/theme-checker/themes/sun-theme/borders.json +3 -0
- package/esm/theme-checker/themes/sun-theme/colors.json +283 -0
- package/esm/theme-checker/themes/sun-theme/fonts.json +43 -0
- package/esm/theme-checker/themes/sun-theme/overlays.json +14 -0
- package/esm/theme-checker/themes/sun-theme/shadows.json +8 -0
- package/esm/theme-checker/themes/sun-theme/sun-theme.d.ts +733 -0
- package/esm/theme-checker/themes/sun-theme/sun-theme.d.ts.map +1 -0
- package/esm/theme-checker/themes/sun-theme/sun-theme.js +22 -0
- package/esm/theme-checker/themes/sun-theme/sun-theme.js.map +1 -0
- package/esm/theme-checker/themes/sun-theme/typography-presets.json +378 -0
- package/esm/theme-checker/themes/tnl-theme/borders.json +3 -0
- package/esm/theme-checker/themes/tnl-theme/colors.json +162 -0
- package/esm/theme-checker/themes/tnl-theme/fonts.json +59 -0
- package/esm/theme-checker/themes/tnl-theme/overlays.json +14 -0
- package/esm/theme-checker/themes/tnl-theme/shadows.json +8 -0
- package/esm/theme-checker/themes/tnl-theme/tnl-theme.d.ts +620 -0
- package/esm/theme-checker/themes/tnl-theme/tnl-theme.d.ts.map +1 -0
- package/esm/theme-checker/themes/tnl-theme/tnl-theme.js +22 -0
- package/esm/theme-checker/themes/tnl-theme/tnl-theme.js.map +1 -0
- package/esm/theme-checker/themes/tnl-theme/typography-presets.json +370 -0
- package/esm/theme-checker/themes/virgin-theme/borders.json +3 -0
- package/esm/theme-checker/themes/virgin-theme/colors.json +180 -0
- package/esm/theme-checker/themes/virgin-theme/fonts.json +38 -0
- package/esm/theme-checker/themes/virgin-theme/overlays.json +25 -0
- package/esm/theme-checker/themes/virgin-theme/shadows.json +9 -0
- package/esm/theme-checker/themes/virgin-theme/typography-presets.json +338 -0
- package/esm/theme-checker/themes/virgin-theme/virgin-theme.d.ts +597 -0
- package/esm/theme-checker/themes/virgin-theme/virgin-theme.d.ts.map +1 -0
- package/esm/theme-checker/themes/virgin-theme/virgin-theme.js +21 -0
- package/esm/theme-checker/themes/virgin-theme/virgin-theme.js.map +1 -0
- package/esm/title-bar/styled.d.ts +13 -0
- package/esm/title-bar/styled.d.ts.map +1 -0
- package/esm/title-bar/styled.js +11 -0
- package/esm/title-bar/styled.js.map +1 -0
- package/esm/title-bar/title-bar.d.ts.map +1 -1
- package/esm/title-bar/title-bar.js +3 -11
- package/esm/title-bar/title-bar.js.map +1 -1
- package/esm/utils/hooks/use-media-query/context.d.ts +1 -0
- package/esm/utils/hooks/use-media-query/context.d.ts.map +1 -1
- package/esm/utils/hooks/use-media-query/context.js +6 -1
- package/esm/utils/hooks/use-media-query/context.js.map +1 -1
- package/esm/utils/hooks/use-media-query/utils.js +1 -1
- package/esm/utils/hooks/use-media-query/utils.js.map +1 -1
- package/esm/utils/hooks/use-resize-observer.d.ts.map +1 -1
- package/esm/utils/hooks/use-resize-observer.js +3 -1
- package/esm/utils/hooks/use-resize-observer.js.map +1 -1
- package/esm/utils/overrides.d.ts +1 -1
- package/esm/utils/overrides.d.ts.map +1 -1
- package/esm/utils/style/index.d.ts +1 -0
- package/esm/utils/style/index.d.ts.map +1 -1
- package/esm/utils/style/index.js +1 -0
- package/esm/utils/style/index.js.map +1 -1
- package/esm/utils/to-kabab-case.d.ts +2 -0
- package/esm/utils/to-kabab-case.d.ts.map +1 -0
- package/esm/utils/to-kabab-case.js +12 -0
- package/esm/utils/to-kabab-case.js.map +1 -0
- package/esm/utils/uniq.d.ts +2 -0
- package/esm/utils/uniq.d.ts.map +1 -0
- package/esm/utils/uniq.js +2 -0
- package/esm/utils/uniq.js.map +1 -0
- package/esm/utils/with-default-props.d.ts.map +1 -1
- package/esm/utils/with-default-props.js +2 -2
- package/esm/utils/with-default-props.js.map +1 -1
- package/esm/version-number.json +1 -1
- package/package.json +2 -1
package/README.md
CHANGED
|
@@ -22,7 +22,7 @@ NewsKit components folllow [WCAG guidelines](https://www.w3.org/WAI/standards-gu
|
|
|
22
22
|
|
|
23
23
|
### Adaptive
|
|
24
24
|
|
|
25
|
-
NewsKit has an extensive [theming system](https://newskit.co.uk/
|
|
25
|
+
NewsKit has an extensive [theming system](https://newskit.co.uk/theme/overview/) that enables customization of style and layout. Additionally components support a range of properties to customise behaviour.
|
|
26
26
|
|
|
27
27
|
### Productive
|
|
28
28
|
|
|
@@ -37,7 +37,7 @@ A collection high quality React [web components](https://newskit.co.uk/component
|
|
|
37
37
|
|
|
38
38
|
### Advanced theming system
|
|
39
39
|
|
|
40
|
-
An advanced full-featured [theming system](https://newskit.co.uk/
|
|
40
|
+
An advanced full-featured [theming system](https://newskit.co.uk/theme/overview/) with the flexibility to meet the requirement of a single or multi-brand requirement, including both business and consumer products.
|
|
41
41
|
|
|
42
42
|
### Utility functions
|
|
43
43
|
|
|
@@ -75,7 +75,7 @@ yarn add newskit
|
|
|
75
75
|
## 🔨 Usage
|
|
76
76
|
|
|
77
77
|
NewsKit components can be used like any typical react components. One thing to bear in mind is that they will need to be descendants of a `ThemeProvider`, this can be thought of as the theme context, this theme will be applied to all of its descendants.
|
|
78
|
-
The following example shows the "Hello World!" example of using a NewsKit component. More comprehensive usage documentation can be found on our [website](https://www.newskit.co.uk/getting-started/code/
|
|
78
|
+
The following example shows the "Hello World!" example of using a NewsKit component. More comprehensive usage documentation can be found on our [website](https://www.newskit.co.uk/getting-started/code/engineering-quickstart/).
|
|
79
79
|
|
|
80
80
|
```typescript
|
|
81
81
|
import {ThemeProvider, Tag, TagSize, newskitLightTheme} from 'newskit';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date-time.d.ts","sourceRoot":"","sources":["../../../src/date-time/date-time.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,aAAa,EAAC,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"date-time.d.ts","sourceRoot":"","sources":["../../../src/date-time/date-time.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,aAAa,EAAC,MAAM,SAAS,CAAC;AAoEtC,eAAO,MAAM,QAAQ,yBAEnB,CAAC"}
|
|
@@ -46,7 +46,7 @@ var theme_1 = require("../theme");
|
|
|
46
46
|
var get_token_1 = require("../utils/get-token");
|
|
47
47
|
var defaults_1 = __importDefault(require("./defaults"));
|
|
48
48
|
var with_own_theme_1 = require("../utils/with-own-theme");
|
|
49
|
-
var StyledDateText = (0, style_1.styled)(text_block_1.TextBlock)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n white-space: pre;\n"], ["\n white-space: pre;\n"])));
|
|
49
|
+
var StyledDateText = (0, style_1.styled)(text_block_1.TextBlock)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n white-space: pre;\n &:before,\n &:after {\n white-space: normal;\n }\n"], ["\n white-space: pre;\n &:before,\n &:after {\n white-space: normal;\n }\n"])));
|
|
50
50
|
var StyledPrefix = StyledDateText;
|
|
51
51
|
var StyledSuffix = StyledDateText;
|
|
52
52
|
var defaultDateFormat = "MMMM d yyyy, h:mmaaaaa'm'";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date-time.js","sourceRoot":"","sources":["../../../src/date-time/date-time.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,2DAAqC;AACrC,wCAAsC;AAEtC,4CAAwC;AACxC,kCAAkC;AAClC,gDAA4C;AAC5C,wDAAkC;AAClC,0DAAqD;AAErD,IAAM,cAAc,GAAG,IAAA,cAAM,EAAC,sBAAS,CAAC,
|
|
1
|
+
{"version":3,"file":"date-time.js","sourceRoot":"","sources":["../../../src/date-time/date-time.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,2DAAqC;AACrC,wCAAsC;AAEtC,4CAAwC;AACxC,kCAAkC;AAClC,gDAA4C;AAC5C,wDAAkC;AAClC,0DAAqD;AAErD,IAAM,cAAc,GAAG,IAAA,cAAM,EAAC,sBAAS,CAAC,qJAAA,kFAMvC,IAAA,CAAC;AAEF,IAAM,YAAY,GAAG,cAAc,CAAC;AACpC,IAAM,YAAY,GAAG,cAAc,CAAC;AAEpC,IAAM,iBAAiB,GAAG,2BAA2B,CAAC;AAEtD,IAAM,iBAAiB,GAA4B,UAAC,EAMnD;QALC,IAAI,UAAA,EACJ,kBAA8B,EAA9B,UAAU,mBAAG,iBAAiB,KAAA,EAC9B,MAAM,YAAA,EACN,MAAM,YAAA,EACN,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA;IAEd,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAEzB,IAAM,UAAU,GAAG,UAAC,IAAY,IAAK,OAAA,CAAC;QACpC,gBAAgB,EAAE,IAAA,oBAAQ,EACxB,EAAC,KAAK,OAAA,EAAE,SAAS,WAAA,EAAC,EAClB,mBAAY,IAAI,CAAE,EAClB,UAAG,IAAI,CAAE,EACT,kBAAkB,CACnB;QACD,WAAW,EAAE,IAAA,oBAAQ,EACnB,EAAC,KAAK,OAAA,EAAE,SAAS,WAAA,EAAC,EAClB,mBAAY,IAAI,CAAE,EAClB,UAAG,IAAI,CAAE,EACT,aAAa,CACd;KACF,CAAC,EAbmC,CAanC,CAAC;IAEH,IAAM,aAAa,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC3C,IAAM,WAAW,GAAG,UAAU,CAAC,EAAE,CAAC,CAAC;IACnC,IAAM,aAAa,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC;IAE3C,OAAO,CACL;QACG,MAAM,IAAI,CACT,oBAAC,YAAY,aAAC,EAAE,EAAC,MAAM,IAAK,aAAa,GACtC,UAAG,MAAM,MAAG,CACA,CAChB;QACD,oBAAC,cAAc,aAAC,EAAE,EAAC,MAAM,IAAK,WAAW;YACtC,IAAA,gBAAM,EAAC,IAAI,IAAI,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC;YAClC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CACL;QAChB,MAAM,IAAI,CACT,oBAAC,YAAY,aAAC,EAAE,EAAC,MAAM,IAAK,aAAa,GACtC,MAAM,CACM,CAChB,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,QAAQ,GAAG,IAAA,6BAAY,EAAC,iBAAiB,CAAC,CAAC;IACtD,QAAQ,oBAAA;CACT,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base-dialog-function.d.ts","sourceRoot":"","sources":["../../../src/dialog/base-dialog-function.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"base-dialog-function.d.ts","sourceRoot":"","sources":["../../../src/dialog/base-dialog-function.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAK5D,OAAO,EAAC,uBAAuB,EAAC,MAAM,SAAS,CAAC;AAEhD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAsFhE,CAAC"}
|
|
@@ -41,12 +41,17 @@ var BaseDialogFunction = function (_a) {
|
|
|
41
41
|
triggerClose();
|
|
42
42
|
};
|
|
43
43
|
(0, hooks_1.useKeypress)('Escape', handleEscape, { enabled: open });
|
|
44
|
-
var _c = (0, react_1.useState)(), ariaHiddenUndo = _c[0], setAriaHiddenUndo = _c[1];
|
|
45
44
|
// ref to store activeElement ( focused ) before dialog been opened
|
|
46
45
|
var originalFocusedElementRef = (0, react_1.useRef)(null);
|
|
47
46
|
var baseDialogFunctionRef = (0, react_1.useRef)(null);
|
|
47
|
+
var undoRef = (0, react_1.useRef)({});
|
|
48
48
|
var handleOnLockActivation = function () {
|
|
49
49
|
originalFocusedElementRef.current = document.activeElement;
|
|
50
|
+
// Aria hides everything else that is not contained inside BaseDialogFunction
|
|
51
|
+
if (baseDialogFunctionRef.current) {
|
|
52
|
+
var undo = (0, aria_hidden_1.hideOthers)(baseDialogFunctionRef.current);
|
|
53
|
+
undoRef.current = { undo: undo };
|
|
54
|
+
}
|
|
50
55
|
};
|
|
51
56
|
var handleOnLockDeactivation = (0, react_1.useCallback)(function () {
|
|
52
57
|
var originalFocusedElement = (0, get_1.get)(originalFocusedElementRef, 'current');
|
|
@@ -58,6 +63,12 @@ var BaseDialogFunction = function (_a) {
|
|
|
58
63
|
return typeof elementToFocus_1.focus === 'function' && elementToFocus_1.focus();
|
|
59
64
|
}, 0);
|
|
60
65
|
}
|
|
66
|
+
if (undoRef.current) {
|
|
67
|
+
var undo = undoRef.current.undo;
|
|
68
|
+
if (typeof undo === 'function') {
|
|
69
|
+
undo();
|
|
70
|
+
}
|
|
71
|
+
}
|
|
61
72
|
}, [restoreFocusTo]);
|
|
62
73
|
(0, react_1.useEffect)(function () {
|
|
63
74
|
if (disableFocusTrap && open) {
|
|
@@ -69,18 +80,6 @@ var BaseDialogFunction = function (_a) {
|
|
|
69
80
|
}
|
|
70
81
|
};
|
|
71
82
|
}, [disableFocusTrap, handleOnLockDeactivation, open]);
|
|
72
|
-
// Aria hides everything else that is not contained inside BaseDialogFunction
|
|
73
|
-
(0, react_1.useEffect)(function () {
|
|
74
|
-
if (open && baseDialogFunctionRef.current && !disableFocusTrap) {
|
|
75
|
-
var undo = (0, aria_hidden_1.hideOthers)(baseDialogFunctionRef.current);
|
|
76
|
-
return setAriaHiddenUndo({ undo: undo });
|
|
77
|
-
}
|
|
78
|
-
return function () {
|
|
79
|
-
if (!open && ariaHiddenUndo) {
|
|
80
|
-
ariaHiddenUndo.undo();
|
|
81
|
-
}
|
|
82
|
-
};
|
|
83
|
-
}, [open]);
|
|
84
83
|
return (react_1.default.createElement("div", { ref: baseDialogFunctionRef },
|
|
85
84
|
!hideOverlay && renderOverlay(handleOverlayClick),
|
|
86
85
|
react_1.default.createElement(react_focus_lock_1.default, { disabled: !open || disableFocusTrap, onActivation: handleOnLockActivation, onDeactivation: handleOnLockDeactivation }, children && children(handleCloseButtonClick))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base-dialog-function.js","sourceRoot":"","sources":["../../../src/dialog/base-dialog-function.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"base-dialog-function.js","sourceRoot":"","sources":["../../../src/dialog/base-dialog-function.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base-dialog-tests.d.ts","sourceRoot":"","sources":["../../../src/dialog/base-dialog-tests.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AAExC,eAAO,MAAM,iBAAiB,WACpB,MAAM,EAAE,CAAC,eAAe,CAAC,UACzB,WAAW,QACb,WAAW,
|
|
1
|
+
{"version":3,"file":"base-dialog-tests.d.ts","sourceRoot":"","sources":["../../../src/dialog/base-dialog-tests.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AAExC,eAAO,MAAM,iBAAiB,WACpB,MAAM,EAAE,CAAC,eAAe,CAAC,UACzB,WAAW,QACb,WAAW,SA6JlB,CAAC"}
|
|
@@ -121,6 +121,22 @@ var sharedDialogTests = function (Dialog, header, body) {
|
|
|
121
121
|
});
|
|
122
122
|
expect(fragment).toMatchSnapshot();
|
|
123
123
|
});
|
|
124
|
+
test('toggle aria-hidden to content outside dialog', function () {
|
|
125
|
+
var Component = function () {
|
|
126
|
+
var _a = react_2.default.useState(true), open = _a[0], setOpen = _a[1];
|
|
127
|
+
return (react_2.default.createElement(react_2.default.Fragment, null,
|
|
128
|
+
react_2.default.createElement("p", { "data-testid": "outside-content" }, "other content"),
|
|
129
|
+
react_2.default.createElement(Dialog, { open: open, onDismiss: function () { return setOpen(false); } }, "Dialog content")));
|
|
130
|
+
};
|
|
131
|
+
var _a = (0, test_utils_1.renderWithTheme)(Component), getByTestId = _a.getByTestId, asFragment = _a.asFragment;
|
|
132
|
+
// outside content is hidden for screen readers when dialog is open
|
|
133
|
+
expect(getByTestId('outside-content')).toHaveAttribute('aria-hidden', 'true');
|
|
134
|
+
expect(asFragment()).toMatchSnapshot();
|
|
135
|
+
// outside content should be visible when dialog is closed
|
|
136
|
+
react_1.fireEvent.click(getByTestId('button'));
|
|
137
|
+
expect(getByTestId('outside-content')).not.toHaveAttribute('aria-hidden');
|
|
138
|
+
expect(asFragment()).toMatchSnapshot();
|
|
139
|
+
});
|
|
124
140
|
};
|
|
125
141
|
exports.sharedDialogTests = sharedDialogTests;
|
|
126
142
|
//# sourceMappingURL=base-dialog-tests.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base-dialog-tests.js","sourceRoot":"","sources":["../../../src/dialog/base-dialog-tests.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"base-dialog-tests.js","sourceRoot":"","sources":["../../../src/dialog/base-dialog-tests.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base-dialog-view.d.ts","sourceRoot":"","sources":["../../../src/dialog/base-dialog-view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAC;AAmB5C,eAAO,MAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"base-dialog-view.d.ts","sourceRoot":"","sources":["../../../src/dialog/base-dialog-view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAC;AAmB5C,eAAO,MAAM,cAAc,4FAuG1B,CAAC"}
|
|
@@ -42,9 +42,14 @@ exports.BaseDialogView = react_1.default.forwardRef(function (_a, panelRef) {
|
|
|
42
42
|
var listDialogItemNotification = (0, hooks_1.useReactKeys)(1)[0];
|
|
43
43
|
var theme = (0, theme_1.useTheme)();
|
|
44
44
|
var closeButtonOverrides = __assign({}, (0, deep_merge_1.deepMerge)((0, merge_breakpoint_object_1.mergeBreakpointObject)(Object.keys(theme.breakpoints)), theme.componentDefaults[path].closeButton, (0, filter_object_1.filterOutFalsyProperties)(overrides.closeButton)));
|
|
45
|
-
var MoveFocusInsideWhenFocusTrapDisabled = disableFocusTrap && open
|
|
45
|
+
var MoveFocusInsideWhenFocusTrapDisabled = disableFocusTrap && open
|
|
46
|
+
? function (_a) {
|
|
47
|
+
var focusChildren = _a.children;
|
|
48
|
+
return (react_1.default.createElement(styled_1.StyledMoveFocusInside, { closePosition: closePosition }, focusChildren));
|
|
49
|
+
}
|
|
50
|
+
: react_1.default.Fragment;
|
|
46
51
|
return (react_1.default.createElement(styled_1.StyledDialogPanel, __assign({ ref: panelRef, className: className, role: "dialog", "aria-modal": disableFocusTrap ? 'false' : 'true', "aria-describedby": ariaDescribedby, "aria-labelledby": ariaLabelledby, overrides: overrides, path: path, inline: inline, "$open": open, closePosition: closePosition }, props),
|
|
47
|
-
react_1.default.createElement(MoveFocusInsideWhenFocusTrapDisabled,
|
|
52
|
+
react_1.default.createElement(MoveFocusInsideWhenFocusTrapDisabled, null,
|
|
48
53
|
header === undefined && closePosition === 'none' ? null : (react_1.default.createElement(styled_1.StyledDialogHeaderBG, { overrides: overrides, path: path })),
|
|
49
54
|
header !== undefined && (react_1.default.createElement(styled_1.StyledDialogHeader, { overrides: overrides, path: path }, header)),
|
|
50
55
|
react_1.default.createElement(styled_1.StyledDialogContent, { "data-testid": "dialog-content", path: path, overrides: overrides }, children),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base-dialog-view.js","sourceRoot":"","sources":["../../../src/dialog/base-dialog-view.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,mCAOkB;AAClB,kCAAyC;AACzC,oCAAqC;AACrC,kDAA8C;AAC9C,wDAAgE;AAChE,4EAAuE;AACvE,kCAAkD;AAClD,4DAAuD;AACvD,wCAA4C;AAC5C,8CAA0C;AAE7B,QAAA,cAAc,GAAG,eAAK,CAAC,UAAU,CAI5C,UACE,EAcC,EACD,QAAQ;IAdN,IAAA,sBAAsB,4BAAA,EACtB,SAAS,eAAA,EACT,IAAI,UAAA,EACJ,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,aAAa,mBAAA,EACb,MAAM,YAAA,EACN,eAAe,qBAAA,EACf,cAAc,oBAAA,EACd,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,gBAAgB,sBAAA,EAChB,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACX,KAAK,cAbV,8KAcC,CADS;IAIH,IAAA,0BAA0B,GAAI,IAAA,oBAAY,EAAC,CAAC,CAAC,GAAnB,CAAoB;IAErD,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,IAAM,oBAAoB,gBACrB,IAAA,sBAAS,EACV,IAAA,+CAAqB,EACnB,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAqB,CACnD,EACD,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,WAAW,EACzC,IAAA,wCAAwB,EAAC,SAAS,CAAC,WAAW,CAAC,CAChD,CACF,CAAC;IAEF,IAAM,oCAAoC,GACxC,gBAAgB,IAAI,IAAI,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"base-dialog-view.js","sourceRoot":"","sources":["../../../src/dialog/base-dialog-view.tsx"],"names":[],"mappings":"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"}
|
package/cjs/form/context.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/form/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,QAAQ,EAAE,cAAc,EAAC,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAC,aAAa,EAAC,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAC,oBAAoB,EAAE,cAAc,EAAC,MAAM,SAAS,CAAC;AAO7D,eAAO,MAAM,qBAAqB;oBAChB,MAAM;oBACN,oBAAoB;uBACjB,SAAS,eAAe,oBAAoB,CAAC,CAAC;EAKjE,CAAC;AACH,eAAO,MAAM,6BAA6B;oBARxB,MAAM;oBACN,oBAAoB;uBACjB,SAAS,eAAe,oBAAoB,CAAC,CAAC;EAMQ,CAAC;AAE5E,eAAO,MAAM,gBAAgB;;;wBAGR,MAAM,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI;sBAC9C,gBAAgB,CAAC,gBAAgB,CAAC,KAAK,IAAI;YACpD,cAAc;;;;;;iBAMT,MAAM,SAAS
|
|
1
|
+
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/form/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,QAAQ,EAAE,cAAc,EAAC,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAC,aAAa,EAAC,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAC,oBAAoB,EAAE,cAAc,EAAC,MAAM,SAAS,CAAC;AAO7D,eAAO,MAAM,qBAAqB;oBAChB,MAAM;oBACN,oBAAoB;uBACjB,SAAS,eAAe,oBAAoB,CAAC,CAAC;EAKjE,CAAC;AACH,eAAO,MAAM,6BAA6B;oBARxB,MAAM;oBACN,oBAAoB;uBACjB,SAAS,eAAe,oBAAoB,CAAC,CAAC;EAMQ,CAAC;AAE5E,eAAO,MAAM,gBAAgB;;;wBAGR,MAAM,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI;sBAC9C,gBAAgB,CAAC,gBAAgB,CAAC,KAAK,IAAI;YACpD,cAAc;;;;;;iBAMT,MAAM,SAAS;;EAExB,CAAC"}
|
package/cjs/form/context.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/form/context.ts"],"names":[],"mappings":";;;AAAA,+BAA8D;AAI9D,0BAA0B;AAC1B,IAAM,IAAI,GAAG;IACX,WAAW;AACb,CAAC,CAAC;AAEW,QAAA,qBAAqB,GAAG,IAAA,qBAAa,EAI/C;IACD,cAAc,EAAE,EAAE;IAClB,cAAc,EAAE,EAAE;IAClB,iBAAiB,EAAE,IAAI;CACxB,CAAC,CAAC;AACU,QAAA,6BAA6B,GAAG,6BAAqB,CAAC,QAAQ,CAAC;AAE/D,QAAA,gBAAgB,GAAG,IAAA,qBAAa,
|
|
1
|
+
{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/form/context.ts"],"names":[],"mappings":";;;AAAA,+BAA8D;AAI9D,0BAA0B;AAC1B,IAAM,IAAI,GAAG;IACX,WAAW;AACb,CAAC,CAAC;AAEW,QAAA,qBAAqB,GAAG,IAAA,qBAAa,EAI/C;IACD,cAAc,EAAE,EAAE;IAClB,cAAc,EAAE,EAAE;IAClB,iBAAiB,EAAE,IAAI;CACxB,CAAC,CAAC;AACU,QAAA,6BAA6B,GAAG,6BAAqB,CAAC,QAAQ,CAAC;AAE/D,QAAA,gBAAgB,GAAG,IAAA,qBAAa,EAa1C,EAAE,CAAC,CAAC"}
|
package/cjs/form/form-input.d.ts
CHANGED
|
@@ -11,8 +11,9 @@ export declare type FormInputProps = {
|
|
|
11
11
|
children?: JSX.Element | JSX.Element[];
|
|
12
12
|
id?: string;
|
|
13
13
|
} & Omit<FormEntryProps, 'children'>;
|
|
14
|
-
export declare const FormInputLabel: ({ children, ...props }: LabelProps) => JSX.Element;
|
|
15
14
|
export declare const FormInputTextField: React.ForwardRefExoticComponent<FormInputTextFieldProps & React.RefAttributes<HTMLInputElement>>;
|
|
15
|
+
export declare const FormInput: React.FC<FormInputProps>;
|
|
16
|
+
export declare const FormInputLabel: ({ children, ...props }: LabelProps) => JSX.Element;
|
|
16
17
|
export declare const FormInputSelect: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLInputElement>>;
|
|
17
18
|
export declare const FormInputAssistiveText: ({ children, validationIcon, overrides, ...props }: React.HTMLAttributes<HTMLParagraphElement> & Omit<import("../with-enhancers/types").WithEnhancersProps, "isFocused" | "componentDefaultsPath" | "enhancersType"> & {
|
|
18
19
|
overrides?: (import("./types").EnhancerOverrides & {
|
|
@@ -24,5 +25,4 @@ export declare const FormInputAssistiveText: ({ children, validationIcon, overri
|
|
|
24
25
|
validationIcon?: boolean | undefined;
|
|
25
26
|
}) => JSX.Element;
|
|
26
27
|
export declare const FormInputCheckbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
|
|
27
|
-
export declare const FormInput: React.FC<FormInputProps>;
|
|
28
28
|
//# sourceMappingURL=form-input.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-input.d.ts","sourceRoot":"","sources":["../../../src/form/form-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAQ,UAAU,EAAC,MAAM,UAAU,CAAC;AAE3C,OAAO,EAAgB,kBAAkB,EAAC,MAAM,mBAAmB,CAAC;AAEpE,OAAO,EAAW,aAAa,EAAC,MAAM,aAAa,CAAC;AAIpD,OAAO,EACL,uBAAuB,EACvB,cAAc,EACd,aAAa,EACd,MAAM,qBAAqB,CAAC;AAG7B,OAAO,EAAC,cAAc,EAAC,MAAM,SAAS,CAAC;AACvC,OAAO,EAAC,WAAW,EAAS,MAAM,WAAW,CAAC;AAM9C,oBAAY,cAAc,GAAG;IAC3B,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;IACvC,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"form-input.d.ts","sourceRoot":"","sources":["../../../src/form/form-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAQ,UAAU,EAAC,MAAM,UAAU,CAAC;AAE3C,OAAO,EAAgB,kBAAkB,EAAC,MAAM,mBAAmB,CAAC;AAEpE,OAAO,EAAW,aAAa,EAAC,MAAM,aAAa,CAAC;AAIpD,OAAO,EACL,uBAAuB,EACvB,cAAc,EACd,aAAa,EACd,MAAM,qBAAqB,CAAC;AAG7B,OAAO,EAAC,cAAc,EAAC,MAAM,SAAS,CAAC;AACvC,OAAO,EAAC,WAAW,EAAS,MAAM,WAAW,CAAC;AAM9C,oBAAY,cAAc,GAAG;IAC3B,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;IACvC,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC;AAqErC,eAAO,MAAM,kBAAkB,kGA+C7B,CAAC;AAEH,eAAO,MAAM,SAAS,0BAKpB,CAAC;AAEH,eAAO,MAAM,cAAc,2BAA0B,UAAU,gBAQ9D,CAAC;AAEF,eAAO,MAAM,eAAe,sFAiC3B,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;;;;iBA+BlC,CAAC;AAEF,eAAO,MAAM,iBAAiB,wFA4B5B,CAAC"}
|
package/cjs/form/form-input.js
CHANGED
|
@@ -44,7 +44,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
44
44
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
45
45
|
};
|
|
46
46
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
47
|
-
exports.
|
|
47
|
+
exports.FormInputCheckbox = exports.FormInputAssistiveText = exports.FormInputSelect = exports.FormInputLabel = exports.FormInput = exports.FormInputTextField = void 0;
|
|
48
48
|
var react_1 = __importStar(require("react"));
|
|
49
49
|
var compose_react_refs_1 = __importDefault(require("@seznam/compose-react-refs"));
|
|
50
50
|
var label_1 = require("../label");
|
|
@@ -81,6 +81,7 @@ var ThemelessFormInput = function (_a) {
|
|
|
81
81
|
state: state,
|
|
82
82
|
iconSize: validationIconSize,
|
|
83
83
|
});
|
|
84
|
+
var isRequired = rules && rules.required !== undefined;
|
|
84
85
|
var inputFieldContext = {
|
|
85
86
|
name: name,
|
|
86
87
|
size: size || passedInputFieldContext.size || defaultSize,
|
|
@@ -93,19 +94,14 @@ var ThemelessFormInput = function (_a) {
|
|
|
93
94
|
assistiveTextId: assistiveTextId,
|
|
94
95
|
labelId: labelId,
|
|
95
96
|
statusIcon: statusIcon,
|
|
97
|
+
isRequired: isRequired,
|
|
96
98
|
};
|
|
97
99
|
return (react_1.default.createElement(context_1.FormInputContext.Provider, { value: inputFieldContext }, children));
|
|
98
100
|
}));
|
|
99
101
|
};
|
|
100
|
-
var FormInputLabel = function (_a) {
|
|
101
|
-
var children = _a.children, props = __rest(_a, ["children"]);
|
|
102
|
-
var _b = useFormFieldContext(), size = _b.size, state = _b.state, id = _b.id, labelId = _b.labelId;
|
|
103
|
-
return (react_1.default.createElement(label_1.Label, __assign({ id: labelId, size: size, state: state, htmlFor: id }, props), children));
|
|
104
|
-
};
|
|
105
|
-
exports.FormInputLabel = FormInputLabel;
|
|
106
102
|
exports.FormInputTextField = react_1.default.forwardRef(function (_a, inputRef) {
|
|
107
103
|
var children = _a.children, onChange = _a.onChange, onBlur = _a.onBlur, endEnhancer = _a.endEnhancer, props = __rest(_a, ["children", "onChange", "onBlur", "endEnhancer"]);
|
|
108
|
-
var _b = useFormFieldContext(), size = _b.size, name = _b.name, state = _b.state, onChangeContext = _b.onChange, onBlurContext = _b.onBlur, ref = _b.ref, id = _b.id, assistiveTextId = _b.assistiveTextId, statusIcon = _b.statusIcon;
|
|
104
|
+
var _b = useFormFieldContext(), size = _b.size, name = _b.name, state = _b.state, onChangeContext = _b.onChange, onBlurContext = _b.onBlur, ref = _b.ref, id = _b.id, assistiveTextId = _b.assistiveTextId, statusIcon = _b.statusIcon, isRequired = _b.isRequired;
|
|
109
105
|
function getEndEnhancer() {
|
|
110
106
|
if (!statusIcon) {
|
|
111
107
|
return endEnhancer;
|
|
@@ -121,8 +117,17 @@ exports.FormInputTextField = react_1.default.forwardRef(function (_a, inputRef)
|
|
|
121
117
|
}
|
|
122
118
|
return statusIcon;
|
|
123
119
|
}
|
|
124
|
-
return (react_1.default.createElement(text_field_1.TextField, __assign({ name: name, state: state, size: size, onChange: (0, utils_1.composeEventHandlers)([onChange, onChangeContext]), onBlur: (0, utils_1.composeEventHandlers)([onBlur, onBlurContext]), ref: (0, compose_react_refs_1.default)(ref, inputRef), endEnhancer: getEndEnhancer(), id: id, "aria-describedby": assistiveTextId }, props)));
|
|
120
|
+
return (react_1.default.createElement(text_field_1.TextField, __assign({ "aria-required": isRequired ? 'true' : undefined, "aria-invalid": state === 'invalid' ? 'true' : 'false', name: name, state: state, size: size, onChange: (0, utils_1.composeEventHandlers)([onChange, onChangeContext]), onBlur: (0, utils_1.composeEventHandlers)([onBlur, onBlurContext]), ref: (0, compose_react_refs_1.default)(ref, inputRef), endEnhancer: getEndEnhancer(), id: id, "aria-describedby": assistiveTextId }, props)));
|
|
121
|
+
});
|
|
122
|
+
exports.FormInput = (0, with_own_theme_1.withOwnTheme)(ThemelessFormInput)({
|
|
123
|
+
defaults: __assign(__assign({}, defaults_1.default), defaults_2.default),
|
|
125
124
|
});
|
|
125
|
+
var FormInputLabel = function (_a) {
|
|
126
|
+
var children = _a.children, props = __rest(_a, ["children"]);
|
|
127
|
+
var _b = useFormFieldContext(), size = _b.size, state = _b.state, id = _b.id, labelId = _b.labelId;
|
|
128
|
+
return (react_1.default.createElement(label_1.Label, __assign({ id: labelId, size: size, state: state, htmlFor: id }, props), children));
|
|
129
|
+
};
|
|
130
|
+
exports.FormInputLabel = FormInputLabel;
|
|
126
131
|
exports.FormInputSelect = react_1.default.forwardRef(function (_a, inputRef) {
|
|
127
132
|
var children = _a.children, onChange = _a.onChange, onBlur = _a.onBlur, props = __rest(_a, ["children", "onChange", "onBlur"]);
|
|
128
133
|
var _b = useFormFieldContext(), size = _b.size, name = _b.name, state = _b.state, onChangeContext = _b.onChange, onBlurContext = _b.onBlur, ref = _b.ref, id = _b.id, assistiveTextId = _b.assistiveTextId, labelId = _b.labelId, statusIcon = _b.statusIcon;
|
|
@@ -142,7 +147,4 @@ exports.FormInputCheckbox = react_1.default.forwardRef(function (_a, inputRef) {
|
|
|
142
147
|
var _b = useFormFieldContext(), size = _b.size, name = _b.name, state = _b.state, onChangeContext = _b.onChange, onBlurContext = _b.onBlur, ref = _b.ref, id = _b.id, assistiveTextId = _b.assistiveTextId;
|
|
143
148
|
return (react_1.default.createElement(checkbox_1.Checkbox, __assign({ name: name, state: state, size: size, onChange: (0, utils_1.composeEventHandlers)([onChange, onChangeContext]), onBlur: (0, utils_1.composeEventHandlers)([onBlur, onBlurContext]), ref: (0, compose_react_refs_1.default)(ref, inputRef), id: id, "aria-describedby": assistiveTextId }, props)));
|
|
144
149
|
});
|
|
145
|
-
exports.FormInput = (0, with_own_theme_1.withOwnTheme)(ThemelessFormInput)({
|
|
146
|
-
defaults: __assign(__assign({}, defaults_1.default), defaults_2.default),
|
|
147
|
-
});
|
|
148
150
|
//# sourceMappingURL=form-input.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-input.js","sourceRoot":"","sources":["../../../src/form/form-input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAwC;AACxC,kFAAqD;AACrD,kCAA2C;AAC3C,uDAAmD;AACnD,oDAAoE;AACpE,iCAA4D;AAC5D,wCAAoD;AACpD,wCAA4C;AAC5C,gDAA4C;AAC5C,kCAAkC;AAMlC,2CAAuC;AACvC,kCAA+B;AAE/B,oCAA8C;AAC9C,qCAA2C;AAC3C,0DAAqD;AACrD,oEAAuD;AACvD,wEAA+D;AAS/D,IAAM,mBAAmB,GAAG,cAAM,OAAA,IAAA,kBAAU,EAAC,0BAAgB,CAAC,EAA5B,CAA4B,CAAC;AAE/D,IAAM,kBAAkB,GAAG,UAAC,EAOX;QANf,IAAI,UAAA,EACJ,KAAK,WAAA,EACE,SAAS,WAAA,EAChB,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,EAAE,QAAA;IAEF,IAAM,WAAW,GAAG,QAAyB,CAAC;IACvC,IAAA,eAAe,GAAI,IAAA,oBAAY,EAAC,CAAC,CAAC,GAAnB,CAAoB;IAE1C,IAAM,SAAS,GAAG,EAAE,IAAI,eAAe,CAAC;IAExC,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAEzB,IAAM,kBAAkB,GAAG,IAAA,oBAAQ,EACjC,EAAC,KAAK,OAAA,EAAE,SAAS,EAAE,EAAE,EAAC,EACtB,oBAAa,IAAI,IAAI,WAAW,iBAAc,EAC9C,aAAa,EACb,UAAU,CACX,CAAC;IAEF,IAAM,uBAAuB,GAAG,mBAAmB,EAAE,CAAC;IAEtD,OAAO,CACL,8BAAC,sBAAS,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,IAChC,UAAC,EAAmD;YAAlD,GAAG,SAAA,EAAS,YAAY,WAAA,EAAE,QAAQ,cAAA,EAAE,MAAM,YAAA,EAAE,KAAK,WAAA;QAClD,IAAM,KAAK,GAAG,SAAS,IAAI,YAAY,CAAC;QACxC,IAAM,eAAe,GACnB,CAAC,KAAK,KAAK,SAAS,IAAI,UAAG,SAAS,gBAAa,CAAC;YAClD,UAAG,SAAS,oBAAiB,CAAC;QAChC,IAAM,OAAO,GAAG,UAAG,SAAS,WAAQ,CAAC;QAErC,IAAM,UAAU,GAAG,IAAA,qBAAa,EAAC;YAC/B,KAAK,OAAA;YACL,QAAQ,EAAE,kBAAkB;SAC7B,CAAC,CAAC;QAEH,IAAM,iBAAiB,GAAG;YACxB,IAAI,MAAA;YACJ,IAAI,EAAE,IAAI,IAAI,uBAAuB,CAAC,IAAI,IAAI,WAAW;YACzD,QAAQ,UAAA;YACR,MAAM,QAAA;YACN,KAAK,OAAA;YACL,KAAK,OAAA;YACL,GAAG,KAAA;YACH,EAAE,EAAE,SAAS;YACb,eAAe,iBAAA;YACf,OAAO,SAAA;YACP,UAAU,YAAA;SACX,CAAC;QAEF,OAAO,CACL,8BAAC,0BAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,iBAAiB,IAChD,QAAQ,CACiB,CAC7B,CAAC;IACJ,CAAC,CACS,CACb,CAAC;AACJ,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"form-input.js","sourceRoot":"","sources":["../../../src/form/form-input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { MQ } from '../utils/style';
|
|
3
|
+
import { GridLayoutProps } from './types';
|
|
4
|
+
export declare const GridLayoutItem: import("@emotion/styled").StyledComponent<import("../block").BlockProps & {
|
|
5
|
+
children?: React.ReactNode;
|
|
6
|
+
} & {
|
|
7
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
8
|
+
} & {
|
|
9
|
+
area?: string | undefined;
|
|
10
|
+
order?: MQ<number> | undefined;
|
|
11
|
+
justifySelf?: MQ<string> | undefined;
|
|
12
|
+
alignSelf?: MQ<string> | undefined;
|
|
13
|
+
}, {}, {}>;
|
|
14
|
+
export declare const GridLayout: ({ children, ...props }: GridLayoutProps) => JSX.Element;
|
|
15
|
+
//# sourceMappingURL=grid-layout.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"grid-layout.d.ts","sourceRoot":"","sources":["../../../src/grid-layout/grid-layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAuB,EAAE,EAAS,MAAM,gBAAgB,CAAC;AAChE,OAAO,EAAW,eAAe,EAAsB,MAAM,SAAS,CAAC;AAIvE,eAAO,MAAM,cAAc;;;;;;;;;UAW1B,CAAC;AAEF,eAAO,MAAM,UAAU,2BAA0B,eAAe,gBAoC/D,CAAC"}
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
6
|
+
var __assign = (this && this.__assign) || function () {
|
|
7
|
+
__assign = Object.assign || function(t) {
|
|
8
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
+
s = arguments[i];
|
|
10
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
+
t[p] = s[p];
|
|
12
|
+
}
|
|
13
|
+
return t;
|
|
14
|
+
};
|
|
15
|
+
return __assign.apply(this, arguments);
|
|
16
|
+
};
|
|
17
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
18
|
+
var t = {};
|
|
19
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
20
|
+
t[p] = s[p];
|
|
21
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
22
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
23
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
24
|
+
t[p[i]] = s[p[i]];
|
|
25
|
+
}
|
|
26
|
+
return t;
|
|
27
|
+
};
|
|
28
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
29
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
30
|
+
};
|
|
31
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
32
|
+
exports.GridLayout = exports.GridLayoutItem = void 0;
|
|
33
|
+
var react_1 = __importDefault(require("react"));
|
|
34
|
+
var block_1 = require("../block");
|
|
35
|
+
var style_1 = require("../utils/style");
|
|
36
|
+
var styled_1 = require("./styled");
|
|
37
|
+
var utils_1 = require("./utils");
|
|
38
|
+
exports.GridLayoutItem = (0, style_1.styled)(block_1.Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n grid-area: ", ";\n ", "\n ", "\n ", "\n"], ["\n grid-area: ", ";\n ", "\n ", "\n ", "\n"])), function (props) { return props.area; }, (0, style_1.handleResponsiveProp)({ order: undefined }, function (_a) {
|
|
39
|
+
var order = _a.order;
|
|
40
|
+
return ({
|
|
41
|
+
order: order,
|
|
42
|
+
});
|
|
43
|
+
}), (0, style_1.handleResponsiveProp)({ justifySelf: undefined }, function (_a) {
|
|
44
|
+
var justifySelf = _a.justifySelf;
|
|
45
|
+
return ({
|
|
46
|
+
justifySelf: justifySelf,
|
|
47
|
+
});
|
|
48
|
+
}), (0, style_1.handleResponsiveProp)({ alignSelf: undefined }, function (_a) {
|
|
49
|
+
var alignSelf = _a.alignSelf;
|
|
50
|
+
return ({
|
|
51
|
+
alignSelf: alignSelf,
|
|
52
|
+
});
|
|
53
|
+
}));
|
|
54
|
+
var GridLayout = function (_a) {
|
|
55
|
+
var children = _a.children, props = __rest(_a, ["children"]);
|
|
56
|
+
var areas = props.areas;
|
|
57
|
+
var areasNames = (0, utils_1.getAreasList)(areas || '');
|
|
58
|
+
var Areas = {};
|
|
59
|
+
var isFunctionWithAreas = typeof children === 'function' && areasNames.length > 0;
|
|
60
|
+
if (isFunctionWithAreas) {
|
|
61
|
+
areasNames.forEach(function (area) {
|
|
62
|
+
var componentName = (0, utils_1.capitalize)(area);
|
|
63
|
+
Areas[componentName] = function (itemProps) { return (react_1.default.createElement(exports.GridLayoutItem, __assign({ area: area }, itemProps))); };
|
|
64
|
+
});
|
|
65
|
+
}
|
|
66
|
+
var validCSSAreas;
|
|
67
|
+
if (typeof areas === 'object') {
|
|
68
|
+
validCSSAreas = {};
|
|
69
|
+
Object.entries(areas).forEach(function (_a) {
|
|
70
|
+
var key = _a[0], value = _a[1];
|
|
71
|
+
validCSSAreas[key] = (0, utils_1.areaToValidCSS)(value);
|
|
72
|
+
});
|
|
73
|
+
}
|
|
74
|
+
else {
|
|
75
|
+
validCSSAreas = (0, utils_1.areaToValidCSS)(areas);
|
|
76
|
+
}
|
|
77
|
+
return (react_1.default.createElement(styled_1.StyledGridLayout, __assign({}, props, { areas: validCSSAreas }), isFunctionWithAreas ? children(Areas) : children));
|
|
78
|
+
};
|
|
79
|
+
exports.GridLayout = GridLayout;
|
|
80
|
+
var templateObject_1;
|
|
81
|
+
//# sourceMappingURL=grid-layout.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"grid-layout.js","sourceRoot":"","sources":["../../../src/grid-layout/grid-layout.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,kCAA+B;AAC/B,wCAAgE;AAEhE,mCAA0C;AAC1C,iCAAiE;AAEpD,QAAA,cAAc,GAAG,IAAA,cAAM,EAAC,aAAK,CAAC,mHAAqB,iBACjD,EAAmB,OAC9B,EAEC,MACD,EAEC,MACD,EAEC,IACJ,KAVc,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,IAAI,EAAV,CAAU,EAC9B,IAAA,4BAAoB,EAAC,EAAC,KAAK,EAAE,SAAS,EAAC,EAAE,UAAC,EAAO;QAAN,KAAK,WAAA;IAAM,OAAA,CAAC;QACvD,KAAK,OAAA;KACN,CAAC;AAFsD,CAEtD,CAAC,EACD,IAAA,4BAAoB,EAAC,EAAC,WAAW,EAAE,SAAS,EAAC,EAAE,UAAC,EAAa;QAAZ,WAAW,iBAAA;IAAM,OAAA,CAAC;QACnE,WAAW,aAAA;KACZ,CAAC;AAFkE,CAElE,CAAC,EACD,IAAA,4BAAoB,EAAC,EAAC,SAAS,EAAE,SAAS,EAAC,EAAE,UAAC,EAAW;QAAV,SAAS,eAAA;IAAM,OAAA,CAAC;QAC/D,SAAS,WAAA;KACV,CAAC;AAF8D,CAE9D,CAAC,EACH;AAEK,IAAM,UAAU,GAAG,UAAC,EAAqC;IAApC,IAAA,QAAQ,cAAA,EAAK,KAAK,cAAnB,YAAoB,CAAD;IACrC,IAAA,KAAK,GAAI,KAAK,MAAT,CAAU;IAEtB,IAAM,UAAU,GAAG,IAAA,oBAAY,EAAC,KAAK,IAAI,EAAE,CAAC,CAAC;IAC7C,IAAM,KAAK,GAAG,EAAc,CAAC;IAE7B,IAAM,mBAAmB,GACvB,OAAO,QAAQ,KAAK,UAAU,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC;IAE1D,IAAI,mBAAmB,EAAE;QACvB,UAAU,CAAC,OAAO,CAAC,UAAA,IAAI;YACrB,IAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,IAAI,CAAC,CAAC;YACvC,KAAK,CAAC,aAAa,CAAC,GAAG,UAAC,SAA8B,IAAK,OAAA,CACzD,8BAAC,sBAAc,aAAC,IAAI,EAAE,IAAI,IAAM,SAAS,EAAI,CAC9C,EAF0D,CAE1D,CAAC;QACJ,CAAC,CAAC,CAAC;KACJ;IAED,IAAI,aAAsE,CAAC;IAE3E,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;QAC7B,aAAa,GAAG,EAAE,CAAC;QACnB,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,UAAC,EAAY;gBAAX,GAAG,QAAA,EAAE,KAAK,QAAA;YACvC,aAAoD,CACnD,GAAG,CACJ,GAAG,IAAA,sBAAc,EAAC,KAAK,CAAC,CAAC;QAC5B,CAAC,CAAC,CAAC;KACJ;SAAM;QACL,aAAa,GAAG,IAAA,sBAAc,EAAC,KAAK,CAAC,CAAC;KACvC;IAED,OAAO,CACL,8BAAC,yBAAgB,eAAK,KAAK,IAAE,KAAK,EAAE,aAA2B,KAC5D,mBAAmB,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAChC,CACpB,CAAC;AACJ,CAAC,CAAC;AApCW,QAAA,UAAU,cAoCrB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/grid-layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
+
}) : (function(o, m, k, k2) {
|
|
6
|
+
if (k2 === undefined) k2 = k;
|
|
7
|
+
o[k2] = m[k];
|
|
8
|
+
}));
|
|
9
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
10
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
11
|
+
};
|
|
12
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
13
|
+
__exportStar(require("./grid-layout"), exports);
|
|
14
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/grid-layout/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,gDAA8B"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { GridLayoutProps } from './types';
|
|
3
|
+
export declare const StyledGridLayout: import("@emotion/styled").StyledComponent<{
|
|
4
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
5
|
+
as?: import("react").ElementType<any> | undefined;
|
|
6
|
+
} & GridLayoutProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
7
|
+
//# sourceMappingURL=styled.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/grid-layout/styled.ts"],"names":[],"mappings":";AAEA,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AAqBxC,eAAO,MAAM,gBAAgB;;;2HAuE5B,CAAC"}
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
6
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
+
exports.StyledGridLayout = void 0;
|
|
8
|
+
var style_1 = require("../utils/style");
|
|
9
|
+
var GRID_DEFAULT_PROPS = {
|
|
10
|
+
rowGap: undefined,
|
|
11
|
+
columnGap: undefined,
|
|
12
|
+
columns: undefined,
|
|
13
|
+
rows: undefined,
|
|
14
|
+
justifyContent: undefined,
|
|
15
|
+
alignContent: undefined,
|
|
16
|
+
justifyItems: undefined,
|
|
17
|
+
alignItems: undefined,
|
|
18
|
+
areas: undefined,
|
|
19
|
+
inline: false,
|
|
20
|
+
};
|
|
21
|
+
var mapTemplate = function (theme, templateString) {
|
|
22
|
+
return templateString === null || templateString === void 0 ? void 0 : templateString.split(' ').map(function (section) { return theme.sizing[section] || section; }).join(' ');
|
|
23
|
+
};
|
|
24
|
+
exports.StyledGridLayout = style_1.styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", ";\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n \n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n"], ["\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", ";\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n \n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n"])), (0, style_1.handleResponsiveProp)({ inline: GRID_DEFAULT_PROPS.inline }, function (_a) {
|
|
25
|
+
var inline = _a.inline;
|
|
26
|
+
return ({
|
|
27
|
+
display: inline ? 'inline-grid' : 'grid',
|
|
28
|
+
});
|
|
29
|
+
}), (0, style_1.handleResponsiveProp)({ rowGap: GRID_DEFAULT_PROPS.rowGap }, function (_a, _b) {
|
|
30
|
+
var rowGap = _a.rowGap;
|
|
31
|
+
var theme = _b.theme;
|
|
32
|
+
return ({
|
|
33
|
+
rowGap: rowGap && (theme.spacePresets[rowGap] || rowGap),
|
|
34
|
+
});
|
|
35
|
+
}), (0, style_1.handleResponsiveProp)({ columnGap: GRID_DEFAULT_PROPS.columnGap }, function (_a, _b) {
|
|
36
|
+
var columnGap = _a.columnGap;
|
|
37
|
+
var theme = _b.theme;
|
|
38
|
+
return ({
|
|
39
|
+
columnGap: columnGap && (theme.spacePresets[columnGap] || columnGap),
|
|
40
|
+
});
|
|
41
|
+
}), (0, style_1.handleResponsiveProp)({ columns: GRID_DEFAULT_PROPS.columns }, function (_a, _b) {
|
|
42
|
+
var columns = _a.columns;
|
|
43
|
+
var theme = _b.theme;
|
|
44
|
+
return ({
|
|
45
|
+
gridTemplateColumns: mapTemplate(theme, columns),
|
|
46
|
+
});
|
|
47
|
+
}), (0, style_1.handleResponsiveProp)({ rows: GRID_DEFAULT_PROPS.rows }, function (_a, _b) {
|
|
48
|
+
var rows = _a.rows;
|
|
49
|
+
var theme = _b.theme;
|
|
50
|
+
return ({
|
|
51
|
+
gridTemplateRows: mapTemplate(theme, rows),
|
|
52
|
+
});
|
|
53
|
+
}), (0, style_1.handleResponsiveProp)({ areas: GRID_DEFAULT_PROPS.areas }, function (_a) {
|
|
54
|
+
var areas = _a.areas;
|
|
55
|
+
return ({
|
|
56
|
+
gridTemplateAreas: areas,
|
|
57
|
+
});
|
|
58
|
+
}), (0, style_1.handleResponsiveProp)({ justifyContent: GRID_DEFAULT_PROPS.justifyContent }, function (_a) {
|
|
59
|
+
var justifyContent = _a.justifyContent;
|
|
60
|
+
return ({
|
|
61
|
+
justifyContent: justifyContent,
|
|
62
|
+
});
|
|
63
|
+
}), (0, style_1.handleResponsiveProp)({ alignContent: GRID_DEFAULT_PROPS.alignContent }, function (_a) {
|
|
64
|
+
var alignContent = _a.alignContent;
|
|
65
|
+
return ({
|
|
66
|
+
alignContent: alignContent,
|
|
67
|
+
});
|
|
68
|
+
}), (0, style_1.handleResponsiveProp)({ justifyItems: GRID_DEFAULT_PROPS.justifyItems }, function (_a) {
|
|
69
|
+
var justifyItems = _a.justifyItems;
|
|
70
|
+
return ({
|
|
71
|
+
justifyItems: justifyItems,
|
|
72
|
+
});
|
|
73
|
+
}), (0, style_1.handleResponsiveProp)({ alignItems: GRID_DEFAULT_PROPS.alignItems }, function (_a) {
|
|
74
|
+
var alignItems = _a.alignItems;
|
|
75
|
+
return ({
|
|
76
|
+
alignItems: alignItems,
|
|
77
|
+
});
|
|
78
|
+
}), (0, style_1.getResponsiveSize)('width', 'gridLayout', '', 'width'), (0, style_1.getResponsiveSize)('minWidth', 'gridLayout', '', 'minWidth'), (0, style_1.getResponsiveSize)('maxWidth', 'gridLayout', '', 'maxWidth'), (0, style_1.getResponsiveSize)('height', 'gridLayout', '', 'height'), (0, style_1.getResponsiveSize)('minHeight', 'gridLayout', '', 'minHeight'), (0, style_1.getResponsiveSize)('maxHeight', 'gridLayout', '', 'maxHeight'));
|
|
79
|
+
var templateObject_1;
|
|
80
|
+
//# sourceMappingURL=styled.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/grid-layout/styled.ts"],"names":[],"mappings":";;;;;;;AACA,wCAA+E;AAG/E,IAAM,kBAAkB,GAAG;IACzB,MAAM,EAAE,SAAS;IACjB,SAAS,EAAE,SAAS;IACpB,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,SAAS;IACf,cAAc,EAAE,SAAS;IACzB,YAAY,EAAE,SAAS;IACvB,YAAY,EAAE,SAAS;IACvB,UAAU,EAAE,SAAS;IACrB,KAAK,EAAE,SAAS;IAChB,MAAM,EAAE,KAAK;CACd,CAAC;AAEF,IAAM,WAAW,GAAG,UAAC,KAAY,EAAE,cAAuB;IACxD,OAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CACV,KAAK,CAAC,GAAG,EACV,GAAG,CAAC,UAAA,OAAO,IAAI,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,OAAO,EAAhC,CAAgC,EAC/C,IAAI,CAAC,GAAG,CAAC;AAHZ,CAGY,CAAC;AAEF,QAAA,gBAAgB,GAAG,cAAM,CAAC,GAAG,oOAAiB,MACvD,EAEC,QAED,EAKD,QAEC,EAKD,QAEC,EAKD,QAEC,EAKD,QAEC,EAEC,SAED,EAKD,QAEC,EAKD,QAEC,EAKD,QAEC,EAKD,UAEC,EAAqD,OACrD,EAA2D,OAC3D,EAA2D,OAC3D,EAAuD,OACvD,EAA6D,OAC7D,EAA6D,KAChE,KAtEG,IAAA,4BAAoB,EAAC,EAAC,MAAM,EAAE,kBAAkB,CAAC,MAAM,EAAC,EAAE,UAAC,EAAQ;QAAP,MAAM,YAAA;IAAM,OAAA,CAAC;QACzE,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM;KACzC,CAAC;AAFwE,CAExE,CAAC,EAED,IAAA,4BAAoB,EACpB,EAAC,MAAM,EAAE,kBAAkB,CAAC,MAAM,EAAC,EACnC,UAAC,EAAQ,EAAE,EAAO;QAAhB,MAAM,YAAA;QAAI,KAAK,WAAA;IAAM,OAAA,CAAC;QACtB,MAAM,EAAE,MAAM,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,MAAM,CAAC;KACzD,CAAC;AAFqB,CAErB,CACH,EAEC,IAAA,4BAAoB,EACpB,EAAC,SAAS,EAAE,kBAAkB,CAAC,SAAS,EAAC,EACzC,UAAC,EAAW,EAAE,EAAO;QAAnB,SAAS,eAAA;QAAI,KAAK,WAAA;IAAM,OAAA,CAAC;QACzB,SAAS,EAAE,SAAS,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,SAAS,CAAC,IAAI,SAAS,CAAC;KACrE,CAAC;AAFwB,CAExB,CACH,EAEC,IAAA,4BAAoB,EACpB,EAAC,OAAO,EAAE,kBAAkB,CAAC,OAAO,EAAC,EACrC,UAAC,EAAS,EAAE,EAAO;QAAjB,OAAO,aAAA;QAAI,KAAK,WAAA;IAAM,OAAA,CAAC;QACvB,mBAAmB,EAAE,WAAW,CAAC,KAAK,EAAE,OAAO,CAAC;KACjD,CAAC;AAFsB,CAEtB,CACH,EAEC,IAAA,4BAAoB,EACpB,EAAC,IAAI,EAAE,kBAAkB,CAAC,IAAI,EAAC,EAC/B,UAAC,EAAM,EAAE,EAAO;QAAd,IAAI,UAAA;QAAI,KAAK,WAAA;IAAM,OAAA,CAAC;QACpB,gBAAgB,EAAE,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC;KAC3C,CAAC;AAFmB,CAEnB,CACH,EAEC,IAAA,4BAAoB,EAAC,EAAC,KAAK,EAAE,kBAAkB,CAAC,KAAK,EAAC,EAAE,UAAC,EAAO;QAAN,KAAK,WAAA;IAAM,OAAA,CAAC;QACtE,iBAAiB,EAAE,KAAK;KACzB,CAAC;AAFqE,CAErE,CAAC,EAED,IAAA,4BAAoB,EACpB,EAAC,cAAc,EAAE,kBAAkB,CAAC,cAAc,EAAC,EACnD,UAAC,EAAgB;QAAf,cAAc,oBAAA;IAAM,OAAA,CAAC;QACrB,cAAc,gBAAA;KACf,CAAC;AAFoB,CAEpB,CACH,EAEC,IAAA,4BAAoB,EACpB,EAAC,YAAY,EAAE,kBAAkB,CAAC,YAAY,EAAC,EAC/C,UAAC,EAAc;QAAb,YAAY,kBAAA;IAAM,OAAA,CAAC;QACnB,YAAY,cAAA;KACb,CAAC;AAFkB,CAElB,CACH,EAEC,IAAA,4BAAoB,EACpB,EAAC,YAAY,EAAE,kBAAkB,CAAC,YAAY,EAAC,EAC/C,UAAC,EAAc;QAAb,YAAY,kBAAA;IAAM,OAAA,CAAC;QACnB,YAAY,cAAA;KACb,CAAC;AAFkB,CAElB,CACH,EAEC,IAAA,4BAAoB,EACpB,EAAC,UAAU,EAAE,kBAAkB,CAAC,UAAU,EAAC,EAC3C,UAAC,EAAY;QAAX,UAAU,gBAAA;IAAM,OAAA,CAAC;QACjB,UAAU,YAAA;KACX,CAAC;AAFgB,CAEhB,CACH,EAEC,IAAA,yBAAiB,EAAC,OAAO,EAAE,YAAY,EAAE,EAAE,EAAE,OAAO,CAAC,EACrD,IAAA,yBAAiB,EAAC,UAAU,EAAE,YAAY,EAAE,EAAE,EAAE,UAAU,CAAC,EAC3D,IAAA,yBAAiB,EAAC,UAAU,EAAE,YAAY,EAAE,EAAE,EAAE,UAAU,CAAC,EAC3D,IAAA,yBAAiB,EAAC,QAAQ,EAAE,YAAY,EAAE,EAAE,EAAE,QAAQ,CAAC,EACvD,IAAA,yBAAiB,EAAC,WAAW,EAAE,YAAY,EAAE,EAAE,EAAE,WAAW,CAAC,EAC7D,IAAA,yBAAiB,EAAC,WAAW,EAAE,YAAY,EAAE,EAAE,EAAE,WAAW,CAAC,EAC/D"}
|