@digigov/react-core 2.0.0-d57821ba → 2.0.0-daaf7bdf
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/Base/compat/Input/CheckboxInput.native/index.js +33 -0
- package/Base/compat/Input/CheckboxInput.native/package.json +6 -0
- package/Base/compat/Input/CheckboxInput.native.d.ts +4 -0
- package/Base/compat/Input/CheckboxInput.native.js.map +7 -0
- package/Base/compat/Input/RadioInput.native/index.js +32 -0
- package/Base/compat/Input/RadioInput.native/package.json +6 -0
- package/Base/compat/Input/RadioInput.native.d.ts +4 -0
- package/Base/compat/Input/RadioInput.native.js.map +7 -0
- package/Base/compat/Input/StringInput.native/index.js +99 -0
- package/Base/compat/Input/StringInput.native/package.json +6 -0
- package/Base/compat/Input/StringInput.native.d.ts +7 -0
- package/Base/compat/Input/StringInput.native.js.map +7 -0
- package/Base/compat/Input/index.native/index.js +24 -0
- package/Base/compat/Input/index.native/package.json +6 -0
- package/Base/compat/Input/index.native.d.ts +7 -0
- package/Base/compat/Input/index.native.js.map +7 -0
- package/Base/compat/button.native/index.js +48 -0
- package/Base/compat/button.native/package.json +6 -0
- package/Base/compat/button.native.d.ts +5 -0
- package/Base/compat/button.native.js.map +7 -0
- package/Base/compat/details.native/index.js +40 -0
- package/Base/compat/details.native/package.json +6 -0
- package/Base/compat/details.native.d.ts +8 -0
- package/Base/compat/details.native.js.map +7 -0
- package/Base/compat/li.native/index.js +9 -0
- package/Base/compat/li.native/package.json +6 -0
- package/Base/compat/li.native.d.ts +6 -0
- package/Base/compat/li.native.js.map +7 -0
- package/Base/compat/ol.native/index.js +33 -0
- package/Base/compat/ol.native/package.json +6 -0
- package/Base/compat/ol.native.d.ts +6 -0
- package/Base/compat/ol.native.js.map +7 -0
- package/Base/index.d.ts +2 -95
- package/Base/index.js +3 -98
- package/Base/index.js.map +3 -3
- package/Base/index.native/index.js +160 -0
- package/Base/index.native/package.json +6 -0
- package/Base/index.native.d.ts +7 -0
- package/Base/index.native.js.map +7 -0
- package/Base/index.web/index.js +104 -0
- package/Base/index.web/package.json +6 -0
- package/Base/index.web.d.ts +97 -0
- package/Base/index.web.js.map +7 -0
- package/Base/mapping.native/index.js +34 -0
- package/Base/mapping.native/package.json +6 -0
- package/Base/mapping.native.d.ts +6 -0
- package/Base/mapping.native.js.map +7 -0
- package/Base/utils/index.js +86 -0
- package/Base/utils/package.json +6 -0
- package/Base/utils.d.ts +41 -0
- package/Base/utils.js.map +7 -0
- package/Base/wrap.native/index.js +64 -0
- package/Base/wrap.native/package.json +6 -0
- package/Base/wrap.native.d.ts +2 -0
- package/Base/wrap.native.js.map +7 -0
- package/CallToAction/index.js +1 -1
- package/CallToAction/index.js.map +2 -2
- package/Card/index.js +2 -1
- package/Card/index.js.map +2 -2
- package/CheckboxItem/index.js +4 -16
- package/CheckboxItem/index.js.map +2 -2
- package/CheckboxItemInput/index.d.ts +2 -0
- package/CheckboxItemInput/index.js +6 -0
- package/CheckboxItemInput/index.js.map +7 -0
- package/CheckboxItemInput/index.native/index.js +20 -0
- package/CheckboxItemInput/index.native/package.json +6 -0
- package/CheckboxItemInput/index.native.d.ts +4 -0
- package/CheckboxItemInput/index.native.js.map +7 -0
- package/CheckboxItemInput/index.web/index.js +26 -0
- package/CheckboxItemInput/index.web/package.json +6 -0
- package/CheckboxItemInput/index.web.d.ts +10 -0
- package/CheckboxItemInput/index.web.js.map +7 -0
- package/CheckboxItemInput/package.json +6 -0
- package/Chip/index.js +2 -1
- package/Chip/index.js.map +2 -2
- package/CodeBlockContainer/index.d.ts +1 -9
- package/CodeBlockContainer/index.js +2 -3
- package/CodeBlockContainer/index.js.map +2 -2
- package/CodeBlockContent/index.d.ts +1 -1
- package/CodeBlockContent/index.js +3 -2
- package/CodeBlockContent/index.js.map +2 -2
- package/CodeBlockHeader/index.d.ts +1 -1
- package/CodeBlockHeader/index.js +1 -3
- package/CodeBlockHeader/index.js.map +2 -2
- package/CopyToClipboardContainer/index.d.ts +2 -31
- package/CopyToClipboardContainer/index.js +3 -40
- package/CopyToClipboardContainer/index.js.map +3 -3
- package/CopyToClipboardContainer/index.web/index.js +44 -0
- package/CopyToClipboardContainer/index.web/package.json +6 -0
- package/CopyToClipboardContainer/index.web.d.ts +31 -0
- package/CopyToClipboardContainer/index.web.js.map +7 -0
- package/CopyToClipboardMessage/index.d.ts +2 -18
- package/CopyToClipboardMessage/index.js +3 -21
- package/CopyToClipboardMessage/index.js.map +3 -3
- package/CopyToClipboardMessage/index.native/index.js +18 -0
- package/CopyToClipboardMessage/index.native/package.json +6 -0
- package/CopyToClipboardMessage/index.native.d.ts +6 -0
- package/CopyToClipboardMessage/index.native.js.map +7 -0
- package/CopyToClipboardMessage/index.web/index.js +24 -0
- package/CopyToClipboardMessage/index.web/package.json +6 -0
- package/CopyToClipboardMessage/index.web.d.ts +18 -0
- package/CopyToClipboardMessage/index.web.js.map +7 -0
- package/DateInputItem/index.d.ts +2 -26
- package/DateInputItem/index.js +3 -41
- package/DateInputItem/index.js.map +3 -3
- package/DateInputItem/index.native/index.js +17 -0
- package/DateInputItem/index.native/package.json +6 -0
- package/DateInputItem/index.native.d.ts +4 -0
- package/DateInputItem/index.native.js.map +7 -0
- package/DateInputItem/index.web/index.js +32 -0
- package/DateInputItem/index.web/package.json +6 -0
- package/DateInputItem/index.web.d.ts +26 -0
- package/DateInputItem/index.web.js.map +7 -0
- package/Details/index.d.ts +2 -10
- package/Details/index.js +3 -22
- package/Details/index.js.map +3 -3
- package/Details/index.native/index.js +17 -0
- package/Details/index.native/package.json +6 -0
- package/Details/index.native.d.ts +4 -0
- package/Details/index.native.js.map +7 -0
- package/Details/index.web/index.js +25 -0
- package/Details/index.web/package.json +6 -0
- package/Details/index.web.d.ts +10 -0
- package/Details/index.web.js.map +7 -0
- package/FieldsetLegend/index.js +1 -4
- package/FieldsetLegend/index.js.map +2 -2
- package/LabelTitle/index.js +2 -4
- package/LabelTitle/index.js.map +2 -2
- package/NavListItemActionContainer/index.d.ts +2 -10
- package/NavListItemActionContainer/index.js +3 -20
- package/NavListItemActionContainer/index.js.map +3 -3
- package/NavListItemActionContainer/index.native/index.js +17 -0
- package/NavListItemActionContainer/index.native/package.json +6 -0
- package/NavListItemActionContainer/index.native.d.ts +7 -0
- package/NavListItemActionContainer/index.native.js.map +7 -0
- package/NavListItemActionContainer/index.web/index.js +23 -0
- package/NavListItemActionContainer/index.web/package.json +6 -0
- package/NavListItemActionContainer/index.web.d.ts +10 -0
- package/NavListItemActionContainer/index.web.js.map +7 -0
- package/NotificationBannerLink/index.d.ts +2 -11
- package/NotificationBannerLink/index.js +3 -19
- package/NotificationBannerLink/index.js.map +3 -3
- package/NotificationBannerLink/index.native/index.js +16 -0
- package/NotificationBannerLink/index.native/package.json +6 -0
- package/NotificationBannerLink/index.native.d.ts +8 -0
- package/NotificationBannerLink/index.native.js.map +7 -0
- package/NotificationBannerLink/index.web/index.js +22 -0
- package/NotificationBannerLink/index.web/package.json +6 -0
- package/NotificationBannerLink/index.web.d.ts +11 -0
- package/NotificationBannerLink/index.web.js.map +7 -0
- package/PhaseBanner/index.js +2 -1
- package/PhaseBanner/index.js.map +2 -2
- package/PhaseBannerTag/index.d.ts +2 -2
- package/PhaseBannerTag/index.js +1 -1
- package/PhaseBannerTag/index.js.map +1 -1
- package/PhaseBannerText/index.js +1 -1
- package/PhaseBannerText/index.js.map +2 -2
- package/RadioItem/index.js +2 -1
- package/RadioItem/index.js.map +2 -2
- package/SummaryList/index.d.ts +1 -1
- package/SummaryList/index.js.map +2 -2
- package/SummaryListItemKey/index.d.ts +14 -0
- package/SummaryListItemKey/index.js +5 -2
- package/SummaryListItemKey/index.js.map +2 -2
- package/TextArea/index.d.ts +2 -24
- package/TextArea/index.js +3 -27
- package/TextArea/index.js.map +3 -3
- package/TextArea/index.native/index.js +16 -0
- package/TextArea/index.native/package.json +6 -0
- package/TextArea/index.native.d.ts +4 -0
- package/TextArea/index.native.js.map +7 -0
- package/TextArea/index.web/index.js +30 -0
- package/TextArea/index.web/package.json +6 -0
- package/TextArea/index.web.d.ts +24 -0
- package/TextArea/index.web.js.map +7 -0
- package/TextInput/index.d.ts +2 -46
- package/TextInput/index.js +3 -40
- package/TextInput/index.js.map +3 -3
- package/TextInput/index.native/index.js +19 -0
- package/TextInput/index.native/package.json +6 -0
- package/TextInput/index.native.d.ts +4 -0
- package/TextInput/index.native.js.map +7 -0
- package/TextInput/index.web/index.js +43 -0
- package/TextInput/index.web/package.json +6 -0
- package/TextInput/index.web.d.ts +46 -0
- package/TextInput/index.web.js.map +7 -0
- package/Unpurge/index.js +78 -0
- package/Unpurge/index.js.map +2 -2
- package/WarningText/index.js +7 -12
- package/WarningText/index.js.map +2 -2
- package/WarningTextAssistive/index.d.ts +15 -0
- package/WarningTextAssistive/index.js +23 -0
- package/WarningTextAssistive/index.js.map +7 -0
- package/WarningTextAssistive/package.json +6 -0
- package/cjs/Base/compat/Input/CheckboxInput.native/index.js +66 -0
- package/cjs/Base/compat/Input/CheckboxInput.native.js.map +7 -0
- package/cjs/Base/compat/Input/RadioInput.native/index.js +65 -0
- package/cjs/Base/compat/Input/RadioInput.native.js.map +7 -0
- package/cjs/Base/compat/Input/StringInput.native/index.js +129 -0
- package/cjs/Base/compat/Input/StringInput.native.js.map +7 -0
- package/cjs/Base/compat/Input/index.native/index.js +55 -0
- package/cjs/Base/compat/Input/index.native.js.map +7 -0
- package/cjs/Base/compat/button.native/index.js +81 -0
- package/cjs/Base/compat/button.native.js.map +7 -0
- package/cjs/Base/compat/details.native/index.js +65 -0
- package/cjs/Base/compat/details.native.js.map +7 -0
- package/cjs/Base/compat/li.native/index.js +42 -0
- package/cjs/Base/compat/li.native.js.map +7 -0
- package/cjs/Base/compat/ol.native/index.js +66 -0
- package/cjs/Base/compat/ol.native.js.map +7 -0
- package/cjs/Base/index.js +5 -99
- package/cjs/Base/index.js.map +3 -3
- package/cjs/Base/index.native/index.js +193 -0
- package/cjs/Base/index.native.js.map +7 -0
- package/cjs/Base/index.web/index.js +137 -0
- package/cjs/Base/index.web.js.map +7 -0
- package/cjs/Base/mapping.native/index.js +67 -0
- package/cjs/Base/mapping.native.js.map +7 -0
- package/cjs/Base/utils/index.js +119 -0
- package/cjs/Base/utils.js.map +7 -0
- package/cjs/Base/wrap.native/index.js +97 -0
- package/cjs/Base/wrap.native.js.map +7 -0
- package/cjs/CallToAction/index.js +1 -1
- package/cjs/CallToAction/index.js.map +2 -2
- package/cjs/Card/index.js +2 -1
- package/cjs/Card/index.js.map +2 -2
- package/cjs/CheckboxItem/index.js +4 -16
- package/cjs/CheckboxItem/index.js.map +3 -3
- package/cjs/CheckboxItemInput/index.js +40 -0
- package/cjs/CheckboxItemInput/index.js.map +7 -0
- package/cjs/CheckboxItemInput/index.native/index.js +53 -0
- package/cjs/CheckboxItemInput/index.native.js.map +7 -0
- package/cjs/CheckboxItemInput/index.web/index.js +59 -0
- package/cjs/CheckboxItemInput/index.web.js.map +7 -0
- package/cjs/Chip/index.js +2 -1
- package/cjs/Chip/index.js.map +2 -2
- package/cjs/CodeBlockContainer/index.js +2 -3
- package/cjs/CodeBlockContainer/index.js.map +2 -2
- package/cjs/CodeBlockContent/index.js +3 -2
- package/cjs/CodeBlockContent/index.js.map +2 -2
- package/cjs/CodeBlockHeader/index.js +1 -3
- package/cjs/CodeBlockHeader/index.js.map +2 -2
- package/cjs/CopyToClipboardContainer/index.js +5 -41
- package/cjs/CopyToClipboardContainer/index.js.map +3 -3
- package/cjs/CopyToClipboardContainer/index.web/index.js +77 -0
- package/cjs/CopyToClipboardContainer/index.web.js.map +7 -0
- package/cjs/CopyToClipboardMessage/index.js +5 -22
- package/cjs/CopyToClipboardMessage/index.js.map +3 -3
- package/cjs/CopyToClipboardMessage/index.native/index.js +51 -0
- package/cjs/CopyToClipboardMessage/index.native.js.map +7 -0
- package/cjs/CopyToClipboardMessage/index.web/index.js +57 -0
- package/cjs/CopyToClipboardMessage/index.web.js.map +7 -0
- package/cjs/DateInputItem/index.js +5 -42
- package/cjs/DateInputItem/index.js.map +3 -3
- package/cjs/DateInputItem/index.native/index.js +50 -0
- package/cjs/DateInputItem/index.native.js.map +7 -0
- package/cjs/DateInputItem/index.web/index.js +65 -0
- package/cjs/DateInputItem/index.web.js.map +7 -0
- package/cjs/Details/index.js +5 -23
- package/cjs/Details/index.js.map +3 -3
- package/cjs/Details/index.native/index.js +50 -0
- package/cjs/Details/index.native.js.map +7 -0
- package/cjs/Details/index.web/index.js +58 -0
- package/cjs/Details/index.web.js.map +7 -0
- package/cjs/FieldsetLegend/index.js +1 -4
- package/cjs/FieldsetLegend/index.js.map +2 -2
- package/cjs/LabelTitle/index.js +2 -4
- package/cjs/LabelTitle/index.js.map +2 -2
- package/cjs/NavListItemActionContainer/index.js +5 -21
- package/cjs/NavListItemActionContainer/index.js.map +3 -3
- package/cjs/NavListItemActionContainer/index.native/index.js +50 -0
- package/cjs/NavListItemActionContainer/index.native.js.map +7 -0
- package/cjs/NavListItemActionContainer/index.web/index.js +56 -0
- package/cjs/NavListItemActionContainer/index.web.js.map +7 -0
- package/cjs/NotificationBannerLink/index.js +5 -20
- package/cjs/NotificationBannerLink/index.js.map +3 -3
- package/cjs/NotificationBannerLink/index.native/index.js +49 -0
- package/cjs/NotificationBannerLink/index.native.js.map +7 -0
- package/cjs/NotificationBannerLink/index.web/index.js +55 -0
- package/cjs/NotificationBannerLink/index.web.js.map +7 -0
- package/cjs/PhaseBanner/index.js +2 -1
- package/cjs/PhaseBanner/index.js.map +2 -2
- package/cjs/PhaseBannerTag/index.js +1 -1
- package/cjs/PhaseBannerTag/index.js.map +1 -1
- package/cjs/PhaseBannerText/index.js +1 -1
- package/cjs/PhaseBannerText/index.js.map +2 -2
- package/cjs/RadioItem/index.js +2 -1
- package/cjs/RadioItem/index.js.map +3 -3
- package/cjs/SummaryList/index.js.map +2 -2
- package/cjs/SummaryListItemKey/index.js +5 -2
- package/cjs/SummaryListItemKey/index.js.map +2 -2
- package/cjs/TextArea/index.js +5 -28
- package/cjs/TextArea/index.js.map +3 -3
- package/cjs/TextArea/index.native/index.js +49 -0
- package/cjs/TextArea/index.native.js.map +7 -0
- package/cjs/TextArea/index.web/index.js +63 -0
- package/cjs/TextArea/index.web.js.map +7 -0
- package/cjs/TextInput/index.js +5 -41
- package/cjs/TextInput/index.js.map +3 -3
- package/cjs/TextInput/index.native/index.js +52 -0
- package/cjs/TextInput/index.native.js.map +7 -0
- package/cjs/TextInput/index.web/index.js +76 -0
- package/cjs/TextInput/index.web.js.map +7 -0
- package/cjs/Unpurge/index.js +78 -0
- package/cjs/Unpurge/index.js.map +2 -2
- package/cjs/WarningText/index.js +7 -12
- package/cjs/WarningText/index.js.map +2 -2
- package/cjs/WarningTextAssistive/index.js +56 -0
- package/cjs/WarningTextAssistive/index.js.map +7 -0
- package/cjs/index.js +5 -1
- package/cjs/index.js.map +2 -2
- package/cjs/lazy/index.js +12 -10
- package/cjs/lazy.js.map +2 -2
- package/cjs/registry/index.js +27 -1
- package/cjs/registry.js.map +2 -2
- package/cjs/utils/extend.native/index.js +47 -0
- package/cjs/utils/extend.native.js.map +7 -0
- package/index.d.ts +2 -0
- package/index.js +3 -1
- package/index.js.map +2 -2
- package/lazy/index.js +12 -10
- package/lazy.d.ts +219 -217
- package/lazy.js.map +2 -2
- package/package.json +21 -4
- package/registry/index.js +27 -1
- package/registry.d.ts +13 -0
- package/registry.js.map +2 -2
- package/src/Base/compat/Input/CheckboxInput.native.tsx +40 -0
- package/src/Base/compat/Input/RadioInput.native.tsx +39 -0
- package/src/Base/compat/Input/StringInput.native.tsx +115 -0
- package/src/Base/compat/Input/index.native.tsx +28 -0
- package/src/Base/compat/button.native.tsx +53 -0
- package/src/Base/compat/details.native.tsx +68 -0
- package/src/Base/compat/li.native.tsx +11 -0
- package/src/Base/compat/ol.native.tsx +41 -0
- package/src/Base/index.native.tsx +185 -0
- package/src/Base/index.tsx +2 -257
- package/src/Base/index.web.tsx +259 -0
- package/src/Base/mapping.native.tsx +41 -0
- package/src/Base/utils.ts +84 -0
- package/src/Base/wrap.native.tsx +94 -0
- package/src/CallToAction/index.tsx +2 -2
- package/src/Card/index.tsx +3 -2
- package/src/CheckboxItem/index.tsx +4 -14
- package/src/CheckboxItemInput/index.native.tsx +17 -0
- package/src/CheckboxItemInput/index.tsx +2 -0
- package/src/CheckboxItemInput/index.web.tsx +34 -0
- package/src/Chip/index.tsx +2 -2
- package/src/CodeBlockContainer/index.tsx +3 -16
- package/src/CodeBlockContent/index.tsx +5 -4
- package/src/CodeBlockHeader/index.tsx +2 -4
- package/src/CopyToClipboardContainer/index.tsx +2 -74
- package/src/CopyToClipboardContainer/index.web.tsx +75 -0
- package/src/CopyToClipboardMessage/index.native.tsx +21 -0
- package/src/CopyToClipboardMessage/index.tsx +2 -41
- package/src/CopyToClipboardMessage/index.web.tsx +41 -0
- package/src/DateInputItem/index.native.tsx +12 -0
- package/src/DateInputItem/index.tsx +2 -64
- package/src/DateInputItem/index.web.tsx +53 -0
- package/src/Details/index.native.tsx +14 -0
- package/src/Details/index.tsx +2 -27
- package/src/Details/index.web.tsx +27 -0
- package/src/FieldsetLegend/index.tsx +1 -4
- package/src/LabelTitle/index.tsx +2 -4
- package/src/NavListItemActionContainer/index.native.tsx +18 -0
- package/src/NavListItemActionContainer/index.tsx +2 -28
- package/src/NavListItemActionContainer/index.web.tsx +28 -0
- package/src/NotificationBannerLink/index.native.tsx +22 -0
- package/src/NotificationBannerLink/index.tsx +2 -28
- package/src/NotificationBannerLink/index.web.tsx +28 -0
- package/src/PhaseBanner/index.tsx +2 -2
- package/src/PhaseBannerTag/index.tsx +3 -3
- package/src/PhaseBannerText/__snapshots__/index.test.tsx.snap +1 -1
- package/src/PhaseBannerText/index.tsx +1 -1
- package/src/RadioItem/index.tsx +2 -2
- package/src/SummaryList/index.tsx +7 -5
- package/src/SummaryListItemKey/index.tsx +24 -2
- package/src/TextArea/index.native.tsx +11 -0
- package/src/TextArea/index.tsx +2 -50
- package/src/TextArea/index.web.tsx +50 -0
- package/src/TextInput/index.native.tsx +15 -0
- package/src/TextInput/index.tsx +2 -87
- package/src/TextInput/index.web.tsx +87 -0
- package/src/Unpurge/index.tsx +78 -0
- package/src/WarningText/index.tsx +12 -15
- package/src/WarningTextAssistive/index.tsx +37 -0
- package/src/index.ts +2 -0
- package/src/lazy.js +12 -10
- package/src/registry.js +28 -2
- package/src/utils/extend.native.tsx +36 -0
- package/utils/extend.native/index.js +14 -0
- package/utils/extend.native/package.json +6 -0
- package/utils/extend.native.d.ts +23 -0
- package/utils/extend.native.js.map +7 -0
|
@@ -9,7 +9,7 @@ export interface CodeBlockHeaderProps extends BaseProps<'div'> {
|
|
|
9
9
|
* @value 'spaceBetween' is recommended for two items in header.
|
|
10
10
|
* @default 'start'
|
|
11
11
|
*/
|
|
12
|
-
justify?: 'start' | '
|
|
12
|
+
justify?: 'start' | 'space-between' | 'end';
|
|
13
13
|
}
|
|
14
14
|
/**
|
|
15
15
|
* CodeBlockHeader can be used as header inside the CodeBlockContainer.
|
package/CodeBlockHeader/index.js
CHANGED
|
@@ -9,9 +9,7 @@ const CodeBlockHeader = React.forwardRef(function CodeBlockHeader2({ className,
|
|
|
9
9
|
ref,
|
|
10
10
|
className: clsx(className, {
|
|
11
11
|
"ds-code-block__header": true,
|
|
12
|
-
|
|
13
|
-
"ds-code-block__header--space-between": justify === "spaceBetween",
|
|
14
|
-
"ds-code-block__header--end": justify === "end"
|
|
12
|
+
[`ds-code-block__header--${justify}`]: justify !== void 0
|
|
15
13
|
}),
|
|
16
14
|
...props
|
|
17
15
|
},
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/CodeBlockHeader/index.tsx"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface CodeBlockHeaderProps extends BaseProps<'div'> {\n /**\n * justify prop is optional.\n * justify prop is used the justify-content style.\n * @value 'start' is used to place the header's content at the start.\n * @value 'end' is used to place the header's content at the end.\n * @value 'spaceBetween' is recommended for two items in header.\n * @default 'start'\n */\n justify?: 'start' | '
|
|
5
|
-
"mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAiBzB,MAAM,kBAAkB,MAAM,WAGnC,SAASA,iBACT,EAAE,WAAW,UAAU,SAAS,UAAU,GAAG,MAAM,GACnD,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,yBAAyB;AAAA,QACzB,
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface CodeBlockHeaderProps extends BaseProps<'div'> {\n /**\n * justify prop is optional.\n * justify prop is used the justify-content style.\n * @value 'start' is used to place the header's content at the start.\n * @value 'end' is used to place the header's content at the end.\n * @value 'spaceBetween' is recommended for two items in header.\n * @default 'start'\n */\n justify?: 'start' | 'space-between' | 'end';\n}\n/**\n * CodeBlockHeader can be used as header inside the CodeBlockContainer.\n *\n */\nexport const CodeBlockHeader = React.forwardRef<\n HTMLDivElement,\n CodeBlockHeaderProps\n>(function CodeBlockHeader(\n { className, justify = 'start', children, ...props },\n ref\n) {\n return (\n <Base\n as=\"div\"\n ref={ref}\n className={clsx(className, {\n 'ds-code-block__header': true,\n [`ds-code-block__header--${justify}`]: justify !== undefined,\n })}\n {...props}\n >\n {children}\n </Base>\n );\n});\n\nexport default CodeBlockHeader;\n"],
|
|
5
|
+
"mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAiBzB,MAAM,kBAAkB,MAAM,WAGnC,SAASA,iBACT,EAAE,WAAW,UAAU,SAAS,UAAU,GAAG,MAAM,GACnD,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,yBAAyB;AAAA,QACzB,CAAC,0BAA0B,OAAO,EAAE,GAAG,YAAY;AAAA,MACrD,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,0BAAQ;",
|
|
6
6
|
"names": ["CodeBlockHeader"]
|
|
7
7
|
}
|
|
@@ -1,31 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
export interface CopyToClipboardContainerProps extends BaseProps<'div'> {
|
|
4
|
-
/**
|
|
5
|
-
* @value 'tooltip' is used when you want to show the message inside a tooltip.
|
|
6
|
-
* @value 'banner' is used when you want to show the message inside a banner.
|
|
7
|
-
* @default 'tooltip'
|
|
8
|
-
*/
|
|
9
|
-
variant?: 'tooltip' | 'banner';
|
|
10
|
-
/**
|
|
11
|
-
* tooltipAlign is optional.
|
|
12
|
-
* tooltipAlign prop adds tooltip right or left and is used only if variant is tooltip.
|
|
13
|
-
* @value 'right'
|
|
14
|
-
* @value 'left'
|
|
15
|
-
* @default 'right'
|
|
16
|
-
*/
|
|
17
|
-
tooltipAlign?: 'right' | 'left';
|
|
18
|
-
/**
|
|
19
|
-
* dense is optional.
|
|
20
|
-
* affects only the density of the tooltip.
|
|
21
|
-
* @value true tooltip will be dense.
|
|
22
|
-
* @value false
|
|
23
|
-
* @default false
|
|
24
|
-
* */
|
|
25
|
-
dense?: boolean;
|
|
26
|
-
}
|
|
27
|
-
/**
|
|
28
|
-
* CopyToClipboardContainer is a wrapper component for CopyToClipboardMessage
|
|
29
|
-
*/
|
|
30
|
-
export declare const CopyToClipboardContainer: React.ForwardRefExoticComponent<Omit<CopyToClipboardContainerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
31
|
-
export default CopyToClipboardContainer;
|
|
1
|
+
export * from '@digigov/react-core/CopyToClipboardContainer/index.web';
|
|
2
|
+
export { default as default } from '@digigov/react-core/CopyToClipboardContainer/index.web';
|
|
@@ -1,43 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
import
|
|
3
|
-
import Base from "@digigov/react-core/Base";
|
|
4
|
-
const CopyToClipboardContainer = React.forwardRef(function CopyToClipboardContainer2({
|
|
5
|
-
variant = "tooltip",
|
|
6
|
-
tooltipAlign = "right",
|
|
7
|
-
className,
|
|
8
|
-
dense,
|
|
9
|
-
children,
|
|
10
|
-
...props
|
|
11
|
-
}, ref) {
|
|
12
|
-
return /* @__PURE__ */ React.createElement(
|
|
13
|
-
Base,
|
|
14
|
-
{
|
|
15
|
-
as: "div",
|
|
16
|
-
ref,
|
|
17
|
-
...props,
|
|
18
|
-
className: clsx(className, {
|
|
19
|
-
"ds-copy-to-clipboard": true
|
|
20
|
-
}),
|
|
21
|
-
...props
|
|
22
|
-
},
|
|
23
|
-
/* @__PURE__ */ React.createElement(
|
|
24
|
-
"div",
|
|
25
|
-
{
|
|
26
|
-
className: clsx(className, {
|
|
27
|
-
"ds-copy-to-clipboard__tooltip": variant === "tooltip",
|
|
28
|
-
"ds-copy-to-clipboard__tooltip--dense": variant === "tooltip" && dense,
|
|
29
|
-
"ds-copy-to-clipboard__tooltip--left": variant === "tooltip" && tooltipAlign === "left",
|
|
30
|
-
"ds-copy-to-clipboard__tooltip--right": variant === "tooltip" && tooltipAlign === "right",
|
|
31
|
-
"ds-copy-to-clipboard__banner": variant === "banner"
|
|
32
|
-
})
|
|
33
|
-
},
|
|
34
|
-
children
|
|
35
|
-
)
|
|
36
|
-
);
|
|
37
|
-
});
|
|
38
|
-
var CopyToClipboardContainer_default = CopyToClipboardContainer;
|
|
1
|
+
export * from "@digigov/react-core/CopyToClipboardContainer/index.web";
|
|
2
|
+
import { default as default2 } from "@digigov/react-core/CopyToClipboardContainer/index.web";
|
|
39
3
|
export {
|
|
40
|
-
|
|
41
|
-
CopyToClipboardContainer_default as default
|
|
4
|
+
default2 as default
|
|
42
5
|
};
|
|
43
6
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/CopyToClipboardContainer/index.tsx"],
|
|
4
|
-
"sourcesContent": ["
|
|
5
|
-
"mappings": "AAAA,
|
|
6
|
-
"names": ["
|
|
4
|
+
"sourcesContent": ["export * from '@digigov/react-core/CopyToClipboardContainer/index.web';\nexport { default as default } from '@digigov/react-core/CopyToClipboardContainer/index.web';"],
|
|
5
|
+
"mappings": "AAAA,cAAc;AACd,SAAoB,WAAXA,gBAA0B;",
|
|
6
|
+
"names": ["default"]
|
|
7
7
|
}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import clsx from "clsx";
|
|
3
|
+
import Base from "@digigov/react-core/Base";
|
|
4
|
+
const CopyToClipboardContainer = React.forwardRef(function CopyToClipboardContainer2({
|
|
5
|
+
variant = "tooltip",
|
|
6
|
+
tooltipAlign = "right",
|
|
7
|
+
className,
|
|
8
|
+
dense,
|
|
9
|
+
children,
|
|
10
|
+
...props
|
|
11
|
+
}, ref) {
|
|
12
|
+
return /* @__PURE__ */ React.createElement(
|
|
13
|
+
Base,
|
|
14
|
+
{
|
|
15
|
+
as: "div",
|
|
16
|
+
ref,
|
|
17
|
+
...props,
|
|
18
|
+
className: clsx(className, {
|
|
19
|
+
"ds-copy-to-clipboard": true
|
|
20
|
+
}),
|
|
21
|
+
...props
|
|
22
|
+
},
|
|
23
|
+
/* @__PURE__ */ React.createElement(
|
|
24
|
+
Base,
|
|
25
|
+
{
|
|
26
|
+
as: "div",
|
|
27
|
+
className: clsx(className, {
|
|
28
|
+
"ds-copy-to-clipboard__tooltip": variant === "tooltip",
|
|
29
|
+
"ds-copy-to-clipboard__tooltip--dense": variant === "tooltip" && dense,
|
|
30
|
+
"ds-copy-to-clipboard__tooltip--left": variant === "tooltip" && tooltipAlign === "left",
|
|
31
|
+
"ds-copy-to-clipboard__tooltip--right": variant === "tooltip" && tooltipAlign === "right",
|
|
32
|
+
"ds-copy-to-clipboard__banner": variant === "banner"
|
|
33
|
+
})
|
|
34
|
+
},
|
|
35
|
+
children
|
|
36
|
+
)
|
|
37
|
+
);
|
|
38
|
+
});
|
|
39
|
+
var index_web_default = CopyToClipboardContainer;
|
|
40
|
+
export {
|
|
41
|
+
CopyToClipboardContainer,
|
|
42
|
+
index_web_default as default
|
|
43
|
+
};
|
|
44
|
+
//# sourceMappingURL=index.web.js.map
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { BaseProps } from '@digigov/react-core/Base';
|
|
3
|
+
export interface CopyToClipboardContainerProps extends BaseProps<'div'> {
|
|
4
|
+
/**
|
|
5
|
+
* @value 'tooltip' is used when you want to show the message inside a tooltip.
|
|
6
|
+
* @value 'banner' is used when you want to show the message inside a banner.
|
|
7
|
+
* @default 'tooltip'
|
|
8
|
+
*/
|
|
9
|
+
variant?: 'tooltip' | 'banner';
|
|
10
|
+
/**
|
|
11
|
+
* tooltipAlign is optional.
|
|
12
|
+
* tooltipAlign prop adds tooltip right or left and is used only if variant is tooltip.
|
|
13
|
+
* @value 'right'
|
|
14
|
+
* @value 'left'
|
|
15
|
+
* @default 'right'
|
|
16
|
+
*/
|
|
17
|
+
tooltipAlign?: 'right' | 'left';
|
|
18
|
+
/**
|
|
19
|
+
* dense is optional.
|
|
20
|
+
* affects only the density of the tooltip.
|
|
21
|
+
* @value true tooltip will be dense.
|
|
22
|
+
* @value false
|
|
23
|
+
* @default false
|
|
24
|
+
* */
|
|
25
|
+
dense?: boolean;
|
|
26
|
+
}
|
|
27
|
+
/**
|
|
28
|
+
* CopyToClipboardContainer is a wrapper component for CopyToClipboardMessage
|
|
29
|
+
*/
|
|
30
|
+
export declare const CopyToClipboardContainer: React.ForwardRefExoticComponent<Omit<CopyToClipboardContainerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
31
|
+
export default CopyToClipboardContainer;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/CopyToClipboardContainer/index.web.tsx"],
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface CopyToClipboardContainerProps extends BaseProps<'div'> {\n /**\n * @value 'tooltip' is used when you want to show the message inside a tooltip.\n * @value 'banner' is used when you want to show the message inside a banner.\n * @default 'tooltip'\n */\n variant?: 'tooltip' | 'banner';\n /**\n * tooltipAlign is optional.\n * tooltipAlign prop adds tooltip right or left and is used only if variant is tooltip.\n * @value 'right'\n * @value 'left'\n * @default 'right'\n */\n tooltipAlign?: 'right' | 'left';\n /**\n * dense is optional.\n * affects only the density of the tooltip.\n * @value true tooltip will be dense.\n * @value false\n * @default false\n * */\n dense?: boolean;\n}\n/**\n * CopyToClipboardContainer is a wrapper component for CopyToClipboardMessage\n */\nexport const CopyToClipboardContainer = React.forwardRef<\n HTMLDivElement,\n CopyToClipboardContainerProps\n>(function CopyToClipboardContainer(\n {\n variant = 'tooltip',\n tooltipAlign = 'right',\n className,\n dense,\n children,\n ...props\n },\n ref\n) {\n return (\n <Base\n as=\"div\"\n ref={ref}\n {...props}\n className={clsx(className, {\n 'ds-copy-to-clipboard': true,\n })}\n {...props}\n >\n <Base\n as=\"div\"\n className={clsx(className, {\n 'ds-copy-to-clipboard__tooltip': variant === 'tooltip',\n 'ds-copy-to-clipboard__tooltip--dense':\n variant === 'tooltip' && dense,\n 'ds-copy-to-clipboard__tooltip--left':\n variant === 'tooltip' && tooltipAlign === 'left',\n 'ds-copy-to-clipboard__tooltip--right':\n variant === 'tooltip' && tooltipAlign === 'right',\n 'ds-copy-to-clipboard__banner': variant === 'banner',\n })}\n >\n {children}\n </Base>\n </Base>\n );\n});\n\nexport default CopyToClipboardContainer;\n"],
|
|
5
|
+
"mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AA6BzB,MAAM,2BAA2B,MAAM,WAG5C,SAASA,0BACT;AAAA,EACE,UAAU;AAAA,EACV,eAAe;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACA,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,KAAK,WAAW;AAAA,QACzB,wBAAwB;AAAA,MAC1B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEJ;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,WAAW,KAAK,WAAW;AAAA,UACzB,iCAAiC,YAAY;AAAA,UAC7C,wCACE,YAAY,aAAa;AAAA,UAC3B,uCACE,YAAY,aAAa,iBAAiB;AAAA,UAC5C,wCACE,YAAY,aAAa,iBAAiB;AAAA,UAC5C,gCAAgC,YAAY;AAAA,QAC9C,CAAC;AAAA;AAAA,MAEA;AAAA,IACH;AAAA,EACF;AAEJ,CAAC;AAED,IAAO,oBAAQ;",
|
|
6
|
+
"names": ["CopyToClipboardContainer"]
|
|
7
|
+
}
|
|
@@ -1,18 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
export interface CopyToClipboardMessageProps extends BaseProps<'div'> {
|
|
4
|
-
/**
|
|
5
|
-
* enabled is a boolean prop passed from the CopyToClipboard component.
|
|
6
|
-
* When it's true it shows the CopyToClipboardMessage component and it activates the animation that hides the component after 3s.
|
|
7
|
-
* When it's false it resets the animations of the CopyToClipboardMessage.
|
|
8
|
-
* @value true
|
|
9
|
-
* @value false
|
|
10
|
-
*/
|
|
11
|
-
enabled?: boolean;
|
|
12
|
-
}
|
|
13
|
-
/**
|
|
14
|
-
* CopyToClipboardMessage is used to show a message that a text is being copied.
|
|
15
|
-
* This component is used inside the CopyToClipboard component that lies inside the digigov/ui library
|
|
16
|
-
*/
|
|
17
|
-
export declare const CopyToClipboardMessage: React.ForwardRefExoticComponent<Omit<CopyToClipboardMessageProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
18
|
-
export default CopyToClipboardMessage;
|
|
1
|
+
export * from '@digigov/react-core/CopyToClipboardMessage/index.web';
|
|
2
|
+
export { default as default } from '@digigov/react-core/CopyToClipboardMessage/index.web';
|
|
@@ -1,24 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
import
|
|
3
|
-
import Base from "@digigov/react-core/Base";
|
|
4
|
-
const CopyToClipboardMessage = React.forwardRef(function CopyToClipboardMessage2({ enabled, className, children, ...props }, ref) {
|
|
5
|
-
return /* @__PURE__ */ React.createElement(
|
|
6
|
-
Base,
|
|
7
|
-
{
|
|
8
|
-
as: "div",
|
|
9
|
-
ref,
|
|
10
|
-
className: clsx(className, {
|
|
11
|
-
"ds-copy-to-clipboard__message": true,
|
|
12
|
-
"ds-copy-to-clipboard--hidden": !enabled
|
|
13
|
-
}),
|
|
14
|
-
...props
|
|
15
|
-
},
|
|
16
|
-
children
|
|
17
|
-
);
|
|
18
|
-
});
|
|
19
|
-
var CopyToClipboardMessage_default = CopyToClipboardMessage;
|
|
1
|
+
export * from "@digigov/react-core/CopyToClipboardMessage/index.web";
|
|
2
|
+
import { default as default2 } from "@digigov/react-core/CopyToClipboardMessage/index.web";
|
|
20
3
|
export {
|
|
21
|
-
|
|
22
|
-
CopyToClipboardMessage_default as default
|
|
4
|
+
default2 as default
|
|
23
5
|
};
|
|
24
6
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/CopyToClipboardMessage/index.tsx"],
|
|
4
|
-
"sourcesContent": ["
|
|
5
|
-
"mappings": "AAAA,
|
|
6
|
-
"names": ["
|
|
4
|
+
"sourcesContent": ["export * from '@digigov/react-core/CopyToClipboardMessage/index.web';\nexport { default as default } from '@digigov/react-core/CopyToClipboardMessage/index.web';"],
|
|
5
|
+
"mappings": "AAAA,cAAc;AACd,SAAoB,WAAXA,gBAA0B;",
|
|
6
|
+
"names": ["default"]
|
|
7
7
|
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import CoreCopyToClipboardMessage from "@digigov/react-core/CopyToClipboardMessage/index.web";
|
|
2
|
+
import { extend } from "@digigov/react-core/utils/extend.native";
|
|
3
|
+
import clsx from "clsx";
|
|
4
|
+
const CopyToClipboardMessage = extend(CoreCopyToClipboardMessage, ({ dense, className, ...props }) => {
|
|
5
|
+
return {
|
|
6
|
+
className: clsx(className, {
|
|
7
|
+
"ds-copy-to-clipboard__before": true,
|
|
8
|
+
"ds-copy-to-clipboard__message--dense": dense
|
|
9
|
+
}),
|
|
10
|
+
...props
|
|
11
|
+
};
|
|
12
|
+
});
|
|
13
|
+
var index_native_default = CopyToClipboardMessage;
|
|
14
|
+
export {
|
|
15
|
+
CopyToClipboardMessage,
|
|
16
|
+
index_native_default as default
|
|
17
|
+
};
|
|
18
|
+
//# sourceMappingURL=index.native.js.map
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { CopyToClipboardMessageProps } from '@digigov/react-core/CopyToClipboardMessage/index.web';
|
|
2
|
+
import { CopyToClipboardContainerProps } from '@digigov/react-core/CopyToClipboardContainer';
|
|
3
|
+
export declare const CopyToClipboardMessage: import("react").ForwardRefExoticComponent<Omit<CopyToClipboardMessageProps & CopyToClipboardContainerProps & {
|
|
4
|
+
className?: string;
|
|
5
|
+
}, "ref"> & import("react").RefAttributes<unknown>>;
|
|
6
|
+
export default CopyToClipboardMessage;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/CopyToClipboardMessage/index.native.tsx"],
|
|
4
|
+
"sourcesContent": ["import CoreCopyToClipboardMessage, {\n CopyToClipboardMessageProps,\n} from '@digigov/react-core/CopyToClipboardMessage/index.web';\nimport { CopyToClipboardContainerProps } from '@digigov/react-core/CopyToClipboardContainer';\nimport { extend } from '@digigov/react-core/utils/extend.native';\nimport clsx from 'clsx';\n\nexport const CopyToClipboardMessage = extend<\n CopyToClipboardMessageProps,\n CopyToClipboardContainerProps\n>(CoreCopyToClipboardMessage, ({ dense, className, ...props }) => {\n return {\n className: clsx(className, {\n 'ds-copy-to-clipboard__before': true,\n 'ds-copy-to-clipboard__message--dense': dense,\n }),\n ...props,\n };\n});\n\nexport default CopyToClipboardMessage;\n"],
|
|
5
|
+
"mappings": "AAAA,OAAO,gCAEA;AAEP,SAAS,cAAc;AACvB,OAAO,UAAU;AAEV,MAAM,yBAAyB,OAGpC,4BAA4B,CAAC,EAAE,OAAO,WAAW,GAAG,MAAM,MAAM;AAChE,SAAO;AAAA,IACL,WAAW,KAAK,WAAW;AAAA,MACzB,gCAAgC;AAAA,MAChC,wCAAwC;AAAA,IAC1C,CAAC;AAAA,IACD,GAAG;AAAA,EACL;AACF,CAAC;AAED,IAAO,uBAAQ;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import clsx from "clsx";
|
|
3
|
+
import Base from "@digigov/react-core/Base";
|
|
4
|
+
const CopyToClipboardMessage = React.forwardRef(function CopyToClipboardMessage2({ enabled, className, children, ...props }, ref) {
|
|
5
|
+
return /* @__PURE__ */ React.createElement(
|
|
6
|
+
Base,
|
|
7
|
+
{
|
|
8
|
+
as: "div",
|
|
9
|
+
ref,
|
|
10
|
+
className: clsx(className, {
|
|
11
|
+
"ds-copy-to-clipboard__message": true,
|
|
12
|
+
"ds-copy-to-clipboard--hidden": !enabled
|
|
13
|
+
}),
|
|
14
|
+
...props
|
|
15
|
+
},
|
|
16
|
+
children
|
|
17
|
+
);
|
|
18
|
+
});
|
|
19
|
+
var index_web_default = CopyToClipboardMessage;
|
|
20
|
+
export {
|
|
21
|
+
CopyToClipboardMessage,
|
|
22
|
+
index_web_default as default
|
|
23
|
+
};
|
|
24
|
+
//# sourceMappingURL=index.web.js.map
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { BaseProps } from '@digigov/react-core/Base';
|
|
3
|
+
export interface CopyToClipboardMessageProps extends BaseProps<'div'> {
|
|
4
|
+
/**
|
|
5
|
+
* enabled is a boolean prop passed from the CopyToClipboard component.
|
|
6
|
+
* When it's true it shows the CopyToClipboardMessage component and it activates the animation that hides the component after 3s.
|
|
7
|
+
* When it's false it resets the animations of the CopyToClipboardMessage.
|
|
8
|
+
* @value true
|
|
9
|
+
* @value false
|
|
10
|
+
*/
|
|
11
|
+
enabled?: boolean;
|
|
12
|
+
}
|
|
13
|
+
/**
|
|
14
|
+
* CopyToClipboardMessage is used to show a message that a text is being copied.
|
|
15
|
+
* This component is used inside the CopyToClipboard component that lies inside the digigov/ui library
|
|
16
|
+
*/
|
|
17
|
+
export declare const CopyToClipboardMessage: React.ForwardRefExoticComponent<Omit<CopyToClipboardMessageProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
18
|
+
export default CopyToClipboardMessage;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/CopyToClipboardMessage/index.web.tsx"],
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface CopyToClipboardMessageProps extends BaseProps<'div'> {\n /**\n * enabled is a boolean prop passed from the CopyToClipboard component.\n * When it's true it shows the CopyToClipboardMessage component and it activates the animation that hides the component after 3s.\n * When it's false it resets the animations of the CopyToClipboardMessage.\n * @value true\n * @value false\n */\n enabled?: boolean;\n}\n/**\n * CopyToClipboardMessage is used to show a message that a text is being copied.\n * This component is used inside the CopyToClipboard component that lies inside the digigov/ui library\n */\nexport const CopyToClipboardMessage = React.forwardRef<\n HTMLDivElement,\n CopyToClipboardMessageProps\n>(function CopyToClipboardMessage(\n { enabled, className, children, ...props },\n ref\n) {\n return (\n <Base\n as=\"div\"\n ref={ref}\n className={clsx(className, {\n 'ds-copy-to-clipboard__message': true,\n 'ds-copy-to-clipboard--hidden': !enabled,\n })}\n {...props}\n >\n {children}\n </Base>\n );\n});\n\nexport default CopyToClipboardMessage;\n"],
|
|
5
|
+
"mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAgBzB,MAAM,yBAAyB,MAAM,WAG1C,SAASA,wBACT,EAAE,SAAS,WAAW,UAAU,GAAG,MAAM,GACzC,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,iCAAiC;AAAA,QACjC,gCAAgC,CAAC;AAAA,MACnC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,oBAAQ;",
|
|
6
|
+
"names": ["CopyToClipboardMessage"]
|
|
7
|
+
}
|
package/DateInputItem/index.d.ts
CHANGED
|
@@ -1,26 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
export interface DateInputItemProps extends BaseProps<'input'> {
|
|
4
|
-
/**
|
|
5
|
-
* Width property is optional.
|
|
6
|
-
* Use this property for year field to grow width.
|
|
7
|
-
* @value 2
|
|
8
|
-
* @value 4
|
|
9
|
-
* @default 2
|
|
10
|
-
*/
|
|
11
|
-
width?: 2 | 4;
|
|
12
|
-
/**
|
|
13
|
-
* error is optional. The default value is false.
|
|
14
|
-
* Use this prop when there is an error at the input.
|
|
15
|
-
* @value true
|
|
16
|
-
* @value false
|
|
17
|
-
*/
|
|
18
|
-
error?: boolean;
|
|
19
|
-
}
|
|
20
|
-
/**
|
|
21
|
-
* Details for the DateInputItem.
|
|
22
|
-
* DateInputItem component is used for displaying date.
|
|
23
|
-
* DateInputItem component must be included inside DateInput component as children component
|
|
24
|
-
*/
|
|
25
|
-
export declare const DateInputItem: React.ForwardRefExoticComponent<Omit<DateInputItemProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
26
|
-
export default DateInputItem;
|
|
1
|
+
export * from '@digigov/react-core/DateInputItem/index.web';
|
|
2
|
+
export { default as default } from '@digigov/react-core/DateInputItem/index.web';
|
package/DateInputItem/index.js
CHANGED
|
@@ -1,44 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
import
|
|
3
|
-
import Base from "@digigov/react-core/Base";
|
|
4
|
-
const DateInputItem = React.forwardRef(function DateInputItem2({ name, width = 2, error, className, children, ...props }, ref) {
|
|
5
|
-
return /* @__PURE__ */ React.createElement(
|
|
6
|
-
"div",
|
|
7
|
-
{
|
|
8
|
-
className: clsx(className, {
|
|
9
|
-
"ds-date-input__item": true
|
|
10
|
-
})
|
|
11
|
-
},
|
|
12
|
-
/* @__PURE__ */ React.createElement(
|
|
13
|
-
"label",
|
|
14
|
-
{
|
|
15
|
-
className: clsx({
|
|
16
|
-
"ds-label": true
|
|
17
|
-
})
|
|
18
|
-
},
|
|
19
|
-
children,
|
|
20
|
-
/* @__PURE__ */ React.createElement(
|
|
21
|
-
Base,
|
|
22
|
-
{
|
|
23
|
-
as: "input",
|
|
24
|
-
ref,
|
|
25
|
-
type: "text",
|
|
26
|
-
name,
|
|
27
|
-
className: clsx({
|
|
28
|
-
"ds-input": true,
|
|
29
|
-
"ds-input--width-2-char": width === 2,
|
|
30
|
-
"ds-input--width-4-char": width === 4,
|
|
31
|
-
"ds-input--error": error
|
|
32
|
-
}),
|
|
33
|
-
...props
|
|
34
|
-
}
|
|
35
|
-
)
|
|
36
|
-
)
|
|
37
|
-
);
|
|
38
|
-
});
|
|
39
|
-
var DateInputItem_default = DateInputItem;
|
|
1
|
+
export * from "@digigov/react-core/DateInputItem/index.web";
|
|
2
|
+
import { default as default2 } from "@digigov/react-core/DateInputItem/index.web";
|
|
40
3
|
export {
|
|
41
|
-
|
|
42
|
-
DateInputItem_default as default
|
|
4
|
+
default2 as default
|
|
43
5
|
};
|
|
44
6
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/DateInputItem/index.tsx"],
|
|
4
|
-
"sourcesContent": ["
|
|
5
|
-
"mappings": "AAAA,
|
|
6
|
-
"names": ["
|
|
4
|
+
"sourcesContent": ["export * from '@digigov/react-core/DateInputItem/index.web';\nexport { default as default } from '@digigov/react-core/DateInputItem/index.web';"],
|
|
5
|
+
"mappings": "AAAA,cAAc;AACd,SAAoB,WAAXA,gBAA0B;",
|
|
6
|
+
"names": ["default"]
|
|
7
7
|
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import extend from "@digigov/react-core/utils/extend.native";
|
|
2
|
+
import CoreDateInputItem from "@digigov/react-core/DateInputItem/index.web";
|
|
3
|
+
const DateInputItem = extend(
|
|
4
|
+
CoreDateInputItem,
|
|
5
|
+
({ className, ...props }) => {
|
|
6
|
+
return {
|
|
7
|
+
...props,
|
|
8
|
+
onChange: void 0
|
|
9
|
+
};
|
|
10
|
+
}
|
|
11
|
+
);
|
|
12
|
+
var index_native_default = DateInputItem;
|
|
13
|
+
export {
|
|
14
|
+
DateInputItem,
|
|
15
|
+
index_native_default as default
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=index.native.js.map
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export declare const DateInputItem: import("react").ForwardRefExoticComponent<Omit<Omit<import("@digigov/react-core/DateInputItem/index.web").DateInputItemProps, "ref"> & import("react").RefAttributes<HTMLInputElement> & {
|
|
2
|
+
className?: string;
|
|
3
|
+
}, "ref"> & import("react").RefAttributes<unknown>>;
|
|
4
|
+
export default DateInputItem;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/DateInputItem/index.native.tsx"],
|
|
4
|
+
"sourcesContent": ["import extend from '@digigov/react-core/utils/extend.native';\nimport CoreDateInputItem from '@digigov/react-core/DateInputItem/index.web';\nexport const DateInputItem = extend(\n CoreDateInputItem,\n ({ className, ...props }) => {\n return {\n ...props,\n onChange: undefined,\n };\n }\n);\nexport default DateInputItem;\n"],
|
|
5
|
+
"mappings": "AAAA,OAAO,YAAY;AACnB,OAAO,uBAAuB;AACvB,MAAM,gBAAgB;AAAA,EAC3B;AAAA,EACA,CAAC,EAAE,WAAW,GAAG,MAAM,MAAM;AAC3B,WAAO;AAAA,MACL,GAAG;AAAA,MACH,UAAU;AAAA,IACZ;AAAA,EACF;AACF;AACA,IAAO,uBAAQ;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import clsx from "clsx";
|
|
3
|
+
import Base from "@digigov/react-core/Base";
|
|
4
|
+
import { TextInput } from "@digigov/react-core/TextInput";
|
|
5
|
+
const DateInputItem = React.forwardRef(function DateInputItem2({ name, width = 2, error, className, children, ...props }, ref) {
|
|
6
|
+
return /* @__PURE__ */ React.createElement(
|
|
7
|
+
Base,
|
|
8
|
+
{
|
|
9
|
+
as: "div",
|
|
10
|
+
className: clsx(className, {
|
|
11
|
+
"ds-date-input__item": true
|
|
12
|
+
})
|
|
13
|
+
},
|
|
14
|
+
/* @__PURE__ */ React.createElement(
|
|
15
|
+
Base,
|
|
16
|
+
{
|
|
17
|
+
as: "label",
|
|
18
|
+
className: clsx({
|
|
19
|
+
"ds-label": true
|
|
20
|
+
})
|
|
21
|
+
},
|
|
22
|
+
children,
|
|
23
|
+
/* @__PURE__ */ React.createElement(TextInput, { ref, type: "text", name, maxWidth: `${width}-char`, error, ...props })
|
|
24
|
+
)
|
|
25
|
+
);
|
|
26
|
+
});
|
|
27
|
+
var index_web_default = DateInputItem;
|
|
28
|
+
export {
|
|
29
|
+
DateInputItem,
|
|
30
|
+
index_web_default as default
|
|
31
|
+
};
|
|
32
|
+
//# sourceMappingURL=index.web.js.map
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { BaseProps } from '@digigov/react-core/Base';
|
|
3
|
+
export interface DateInputItemProps extends BaseProps<'input'> {
|
|
4
|
+
/**
|
|
5
|
+
* Width property is optional.
|
|
6
|
+
* Use this property for year field to grow width.
|
|
7
|
+
* @value 2
|
|
8
|
+
* @value 4
|
|
9
|
+
* @default 2
|
|
10
|
+
*/
|
|
11
|
+
width?: 2 | 4;
|
|
12
|
+
/**
|
|
13
|
+
* error is optional. The default value is false.
|
|
14
|
+
* Use this prop when there is an error at the input.
|
|
15
|
+
* @value true
|
|
16
|
+
* @value false
|
|
17
|
+
*/
|
|
18
|
+
error?: boolean;
|
|
19
|
+
}
|
|
20
|
+
/**
|
|
21
|
+
* Details for the DateInputItem.
|
|
22
|
+
* DateInputItem component is used for displaying date.
|
|
23
|
+
* DateInputItem component must be included inside DateInput component as children component
|
|
24
|
+
*/
|
|
25
|
+
export declare const DateInputItem: React.ForwardRefExoticComponent<Omit<DateInputItemProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
26
|
+
export default DateInputItem;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/DateInputItem/index.web.tsx"],
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\nimport { TextInput } from '@digigov/react-core/TextInput';\n\nexport interface DateInputItemProps extends BaseProps<'input'> {\n /**\n * Width property is optional.\n * Use this property for year field to grow width.\n * @value 2\n * @value 4\n * @default 2\n */\n width?: 2 | 4;\n /**\n * error is optional. The default value is false.\n * Use this prop when there is an error at the input.\n * @value true\n * @value false\n */\n error?: boolean;\n}\n/**\n * Details for the DateInputItem.\n * DateInputItem component is used for displaying date.\n * DateInputItem component must be included inside DateInput component as children component\n */\nexport const DateInputItem = React.forwardRef<\n HTMLInputElement,\n DateInputItemProps\n>(function DateInputItem(\n { name, width = 2, error, className, children, ...props },\n ref\n) {\n return (\n <Base as='div'\n className={clsx(className, {\n 'ds-date-input__item': true,\n })}\n >\n <Base as='label'\n className={clsx({\n 'ds-label': true,\n })}\n >\n {children}\n <TextInput ref={ref} type=\"text\" name={name} maxWidth={`${width}-char`} error={error} {...props} />\n </Base>\n </Base>\n );\n});\n\nexport default DateInputItem;\n"],
|
|
5
|
+
"mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAChC,SAAS,iBAAiB;AAwBnB,MAAM,gBAAgB,MAAM,WAGjC,SAASA,eACT,EAAE,MAAM,QAAQ,GAAG,OAAO,WAAW,UAAU,GAAG,MAAM,GACxD,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MAAK,IAAG;AAAA,MACP,WAAW,KAAK,WAAW;AAAA,QACzB,uBAAuB;AAAA,MACzB,CAAC;AAAA;AAAA,IAED;AAAA,MAAC;AAAA;AAAA,QAAK,IAAG;AAAA,QACP,WAAW,KAAK;AAAA,UACd,YAAY;AAAA,QACd,CAAC;AAAA;AAAA,MAEA;AAAA,MACD,oCAAC,aAAU,KAAU,MAAK,QAAO,MAAY,UAAU,GAAG,KAAK,SAAS,OAAe,GAAG,OAAO;AAAA,IACnG;AAAA,EACF;AAEJ,CAAC;AAED,IAAO,oBAAQ;",
|
|
6
|
+
"names": ["DateInputItem"]
|
|
7
|
+
}
|