@digigov/react-core 2.0.0-f2d82d25 → 2.0.0-fec6f1f7
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/{src/AutoCompleteWrapper → AutoCompleteContainer}/__snapshots__/index.test.tsx.snap +4 -4
- package/AutoCompleteContainer/index.d.ts +22 -0
- package/{AutoCompleteWrapper → AutoCompleteContainer}/index.js +5 -5
- package/AutoCompleteContainer/index.test/index.js +7 -0
- package/{AutoCompleteStatusWrapper → AutoCompleteContainer}/index.test/package.json +1 -1
- package/{AutoCompleteStatusWrapper → AutoCompleteContainer}/package.json +1 -1
- package/AutoCompleteInput/index.d.ts +1 -9
- package/AutoCompleteInput/index.js +2 -4
- package/AutoCompleteInput/index.test/index.js +5 -19
- package/AutoCompleteMultipleInput/index.d.ts +9 -0
- package/AutoCompleteMultipleInput/index.js +21 -0
- package/{AutoCompleteWrapper/index.test → AutoCompleteMultipleInput}/package.json +1 -1
- package/AutoCompleteMultipleInputContainer/index.d.ts +12 -0
- package/AutoCompleteMultipleInputContainer/index.js +24 -0
- package/AutoCompleteMultipleInputContainer/package.json +6 -0
- package/AutoCompleteResultList/index.d.ts +1 -10
- package/AutoCompleteResultList/index.js +2 -3
- package/AutoCompleteResultList/index.test/index.js +0 -14
- package/AutoCompleteStatus/__snapshots__/index.test.tsx.snap +2 -2
- package/AutoCompleteStatus/index.d.ts +1 -1
- package/AutoCompleteStatus/index.js +2 -2
- package/{AutoCompleteStatusWrapper → AutoCompleteStatusContainer}/__snapshots__/index.test.tsx.snap +4 -4
- package/AutoCompleteStatusContainer/index.d.ts +10 -0
- package/{AutoCompleteStatusWrapper → AutoCompleteStatusContainer}/index.js +5 -5
- package/AutoCompleteStatusContainer/index.test/index.js +7 -0
- package/AutoCompleteStatusContainer/index.test/package.json +6 -0
- package/AutoCompleteStatusContainer/package.json +6 -0
- package/Base/index.js +1 -1
- package/Card/__snapshots__/index.test.tsx.snap +42 -0
- package/Card/index.d.ts +8 -1
- package/Card/index.js +3 -2
- package/Card/index.test/index.js +21 -9
- package/DropdownContent/index.d.ts +9 -1
- package/DropdownContent/index.js +6 -5
- package/FooterContentLogos/__snapshots__/index.test.tsx.snap +2 -2
- package/FooterContentLogos/index.js +1 -1
- package/Hidden/__snapshots__/index.test.tsx.snap +5 -5
- package/Hint/index.js +1 -1
- package/ImageLogo/__snapshots__/index.test.tsx.snap +2 -2
- package/ImageLogo/index.js +1 -2
- package/ImageLogoSet/__snapshots__/index.test.tsx.snap +10 -10
- package/KitchenSinkCard/index.d.ts +1 -1
- package/NormalText/__snapshots__/index.test.tsx.snap +60 -60
- package/NormalText/index.js +1 -1
- package/Paragraph/__snapshots__/index.test.tsx.snap +54 -54
- package/PhaseBannerHeaderContainer/__snapshots__/inde.test.tsx.snap +2 -2
- package/PhaseBannerHeaderContainer/index.js +1 -1
- package/SvgIcon/__snapshots__/index.test.tsx.snap +43 -20
- package/SvgIcon/index.d.ts +5 -4
- package/SvgIcon/index.test/index.js +25 -19
- package/TabsHeading/__snapshots__/index.test.tsx.snap +3 -3
- package/Unpurge/index.js +1 -1
- package/{AutoCompleteWrapper → cjs/AutoCompleteContainer}/__snapshots__/index.test.tsx.snap +4 -4
- package/cjs/{AutoCompleteWrapper → AutoCompleteContainer}/index.js +6 -6
- package/cjs/{AutoCompleteWrapper → AutoCompleteContainer}/index.test/index.js +2 -2
- package/cjs/AutoCompleteInput/index.js +2 -4
- package/cjs/AutoCompleteInput/index.test/index.js +5 -19
- package/cjs/AutoCompleteMultipleInput/index.js +28 -0
- package/cjs/AutoCompleteMultipleInputContainer/index.js +31 -0
- package/cjs/AutoCompleteResultList/index.js +2 -3
- package/cjs/AutoCompleteResultList/index.test/index.js +0 -14
- package/cjs/AutoCompleteStatus/__snapshots__/index.test.tsx.snap +2 -2
- package/cjs/AutoCompleteStatus/index.js +2 -2
- package/cjs/{AutoCompleteStatusWrapper → AutoCompleteStatusContainer}/__snapshots__/index.test.tsx.snap +4 -4
- package/cjs/{AutoCompleteStatusWrapper → AutoCompleteStatusContainer}/index.js +6 -6
- package/cjs/{AutoCompleteStatusWrapper → AutoCompleteStatusContainer}/index.test/index.js +2 -2
- package/cjs/Base/index.js +1 -1
- package/cjs/Card/__snapshots__/index.test.tsx.snap +42 -0
- package/cjs/Card/index.js +3 -2
- package/cjs/Card/index.test/index.js +21 -9
- package/cjs/DropdownContent/index.js +6 -5
- package/cjs/FooterContentLogos/__snapshots__/index.test.tsx.snap +2 -2
- package/cjs/FooterContentLogos/index.js +1 -1
- package/cjs/Hidden/__snapshots__/index.test.tsx.snap +5 -5
- package/cjs/Hint/index.js +1 -1
- package/cjs/ImageLogo/__snapshots__/index.test.tsx.snap +2 -2
- package/cjs/ImageLogo/index.js +1 -2
- package/cjs/ImageLogoSet/__snapshots__/index.test.tsx.snap +10 -10
- package/cjs/NormalText/__snapshots__/index.test.tsx.snap +60 -60
- package/cjs/NormalText/index.js +1 -1
- package/cjs/Paragraph/__snapshots__/index.test.tsx.snap +54 -54
- package/cjs/PhaseBannerHeaderContainer/__snapshots__/inde.test.tsx.snap +2 -2
- package/cjs/PhaseBannerHeaderContainer/index.js +1 -1
- package/cjs/SvgIcon/__snapshots__/index.test.tsx.snap +43 -20
- package/cjs/SvgIcon/index.test/index.js +25 -19
- package/cjs/TabsHeading/__snapshots__/index.test.tsx.snap +3 -3
- package/cjs/Unpurge/index.js +1 -1
- package/cjs/index.js +26 -4
- package/cjs/lazy/index.js +2155 -0
- package/cjs/registry/index.js +8 -4
- package/index.d.ts +3 -1
- package/index.js +4 -2
- package/lazy/index.js +1669 -0
- package/{AutoCompleteWrapper → lazy}/package.json +1 -1
- package/lazy.d.ts +241 -0
- package/package.json +3 -3
- package/registry/index.js +8 -4
- package/registry.d.ts +4 -2
- package/{cjs/AutoCompleteWrapper → src/AutoCompleteContainer}/__snapshots__/index.test.tsx.snap +4 -4
- package/src/{AutoCompleteWrapper → AutoCompleteContainer}/index.test.tsx +2 -2
- package/src/{AutoCompleteWrapper → AutoCompleteContainer}/index.tsx +8 -8
- package/src/AutoCompleteInput/index.test.tsx +4 -12
- package/src/AutoCompleteInput/index.tsx +2 -11
- package/src/AutoCompleteMultipleInput/index.tsx +28 -0
- package/src/AutoCompleteMultipleInputContainer/index.tsx +38 -0
- package/src/AutoCompleteResultList/index.test.tsx +0 -20
- package/src/AutoCompleteResultList/index.tsx +1 -13
- package/src/AutoCompleteStatus/__snapshots__/index.test.tsx.snap +2 -2
- package/src/AutoCompleteStatus/index.tsx +2 -2
- package/src/AutoCompleteStatusContainer/__snapshots__/index.test.tsx.snap +16 -0
- package/src/AutoCompleteStatusContainer/index.test.tsx +10 -0
- package/src/AutoCompleteStatusContainer/index.tsx +28 -0
- package/src/Base/index.tsx +5 -5
- package/src/Card/__snapshots__/index.test.tsx.snap +42 -0
- package/src/Card/index.test.tsx +6 -0
- package/src/Card/index.tsx +9 -1
- package/src/DropdownContent/index.tsx +10 -1
- package/src/FooterContentLogos/__snapshots__/index.test.tsx.snap +2 -2
- package/src/FooterContentLogos/index.tsx +1 -1
- package/src/Hidden/__snapshots__/index.test.tsx.snap +5 -5
- package/src/Hint/index.tsx +2 -2
- package/src/ImageLogo/__snapshots__/index.test.tsx.snap +2 -2
- package/src/ImageLogo/index.tsx +1 -2
- package/src/ImageLogoSet/__snapshots__/index.test.tsx.snap +10 -10
- package/src/NormalText/__snapshots__/index.test.tsx.snap +60 -60
- package/src/NormalText/index.tsx +2 -2
- package/src/Paragraph/__snapshots__/index.test.tsx.snap +54 -54
- package/src/PhaseBannerHeaderContainer/__snapshots__/inde.test.tsx.snap +2 -2
- package/src/PhaseBannerHeaderContainer/index.tsx +1 -1
- package/src/SvgIcon/__snapshots__/index.test.tsx.snap +43 -20
- package/src/SvgIcon/index.test.tsx +5 -2
- package/src/SvgIcon/index.tsx +6 -4
- package/src/TabsHeading/__snapshots__/index.test.tsx.snap +3 -3
- package/src/Unpurge/index.tsx +5 -2
- package/src/index.ts +3 -1
- package/src/lazy.js +242 -0
- package/src/registry.js +8 -4
- package/AutoCompleteStatusWrapper/index.d.ts +0 -10
- package/AutoCompleteStatusWrapper/index.test/index.js +0 -7
- package/AutoCompleteWrapper/index.d.ts +0 -22
- package/AutoCompleteWrapper/index.test/index.js +0 -7
- package/src/AutoCompleteStatusWrapper/__snapshots__/index.test.tsx.snap +0 -16
- package/src/AutoCompleteStatusWrapper/index.test.tsx +0 -10
- package/src/AutoCompleteStatusWrapper/index.tsx +0 -28
- /package/{AutoCompleteStatusWrapper → AutoCompleteContainer}/index.test.d.ts +0 -0
- /package/{AutoCompleteWrapper → AutoCompleteStatusContainer}/index.test.d.ts +0 -0
package/Unpurge/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
function Unpurge() {
|
|
3
3
|
return /*#__PURE__*/React.createElement("div", {
|
|
4
|
-
className: "\n ds-m-0\n ds-m-1\n ds-m-2\n ds-m-3\n ds-m-4\n ds-m-5\n ds-m-6\n ds-m-7\n ds-m-8\n ds-m-9\n ds-m-10\n ds-m-11\n ds-m-12\n ds-m-14\n ds-m-16\n ds-m-20\n ds-m-24\n ds-m-28\n ds-m-32\n ds-m-36\n ds-m-40\n ds-m-44\n ds-m-48\n ds-m-52\n ds-m-56\n ds-m-60\n ds-m-64\n ds-m-72\n ds-m-80\n ds-m-96\n ds-m-px\n ds-m-0.5\n ds-m-1.5\n ds-m-2.5\n ds-m-3.5\n ds-mt-0\n ds-mt-1\n ds-mt-2\n ds-mt-3\n ds-mt-4\n ds-mt-5\n ds-mt-6\n ds-mt-7\n ds-mt-8\n ds-mt-9\n ds-mt-10\n ds-mt-11\n ds-mt-12\n ds-mt-14\n ds-mt-16\n ds-mt-20\n ds-mt-24\n ds-mt-28\n ds-mt-32\n ds-mt-36\n ds-mt-40\n ds-mt-44\n ds-mt-48\n ds-mt-52\n ds-mt-56\n ds-mt-60\n ds-mt-64\n ds-mt-72\n ds-mt-80\n ds-mt-96\n ds-mt-px\n ds-mt-0.5\n ds-mt-1.5\n ds-mt-2.5\n ds-mt-3.5\n ds-mr-0\n ds-mr-1\n ds-mr-2\n ds-mr-3\n ds-mr-4\n ds-mr-5\n ds-mr-6\n ds-mr-7\n ds-mr-8\n ds-mr-9\n ds-mr-10\n ds-mr-11\n ds-mr-12\n ds-mr-14\n ds-mr-16\n ds-mr-20\n ds-mr-24\n ds-mr-28\n ds-mr-32\n ds-mr-36\n ds-mr-40\n ds-mr-44\n ds-mr-48\n ds-mr-52\n ds-mr-56\n ds-mr-60\n ds-mr-64\n ds-mr-72\n ds-mr-80\n ds-mr-96\n ds-mr-px\n ds-mr-0.5\n ds-mr-1.5\n ds-mr-2.5\n ds-mr-3.5\n ds-ml-0\n ds-ml-1\n ds-ml-2\n ds-ml-3\n ds-ml-4\n ds-ml-5\n ds-ml-6\n ds-ml-7\n ds-ml-8\n ds-ml-9\n ds-ml-10\n ds-ml-11\n ds-ml-12\n ds-ml-14\n ds-ml-16\n ds-ml-20\n ds-ml-24\n ds-ml-28\n ds-ml-32\n ds-ml-36\n ds-ml-40\n ds-ml-44\n ds-ml-48\n ds-ml-52\n ds-ml-56\n ds-ml-60\n ds-ml-64\n ds-ml-72\n ds-ml-80\n ds-ml-96\n ds-ml-px\n ds-ml-0.5\n ds-ml-1.5\n ds-ml-2.5\n ds-ml-3.5\n ds-mb-0\n ds-mb-1\n ds-mb-2\n ds-mb-3\n ds-mb-4\n ds-mb-5\n ds-mb-6\n ds-mb-7\n ds-mb-8\n ds-mb-9\n ds-mb-10\n ds-mb-11\n ds-mb-12\n ds-mb-14\n ds-mb-16\n ds-mb-20\n ds-mb-24\n ds-mb-28\n ds-mb-32\n ds-mb-36\n ds-mb-40\n ds-mb-44\n ds-mb-48\n ds-mb-52\n ds-mb-56\n ds-mb-60\n ds-mb-64\n ds-mb-72\n ds-mb-80\n ds-mb-96\n ds-mb-px\n ds-mb-0.5\n ds-mb-1.5\n ds-mb-2.5\n ds-mb-3.5\n ds-mx-0\n ds-mx-1\n ds-mx-2\n ds-mx-3\n ds-mx-4\n ds-mx-5\n ds-mx-6\n ds-mx-7\n ds-mx-8\n ds-mx-9\n ds-mx-10\n ds-mx-11\n ds-mx-12\n ds-mx-14\n ds-mx-16\n ds-mx-20\n ds-mx-24\n ds-mx-28\n ds-mx-32\n ds-mx-36\n ds-mx-40\n ds-mx-44\n ds-mx-48\n ds-mx-52\n ds-mx-56\n ds-mx-60\n ds-mx-64\n ds-mx-72\n ds-mx-80\n ds-mx-96\n ds-mx-0.5\n ds-mx-1.5\n ds-mx-2.5\n ds-mx-3.5\n ds-my-0\n ds-my-1\n ds-my-2\n ds-my-3\n ds-my-4\n ds-my-5\n ds-my-6\n ds-my-7\n ds-my-8\n ds-my-9\n ds-my-10\n ds-my-11\n ds-my-12\n ds-my-14\n ds-my-16\n ds-my-20\n ds-my-24\n ds-my-28\n ds-my-32\n ds-my-36\n ds-my-40\n ds-my-44\n ds-my-48\n ds-my-52\n ds-my-56\n ds-my-60\n ds-my-64\n ds-my-72\n ds-my-80\n ds-my-96\n ds-my-0.5\n ds-my-1.5\n ds-my-2.5\n ds-my-3.5\n ds-p-0\n ds-p-1\n ds-p-2\n ds-p-3\n ds-p-4\n ds-p-5\n ds-p-6\n ds-p-7\n ds-p-8\n ds-p-9\n ds-p-10\n ds-p-11\n ds-p-12\n ds-p-14\n ds-p-16\n ds-p-20\n ds-p-24\n ds-p-28\n ds-p-32\n ds-p-36\n ds-p-40\n ds-p-44\n ds-p-48\n ds-p-52\n ds-p-56\n ds-p-60\n ds-p-64\n ds-p-72\n ds-p-80\n ds-p-96\n ds-p-px\n ds-p-0.5\n ds-p-1.5\n ds-p-2.5\n ds-p-3.5\n ds-pt-0\n ds-pt-1\n ds-pt-2\n ds-pt-3\n ds-pt-4\n ds-pt-5\n ds-pt-6\n ds-pt-7\n ds-pt-8\n ds-pt-9\n ds-pt-10\n ds-pt-11\n ds-pt-12\n ds-pt-14\n ds-pt-16\n ds-pt-20\n ds-pt-24\n ds-pt-28\n ds-pt-32\n ds-pt-36\n ds-pt-40\n ds-pt-44\n ds-pt-48\n ds-pt-52\n ds-pt-56\n ds-pt-60\n ds-pt-64\n ds-pt-72\n ds-pt-80\n ds-pt-96\n ds-pt-px\n ds-pt-0.5\n ds-pt-1.5\n ds-pt-2.5\n ds-pt-3.5\n ds-pr-0\n ds-pr-1\n ds-pr-2\n ds-pr-3\n ds-pr-4\n ds-pr-5\n ds-pr-6\n ds-pr-7\n ds-pr-8\n ds-pr-9\n ds-pr-10\n ds-pr-11\n ds-pr-12\n ds-pr-14\n ds-pr-16\n ds-pr-20\n ds-pr-24\n ds-pr-28\n ds-pr-32\n ds-pr-36\n ds-pr-40\n ds-pr-44\n ds-pr-48\n ds-pr-52\n ds-pr-56\n ds-pr-60\n ds-pr-64\n ds-pr-72\n ds-pr-80\n ds-pr-96\n ds-pr-px\n ds-pr-0.5\n ds-pr-1.5\n ds-pr-2.5\n ds-pr-3.5\n ds-pl-0\n ds-pl-1\n ds-pl-2\n ds-pl-3\n ds-pl-4\n ds-pl-5\n ds-pl-6\n ds-pl-7\n ds-pl-8\n ds-pl-9\n ds-pl-10\n ds-pl-11\n ds-pl-12\n ds-pl-14\n ds-pl-16\n ds-pl-20\n ds-pl-24\n ds-pl-28\n ds-pl-32\n ds-pl-36\n ds-pl-40\n ds-pl-44\n ds-pl-48\n ds-pl-52\n ds-pl-56\n ds-pl-60\n ds-pl-64\n ds-pl-72\n ds-pl-80\n ds-pl-96\n ds-pl-px\n ds-pl-0.5\n ds-pl-1.5\n ds-pl-2.5\n ds-pl-3.5\n ds-pb-0\n ds-pb-1\n ds-pb-2\n ds-pb-3\n ds-pb-4\n ds-pb-5\n ds-pb-6\n ds-pb-7\n ds-pb-8\n ds-pb-9\n ds-pb-10\n ds-pb-11\n ds-pb-12\n ds-pb-14\n ds-pb-16\n ds-pb-20\n ds-pb-24\n ds-pb-28\n ds-pb-32\n ds-pb-36\n ds-pb-40\n ds-pb-44\n ds-pb-48\n ds-pb-52\n ds-pb-56\n ds-pb-60\n ds-pb-64\n ds-pb-72\n ds-pb-80\n ds-pb-96\n ds-pb-px\n ds-pb-0.5\n ds-pb-1.5\n ds-pb-2.5\n ds-pb-3.5\n ds-px-0\n ds-px-1\n ds-px-2\n ds-px-3\n ds-px-4\n ds-px-5\n ds-px-6\n ds-px-7\n ds-px-8\n ds-px-9\n ds-px-10\n ds-px-11\n ds-px-12\n ds-px-14\n ds-px-16\n ds-px-20\n ds-px-24\n ds-px-28\n ds-px-32\n ds-px-36\n ds-px-40\n ds-px-44\n ds-px-48\n ds-px-52\n ds-px-56\n ds-px-60\n ds-px-64\n ds-px-72\n ds-px-80\n ds-px-96\n ds-px-0.5\n ds-px-1.5\n ds-px-2.5\n ds-px-3.5\n ds-py-0\n ds-py-1\n ds-py-2\n ds-py-3\n ds-py-4\n ds-py-5\n ds-py-6\n ds-py-7\n ds-py-8\n ds-py-9\n ds-py-10\n ds-py-11\n ds-py-12\n ds-py-14\n ds-py-16\n ds-py-20\n ds-py-24\n ds-py-28\n ds-py-32\n ds-py-36\n ds-py-40\n ds-py-44\n ds-py-48\n ds-py-52\n ds-py-56\n ds-py-60\n ds-py-64\n ds-py-72\n ds-py-80\n ds-py-96\n ds-py-0.5\n ds-py-1.5\n ds-py-2.5\n ds-py-3.5\n ds-gap-1\n ds-gap-2\n ds-gap-4\n ds-gap-6\n ds-gap-8\n ds-gap-10\n ds-gap-12\n ds-gap-xs-1\n ds-gap-xs-2\n ds-gap-xs-4\n ds-gap-xs-5\n ds-gap-xs-6\n ds-gap-xs-8\n ds-gap-xs-10\n ds-gap-xs-12\n ds-gap-sm-1\n ds-gap-sm-2\n ds-gap-sm-4\n ds-gap-sm-5\n ds-gap-sm-6\n ds-gap-sm-8\n ds-gap-sm-10\n ds-gap-sm-12\n ds-gap-md-1\n ds-gap-md-2\n ds-gap-md-4\n ds-gap-md-5\n ds-gap-md-6\n ds-gap-md-8\n ds-gap-md-10\n ds-gap-md-12\n ds-gap-lg-1\n ds-gap-lg-2\n ds-gap-lg-4\n ds-gap-lg-5\n ds-gap-lg-6\n ds-gap-lg-8\n ds-gap-lg-10\n ds-gap-lg-12\n ds-gap-xl-1\n ds-gap-xl-2\n ds-gap-xl-4\n ds-gap-xl-5\n ds-gap-xl-6\n ds-gap-xl-8\n ds-gap-xl-10\n ds-gap-xl-12\n ds-!-font-size-14\n ds-!-font-size-16\n ds-!-font-size-19\n ds-!-font-size-24\n ds-!-font-size-30\n ds-!-font-size-36\n ds-!-font-size-48\n ds-!-font-size-72\n ds-!-font-weight-regular\n ds-!-font-weight-bold\n ds-print-hidden\n xs:ds-grid__col-span-1\n xs:ds-grid__col-span-2\n xs:ds-grid__col-span-3\n xs:ds-grid__col-span-4\n xs:ds-grid__col-span-5\n xs:ds-grid__col-span-6\n xs:ds-grid__col-span-7\n xs:ds-grid__col-span-8\n xs:ds-grid__col-span-9\n xs:ds-grid__col-span-10\n xs:ds-grid__col-span-11\n xs:ds-grid__col-span-12\n sm:ds-grid__col-span-1\n sm:ds-grid__col-span-2\n sm:ds-grid__col-span-3\n sm:ds-grid__col-span-4\n sm:ds-grid__col-span-5\n sm:ds-grid__col-span-6\n sm:ds-grid__col-span-7\n sm:ds-grid__col-span-8\n sm:ds-grid__col-span-9\n sm:ds-grid__col-span-10\n sm:ds-grid__col-span-11\n sm:ds-grid__col-span-12\n md:ds-grid__col-span-1\n md:ds-grid__col-span-2\n md:ds-grid__col-span-3\n md:ds-grid__col-span-4\n md:ds-grid__col-span-5\n md:ds-grid__col-span-6\n md:ds-grid__col-span-7\n md:ds-grid__col-span-8\n md:ds-grid__col-span-9\n md:ds-grid__col-span-10\n md:ds-grid__col-span-11\n md:ds-grid__col-span-12\n lg:ds-grid__col-span-1\n lg:ds-grid__col-span-2\n lg:ds-grid__col-span-3\n lg:ds-grid__col-span-4\n lg:ds-grid__col-span-5\n lg:ds-grid__col-span-6\n lg:ds-grid__col-span-7\n lg:ds-grid__col-span-8\n lg:ds-grid__col-span-9\n lg:ds-grid__col-span-10\n lg:ds-grid__col-span-11\n lg:ds-grid__col-span-12\n ds-stack--row\n ds-stack--row-reverse\n ds-stack--column\n ds-stack--column-reverse\n ds-stack--justify-flex-start\n ds-stack--justify-flex-end\n ds-stack--justify-center\n ds-stack--justify-space-between\n ds-stack--justify-space-around\n ds-stack--justify-space-evenly \n ds-stack--align-stretch\n ds-stack--align-flex-start\n ds-stack--align-flex-end\n ds-stack--align-center\n ds-stack--align-baseline\n ds-stack--content-flex-start\n ds-stack--content-flex-end\n ds-stack--content-center\n ds-stack--content-space-between\n ds-stack--content-space-around\n ds-stack--content-space-evenly \n ds-notification-banner--info\n ds-notification-banner--success\n ds-notification-banner--warning\n ds-notification-banner--error\n ds-input--width-2-char\n ds-input--width-3-char\n ds-input--width-4-char\n ds-input--width-5-char\n ds-input--width-10-char\n ds-input--width-20-char\n ds-!-width-one-quarter\n ds-!-width-one-third\n ds-!-width-one-half\n ds-!-width-two-thirds\n ds-!-width-three-quarters\n ds-!-width-one-third\n ds-!-width-one-half\n ds-!-width-two-thirds\n ds-!-width-three-quarters\n ds-!-width-full\n ds-table__caption--sm\n ds-table__caption--md\n ds-table__caption--lg\n ds-table__caption--xl\n ds-task-list__content__tag--primary\n ds-task-list__content__tag--secondary\n ds-task-list__content__tag--info\n ds-svg-icon--xs\n ds-svg-icon--sm\n ds-svg-icon--md\n ds-svg-icon--lg\n ds-svg-icon--xl\n ds-svg-icon--dark\n ds-svg-icon--light\n ds-svg-icon--gray\n ds-svg-icon--primary\n ds-svg-icon--success\n ds-svg-icon--warning\n ds-svg-icon--error\n ds-svg-icon--focus\n ds-svg-icon--info\n ds-svg-icon--link\n ds-svg-icon--arrow\n ds-svg-icon--burger\n ds-svg-icon--burger--active\n ds-svg-icon--cancel\n ds-svg-icon--caret\n ds-svg-icon--chat\n ds-svg-icon--check\n ds-svg-icon--chevron\n ds-svg-icon--close\n ds-svg-icon--download\n ds-svg-icon--exclamation\n ds-svg-icon--globe\n ds-svg-icon--lock\n ds-svg-icon--minus\n ds-svg-icon--moreVert\n ds-svg-icon--pdfFile\n ds-svg-icon--plus\n ds-svg-icon--reply\n ds-svg-icon--restore\n ds-svg-icon--uncheck\n ds-caption-md\n ds-caption-lg\n ds-caption-xl\n ds-heading-xs\n ds-heading-sm\n ds-heading-md\n ds-heading-lg\n ds-heading-xl\n ds-image-logo--light\n ds-image-logo--dark\n "
|
|
4
|
+
className: "\n ds-m-0\n ds-m-1\n ds-m-2\n ds-m-3\n ds-m-4\n ds-m-5\n ds-m-6\n ds-m-7\n ds-m-8\n ds-m-9\n ds-m-10\n ds-m-11\n ds-m-12\n ds-m-14\n ds-m-16\n ds-m-20\n ds-m-24\n ds-m-28\n ds-m-32\n ds-m-36\n ds-m-40\n ds-m-44\n ds-m-48\n ds-m-52\n ds-m-56\n ds-m-60\n ds-m-64\n ds-m-72\n ds-m-80\n ds-m-96\n ds-m-px\n ds-m-0.5\n ds-m-1.5\n ds-m-2.5\n ds-m-3.5\n ds-mt-0\n ds-mt-1\n ds-mt-2\n ds-mt-3\n ds-mt-4\n ds-mt-5\n ds-mt-6\n ds-mt-7\n ds-mt-8\n ds-mt-9\n ds-mt-10\n ds-mt-11\n ds-mt-12\n ds-mt-14\n ds-mt-16\n ds-mt-20\n ds-mt-24\n ds-mt-28\n ds-mt-32\n ds-mt-36\n ds-mt-40\n ds-mt-44\n ds-mt-48\n ds-mt-52\n ds-mt-56\n ds-mt-60\n ds-mt-64\n ds-mt-72\n ds-mt-80\n ds-mt-96\n ds-mt-px\n ds-mt-0.5\n ds-mt-1.5\n ds-mt-2.5\n ds-mt-3.5\n ds-mr-0\n ds-mr-1\n ds-mr-2\n ds-mr-3\n ds-mr-4\n ds-mr-5\n ds-mr-6\n ds-mr-7\n ds-mr-8\n ds-mr-9\n ds-mr-10\n ds-mr-11\n ds-mr-12\n ds-mr-14\n ds-mr-16\n ds-mr-20\n ds-mr-24\n ds-mr-28\n ds-mr-32\n ds-mr-36\n ds-mr-40\n ds-mr-44\n ds-mr-48\n ds-mr-52\n ds-mr-56\n ds-mr-60\n ds-mr-64\n ds-mr-72\n ds-mr-80\n ds-mr-96\n ds-mr-px\n ds-mr-0.5\n ds-mr-1.5\n ds-mr-2.5\n ds-mr-3.5\n ds-ml-0\n ds-ml-1\n ds-ml-2\n ds-ml-3\n ds-ml-4\n ds-ml-5\n ds-ml-6\n ds-ml-7\n ds-ml-8\n ds-ml-9\n ds-ml-10\n ds-ml-11\n ds-ml-12\n ds-ml-14\n ds-ml-16\n ds-ml-20\n ds-ml-24\n ds-ml-28\n ds-ml-32\n ds-ml-36\n ds-ml-40\n ds-ml-44\n ds-ml-48\n ds-ml-52\n ds-ml-56\n ds-ml-60\n ds-ml-64\n ds-ml-72\n ds-ml-80\n ds-ml-96\n ds-ml-px\n ds-ml-0.5\n ds-ml-1.5\n ds-ml-2.5\n ds-ml-3.5\n ds-mb-0\n ds-mb-1\n ds-mb-2\n ds-mb-3\n ds-mb-4\n ds-mb-5\n ds-mb-6\n ds-mb-7\n ds-mb-8\n ds-mb-9\n ds-mb-10\n ds-mb-11\n ds-mb-12\n ds-mb-14\n ds-mb-16\n ds-mb-20\n ds-mb-24\n ds-mb-28\n ds-mb-32\n ds-mb-36\n ds-mb-40\n ds-mb-44\n ds-mb-48\n ds-mb-52\n ds-mb-56\n ds-mb-60\n ds-mb-64\n ds-mb-72\n ds-mb-80\n ds-mb-96\n ds-mb-px\n ds-mb-0.5\n ds-mb-1.5\n ds-mb-2.5\n ds-mb-3.5\n ds-mx-0\n ds-mx-1\n ds-mx-2\n ds-mx-3\n ds-mx-4\n ds-mx-5\n ds-mx-6\n ds-mx-7\n ds-mx-8\n ds-mx-9\n ds-mx-10\n ds-mx-11\n ds-mx-12\n ds-mx-14\n ds-mx-16\n ds-mx-20\n ds-mx-24\n ds-mx-28\n ds-mx-32\n ds-mx-36\n ds-mx-40\n ds-mx-44\n ds-mx-48\n ds-mx-52\n ds-mx-56\n ds-mx-60\n ds-mx-64\n ds-mx-72\n ds-mx-80\n ds-mx-96\n ds-mx-0.5\n ds-mx-1.5\n ds-mx-2.5\n ds-mx-3.5\n ds-my-0\n ds-my-1\n ds-my-2\n ds-my-3\n ds-my-4\n ds-my-5\n ds-my-6\n ds-my-7\n ds-my-8\n ds-my-9\n ds-my-10\n ds-my-11\n ds-my-12\n ds-my-14\n ds-my-16\n ds-my-20\n ds-my-24\n ds-my-28\n ds-my-32\n ds-my-36\n ds-my-40\n ds-my-44\n ds-my-48\n ds-my-52\n ds-my-56\n ds-my-60\n ds-my-64\n ds-my-72\n ds-my-80\n ds-my-96\n ds-my-0.5\n ds-my-1.5\n ds-my-2.5\n ds-my-3.5\n ds-p-0\n ds-p-1\n ds-p-2\n ds-p-3\n ds-p-4\n ds-p-5\n ds-p-6\n ds-p-7\n ds-p-8\n ds-p-9\n ds-p-10\n ds-p-11\n ds-p-12\n ds-p-14\n ds-p-16\n ds-p-20\n ds-p-24\n ds-p-28\n ds-p-32\n ds-p-36\n ds-p-40\n ds-p-44\n ds-p-48\n ds-p-52\n ds-p-56\n ds-p-60\n ds-p-64\n ds-p-72\n ds-p-80\n ds-p-96\n ds-p-px\n ds-p-0.5\n ds-p-1.5\n ds-p-2.5\n ds-p-3.5\n ds-pt-0\n ds-pt-1\n ds-pt-2\n ds-pt-3\n ds-pt-4\n ds-pt-5\n ds-pt-6\n ds-pt-7\n ds-pt-8\n ds-pt-9\n ds-pt-10\n ds-pt-11\n ds-pt-12\n ds-pt-14\n ds-pt-16\n ds-pt-20\n ds-pt-24\n ds-pt-28\n ds-pt-32\n ds-pt-36\n ds-pt-40\n ds-pt-44\n ds-pt-48\n ds-pt-52\n ds-pt-56\n ds-pt-60\n ds-pt-64\n ds-pt-72\n ds-pt-80\n ds-pt-96\n ds-pt-px\n ds-pt-0.5\n ds-pt-1.5\n ds-pt-2.5\n ds-pt-3.5\n ds-pr-0\n ds-pr-1\n ds-pr-2\n ds-pr-3\n ds-pr-4\n ds-pr-5\n ds-pr-6\n ds-pr-7\n ds-pr-8\n ds-pr-9\n ds-pr-10\n ds-pr-11\n ds-pr-12\n ds-pr-14\n ds-pr-16\n ds-pr-20\n ds-pr-24\n ds-pr-28\n ds-pr-32\n ds-pr-36\n ds-pr-40\n ds-pr-44\n ds-pr-48\n ds-pr-52\n ds-pr-56\n ds-pr-60\n ds-pr-64\n ds-pr-72\n ds-pr-80\n ds-pr-96\n ds-pr-px\n ds-pr-0.5\n ds-pr-1.5\n ds-pr-2.5\n ds-pr-3.5\n ds-pl-0\n ds-pl-1\n ds-pl-2\n ds-pl-3\n ds-pl-4\n ds-pl-5\n ds-pl-6\n ds-pl-7\n ds-pl-8\n ds-pl-9\n ds-pl-10\n ds-pl-11\n ds-pl-12\n ds-pl-14\n ds-pl-16\n ds-pl-20\n ds-pl-24\n ds-pl-28\n ds-pl-32\n ds-pl-36\n ds-pl-40\n ds-pl-44\n ds-pl-48\n ds-pl-52\n ds-pl-56\n ds-pl-60\n ds-pl-64\n ds-pl-72\n ds-pl-80\n ds-pl-96\n ds-pl-px\n ds-pl-0.5\n ds-pl-1.5\n ds-pl-2.5\n ds-pl-3.5\n ds-pb-0\n ds-pb-1\n ds-pb-2\n ds-pb-3\n ds-pb-4\n ds-pb-5\n ds-pb-6\n ds-pb-7\n ds-pb-8\n ds-pb-9\n ds-pb-10\n ds-pb-11\n ds-pb-12\n ds-pb-14\n ds-pb-16\n ds-pb-20\n ds-pb-24\n ds-pb-28\n ds-pb-32\n ds-pb-36\n ds-pb-40\n ds-pb-44\n ds-pb-48\n ds-pb-52\n ds-pb-56\n ds-pb-60\n ds-pb-64\n ds-pb-72\n ds-pb-80\n ds-pb-96\n ds-pb-px\n ds-pb-0.5\n ds-pb-1.5\n ds-pb-2.5\n ds-pb-3.5\n ds-px-0\n ds-px-1\n ds-px-2\n ds-px-3\n ds-px-4\n ds-px-5\n ds-px-6\n ds-px-7\n ds-px-8\n ds-px-9\n ds-px-10\n ds-px-11\n ds-px-12\n ds-px-14\n ds-px-16\n ds-px-20\n ds-px-24\n ds-px-28\n ds-px-32\n ds-px-36\n ds-px-40\n ds-px-44\n ds-px-48\n ds-px-52\n ds-px-56\n ds-px-60\n ds-px-64\n ds-px-72\n ds-px-80\n ds-px-96\n ds-px-0.5\n ds-px-1.5\n ds-px-2.5\n ds-px-3.5\n ds-py-0\n ds-py-1\n ds-py-2\n ds-py-3\n ds-py-4\n ds-py-5\n ds-py-6\n ds-py-7\n ds-py-8\n ds-py-9\n ds-py-10\n ds-py-11\n ds-py-12\n ds-py-14\n ds-py-16\n ds-py-20\n ds-py-24\n ds-py-28\n ds-py-32\n ds-py-36\n ds-py-40\n ds-py-44\n ds-py-48\n ds-py-52\n ds-py-56\n ds-py-60\n ds-py-64\n ds-py-72\n ds-py-80\n ds-py-96\n ds-py-0.5\n ds-py-1.5\n ds-py-2.5\n ds-py-3.5\n ds-gap-1\n ds-gap-2\n ds-gap-4\n ds-gap-6\n ds-gap-8\n ds-gap-10\n ds-gap-12\n ds-gap-xs-1\n ds-gap-xs-2\n ds-gap-xs-4\n ds-gap-xs-5\n ds-gap-xs-6\n ds-gap-xs-8\n ds-gap-xs-10\n ds-gap-xs-12\n ds-gap-sm-1\n ds-gap-sm-2\n ds-gap-sm-4\n ds-gap-sm-5\n ds-gap-sm-6\n ds-gap-sm-8\n ds-gap-sm-10\n ds-gap-sm-12\n ds-gap-md-1\n ds-gap-md-2\n ds-gap-md-4\n ds-gap-md-5\n ds-gap-md-6\n ds-gap-md-8\n ds-gap-md-10\n ds-gap-md-12\n ds-gap-lg-1\n ds-gap-lg-2\n ds-gap-lg-4\n ds-gap-lg-5\n ds-gap-lg-6\n ds-gap-lg-8\n ds-gap-lg-10\n ds-gap-lg-12\n ds-gap-xl-1\n ds-gap-xl-2\n ds-gap-xl-4\n ds-gap-xl-5\n ds-gap-xl-6\n ds-gap-xl-8\n ds-gap-xl-10\n ds-gap-xl-12\n ds-!-font-size-14\n ds-!-font-size-16\n ds-!-font-size-19\n ds-!-font-size-24\n ds-!-font-size-30\n ds-!-font-size-36\n ds-!-font-size-48\n ds-!-font-size-72\n ds-!-font-weight-regular\n ds-!-font-weight-bold\n ds-print-hidden\n xs:ds-grid__col-span-1\n xs:ds-grid__col-span-2\n xs:ds-grid__col-span-3\n xs:ds-grid__col-span-4\n xs:ds-grid__col-span-5\n xs:ds-grid__col-span-6\n xs:ds-grid__col-span-7\n xs:ds-grid__col-span-8\n xs:ds-grid__col-span-9\n xs:ds-grid__col-span-10\n xs:ds-grid__col-span-11\n xs:ds-grid__col-span-12\n sm:ds-grid__col-span-1\n sm:ds-grid__col-span-2\n sm:ds-grid__col-span-3\n sm:ds-grid__col-span-4\n sm:ds-grid__col-span-5\n sm:ds-grid__col-span-6\n sm:ds-grid__col-span-7\n sm:ds-grid__col-span-8\n sm:ds-grid__col-span-9\n sm:ds-grid__col-span-10\n sm:ds-grid__col-span-11\n sm:ds-grid__col-span-12\n md:ds-grid__col-span-1\n md:ds-grid__col-span-2\n md:ds-grid__col-span-3\n md:ds-grid__col-span-4\n md:ds-grid__col-span-5\n md:ds-grid__col-span-6\n md:ds-grid__col-span-7\n md:ds-grid__col-span-8\n md:ds-grid__col-span-9\n md:ds-grid__col-span-10\n md:ds-grid__col-span-11\n md:ds-grid__col-span-12\n lg:ds-grid__col-span-1\n lg:ds-grid__col-span-2\n lg:ds-grid__col-span-3\n lg:ds-grid__col-span-4\n lg:ds-grid__col-span-5\n lg:ds-grid__col-span-6\n lg:ds-grid__col-span-7\n lg:ds-grid__col-span-8\n lg:ds-grid__col-span-9\n lg:ds-grid__col-span-10\n lg:ds-grid__col-span-11\n lg:ds-grid__col-span-12\n ds-stack--row\n ds-stack--row-reverse\n ds-stack--column\n ds-stack--column-reverse\n ds-stack--justify-flex-start\n ds-stack--justify-flex-end\n ds-stack--justify-center\n ds-stack--justify-space-between\n ds-stack--justify-space-around\n ds-stack--justify-space-evenly \n ds-stack--align-stretch\n ds-stack--align-flex-start\n ds-stack--align-flex-end\n ds-stack--align-center\n ds-stack--align-baseline\n ds-stack--content-flex-start\n ds-stack--content-flex-end\n ds-stack--content-center\n ds-stack--content-space-between\n ds-stack--content-space-around\n ds-stack--content-space-evenly \n ds-notification-banner--info\n ds-notification-banner--success\n ds-notification-banner--warning\n ds-notification-banner--error\n ds-input--width-2-char\n ds-input--width-3-char\n ds-input--width-4-char\n ds-input--width-5-char\n ds-input--width-10-char\n ds-input--width-20-char\n ds-!-width-one-quarter\n ds-!-width-one-third\n ds-!-width-one-half\n ds-!-width-two-thirds\n ds-!-width-three-quarters\n ds-!-width-one-third\n ds-!-width-one-half\n ds-!-width-two-thirds\n ds-!-width-three-quarters\n ds-!-width-full\n ds-table__caption--sm\n ds-table__caption--md\n ds-table__caption--lg\n ds-table__caption--xl\n ds-task-list__content__tag--primary\n ds-task-list__content__tag--secondary\n ds-task-list__content__tag--info\n ds-svg-icon--xs\n ds-svg-icon--sm\n ds-svg-icon--md\n ds-svg-icon--lg\n ds-svg-icon--xl\n ds-svg-icon--dark\n ds-svg-icon--light\n ds-svg-icon--gray\n ds-svg-icon--primary\n ds-svg-icon--success\n ds-svg-icon--warning\n ds-svg-icon--error\n ds-svg-icon--focus\n ds-svg-icon--info\n ds-svg-icon--link\n ds-svg-icon--arrow\n ds-svg-icon--burger\n ds-svg-icon--burger--active\n ds-svg-icon--cancel\n ds-svg-icon--caret\n ds-svg-icon--chat\n ds-svg-icon--check\n ds-svg-icon--chevron\n ds-svg-icon--close\n ds-svg-icon--download\n ds-svg-icon--exclamation\n ds-svg-icon--globe\n ds-svg-icon--lock\n ds-svg-icon--minus\n ds-svg-icon--moreVert\n ds-svg-icon--pdfFile\n ds-svg-icon--plus\n ds-svg-icon--reply\n ds-svg-icon--restore\n ds-svg-icon--uncheck\n ds-caption-md\n ds-caption-lg\n ds-caption-xl\n ds-heading-xs\n ds-heading-sm\n ds-heading-md\n ds-heading-lg\n ds-heading-xl\n ds-image-logo-light\n ds-image-logo-dark\n ds-autocomplete__multi-input-container--1\n ds-autocomplete__multi-input-container--2\n ds-autocomplete__multi-input-container--3\n "
|
|
5
5
|
});
|
|
6
6
|
}
|
|
7
7
|
export default Unpurge;
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
2
|
|
|
3
3
|
exports[`renders the AdminContainer with no props 1`] = `
|
|
4
|
-
<ForwardRef(
|
|
4
|
+
<ForwardRef(AutoCompleteContainer)>
|
|
5
5
|
<ForwardRef(Base)
|
|
6
6
|
as="div"
|
|
7
|
-
className="ds-
|
|
7
|
+
className="ds-autocomplete__container"
|
|
8
8
|
>
|
|
9
9
|
<div
|
|
10
|
-
className="ds-
|
|
10
|
+
className="ds-autocomplete__container"
|
|
11
11
|
>
|
|
12
12
|
hello
|
|
13
13
|
</div>
|
|
14
14
|
</ForwardRef(Base)>
|
|
15
|
-
</ForwardRef(
|
|
15
|
+
</ForwardRef(AutoCompleteContainer)>
|
|
16
16
|
`;
|
|
@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports["default"] = exports.
|
|
7
|
+
exports["default"] = exports.AutoCompleteContainer = void 0;
|
|
8
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
9
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
10
10
|
var _react = _interopRequireDefault(require("react"));
|
|
@@ -12,10 +12,10 @@ var _clsx = _interopRequireDefault(require("clsx"));
|
|
|
12
12
|
var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
|
|
13
13
|
var _excluded = ["className", "width", "children"];
|
|
14
14
|
/**
|
|
15
|
-
*
|
|
16
|
-
* Use
|
|
15
|
+
* AutoCompleteContainer is a wrapper for autocomplete element.
|
|
16
|
+
* Use AutoCompleteContainer to wrap autocomplete elements.
|
|
17
17
|
*/
|
|
18
|
-
var
|
|
18
|
+
var AutoCompleteContainer = exports.AutoCompleteContainer = /*#__PURE__*/_react["default"].forwardRef(function AutoCompleteContainer(_ref, ref) {
|
|
19
19
|
var className = _ref.className,
|
|
20
20
|
width = _ref.width,
|
|
21
21
|
children = _ref.children,
|
|
@@ -23,7 +23,7 @@ var AutoCompleteWrapper = exports.AutoCompleteWrapper = /*#__PURE__*/_react["def
|
|
|
23
23
|
return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
|
|
24
24
|
as: "div",
|
|
25
25
|
ref: ref,
|
|
26
|
-
className: (0, _clsx["default"])(className, width === '33.3%' && 'ds-!-width-one-third', width === '66.6%' && 'ds-!-width-two-thirds', width === 'full' && 'ds-!-width-full', width === '25%' && 'ds-!-width-one-quarter', width === '50%' && 'ds-!-width-one-half', width === '75%' && 'ds-!-width-three-quarters', true && 'ds-
|
|
26
|
+
className: (0, _clsx["default"])(className, width === '33.3%' && 'ds-!-width-one-third', width === '66.6%' && 'ds-!-width-two-thirds', width === 'full' && 'ds-!-width-full', width === '25%' && 'ds-!-width-one-quarter', width === '50%' && 'ds-!-width-one-half', width === '75%' && 'ds-!-width-three-quarters', true && 'ds-autocomplete__container')
|
|
27
27
|
}, props), children);
|
|
28
28
|
});
|
|
29
|
-
var _default = exports["default"] =
|
|
29
|
+
var _default = exports["default"] = AutoCompleteContainer;
|
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
4
|
var _react = _interopRequireDefault(require("react"));
|
|
5
5
|
var _enzyme = require("enzyme");
|
|
6
|
-
var
|
|
7
|
-
var _ref = /*#__PURE__*/_react["default"].createElement(
|
|
6
|
+
var _AutoCompleteContainer = _interopRequireDefault(require("@digigov/react-core/AutoCompleteContainer"));
|
|
7
|
+
var _ref = /*#__PURE__*/_react["default"].createElement(_AutoCompleteContainer["default"], null, "hello");
|
|
8
8
|
it('renders the AdminContainer with no props', function () {
|
|
9
9
|
expect((0, _enzyme.mount)(_ref)).toMatchSnapshot();
|
|
10
10
|
});
|
|
@@ -10,7 +10,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
|
|
|
10
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
11
|
var _clsx = _interopRequireDefault(require("clsx"));
|
|
12
12
|
var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
|
|
13
|
-
var _excluded = ["name", "isFocused", "
|
|
13
|
+
var _excluded = ["name", "isFocused", "className"];
|
|
14
14
|
/**
|
|
15
15
|
* AutoCompleteInput component is used to display the value that the user is typing.
|
|
16
16
|
*
|
|
@@ -18,8 +18,6 @@ var _excluded = ["name", "isFocused", "showAllValues", "className"];
|
|
|
18
18
|
var AutoCompleteInput = exports.AutoCompleteInput = /*#__PURE__*/_react["default"].forwardRef(function AutoCompleteInput(_ref, ref) {
|
|
19
19
|
var name = _ref.name,
|
|
20
20
|
isFocused = _ref.isFocused,
|
|
21
|
-
_ref$showAllValues = _ref.showAllValues,
|
|
22
|
-
showAllValues = _ref$showAllValues === void 0 ? false : _ref$showAllValues,
|
|
23
21
|
className = _ref.className,
|
|
24
22
|
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
25
23
|
return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
|
|
@@ -27,7 +25,7 @@ var AutoCompleteInput = exports.AutoCompleteInput = /*#__PURE__*/_react["default
|
|
|
27
25
|
type: "text",
|
|
28
26
|
name: name,
|
|
29
27
|
ref: ref,
|
|
30
|
-
className: (0, _clsx["default"])(className,
|
|
28
|
+
className: (0, _clsx["default"])(className, isFocused && 'ds-autocomplete__input--focused', true && 'ds-autocomplete__input')
|
|
31
29
|
}, props));
|
|
32
30
|
});
|
|
33
31
|
var _default = exports["default"] = AutoCompleteInput;
|
|
@@ -9,29 +9,15 @@ it('renders the AutoCompleteInput with no props', function () {
|
|
|
9
9
|
expect((0, _enzyme.mount)(_ref)).toMatchSnapshot();
|
|
10
10
|
});
|
|
11
11
|
var _ref2 = /*#__PURE__*/_react["default"].createElement(_AutoCompleteInput["default"], {
|
|
12
|
-
|
|
12
|
+
isFocused: true
|
|
13
13
|
});
|
|
14
|
-
it('renders the AutoCompleteInput with
|
|
14
|
+
it('renders the AutoCompleteInput with isFocused', function () {
|
|
15
15
|
expect((0, _enzyme.mount)(_ref2)).toMatchSnapshot();
|
|
16
16
|
});
|
|
17
17
|
var _ref3 = /*#__PURE__*/_react["default"].createElement(_AutoCompleteInput["default"], {
|
|
18
|
-
showAllValues: true
|
|
19
|
-
});
|
|
20
|
-
it('renders the AutoCompleteInput with showAllValues', function () {
|
|
21
|
-
expect((0, _enzyme.mount)(_ref3)).toMatchSnapshot();
|
|
22
|
-
});
|
|
23
|
-
var _ref4 = /*#__PURE__*/_react["default"].createElement(_AutoCompleteInput["default"], {
|
|
24
|
-
isFocused: true,
|
|
25
|
-
showAllValues: true
|
|
26
|
-
});
|
|
27
|
-
it('renders the AutoCompleteInput with showAllValues isFocused', function () {
|
|
28
|
-
expect((0, _enzyme.mount)(_ref4)).toMatchSnapshot();
|
|
29
|
-
});
|
|
30
|
-
var _ref5 = /*#__PURE__*/_react["default"].createElement(_AutoCompleteInput["default"], {
|
|
31
18
|
name: "some-name",
|
|
32
|
-
isFocused: true
|
|
33
|
-
showAllValues: true
|
|
19
|
+
isFocused: true
|
|
34
20
|
});
|
|
35
|
-
it('renders the AutoCompleteInput with
|
|
36
|
-
expect((0, _enzyme.mount)(
|
|
21
|
+
it('renders the AutoCompleteInput with isFocused and name props', function () {
|
|
22
|
+
expect((0, _enzyme.mount)(_ref3)).toMatchSnapshot();
|
|
37
23
|
});
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports["default"] = exports.AutoCompleteMultipleInput = void 0;
|
|
8
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
10
|
+
var _react = _interopRequireDefault(require("react"));
|
|
11
|
+
var _clsx = _interopRequireDefault(require("clsx"));
|
|
12
|
+
var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
|
|
13
|
+
var _excluded = ["children", "className"];
|
|
14
|
+
/**
|
|
15
|
+
* AutoCompleteMultipleInput is used inside AutoCompleteMultipleInputContainer for multiple values input.
|
|
16
|
+
*/
|
|
17
|
+
var AutoCompleteMultipleInput = exports.AutoCompleteMultipleInput = /*#__PURE__*/_react["default"].forwardRef(function AutoCompleteMultipleInput(_ref, ref) {
|
|
18
|
+
var children = _ref.children,
|
|
19
|
+
className = _ref.className,
|
|
20
|
+
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
21
|
+
return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
|
|
22
|
+
as: "input",
|
|
23
|
+
type: "text",
|
|
24
|
+
ref: ref,
|
|
25
|
+
className: (0, _clsx["default"])(className, true && 'ds-autocomplete__multi-input')
|
|
26
|
+
}, props), children);
|
|
27
|
+
});
|
|
28
|
+
var _default = exports["default"] = AutoCompleteMultipleInput;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports["default"] = exports.AutoCompleteMultipleInputContainer = void 0;
|
|
8
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
10
|
+
var _react = _interopRequireDefault(require("react"));
|
|
11
|
+
var _clsx = _interopRequireDefault(require("clsx"));
|
|
12
|
+
var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
|
|
13
|
+
var _excluded = ["numberOfSelected", "open", "children", "isFocused", "className"];
|
|
14
|
+
/**
|
|
15
|
+
* Use AutoCompleteMultipleInputContainer to accept multiple values input.
|
|
16
|
+
*/
|
|
17
|
+
var AutoCompleteMultipleInputContainer = exports.AutoCompleteMultipleInputContainer = /*#__PURE__*/_react["default"].forwardRef(function AutoCompleteMultipleInputContainer(_ref, ref) {
|
|
18
|
+
var _ref$numberOfSelected = _ref.numberOfSelected,
|
|
19
|
+
numberOfSelected = _ref$numberOfSelected === void 0 ? 'all' : _ref$numberOfSelected,
|
|
20
|
+
open = _ref.open,
|
|
21
|
+
children = _ref.children,
|
|
22
|
+
isFocused = _ref.isFocused,
|
|
23
|
+
className = _ref.className,
|
|
24
|
+
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
25
|
+
return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
|
|
26
|
+
as: "div",
|
|
27
|
+
ref: ref,
|
|
28
|
+
className: (0, _clsx["default"])(className, typeof numberOfSelected === 'number' && "ds-autocomplete__multi-input-container--".concat(numberOfSelected), isFocused && 'ds-autocomplete__multi-input-container--focused', true && 'ds-autocomplete__multi-input-container')
|
|
29
|
+
}, props), children);
|
|
30
|
+
});
|
|
31
|
+
var _default = exports["default"] = AutoCompleteMultipleInputContainer;
|
|
@@ -10,7 +10,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
|
|
|
10
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
11
|
var _clsx = _interopRequireDefault(require("clsx"));
|
|
12
12
|
var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
|
|
13
|
-
var _excluded = ["isVisible", "
|
|
13
|
+
var _excluded = ["isVisible", "className", "children"];
|
|
14
14
|
/**
|
|
15
15
|
* AutoCompleteResultList component is used for listing items.
|
|
16
16
|
* This component must contain AutoCompleteResultListItem component.
|
|
@@ -18,14 +18,13 @@ var _excluded = ["isVisible", "displayMenu", "className", "children"];
|
|
|
18
18
|
var AutoCompleteResultList = exports.AutoCompleteResultList = /*#__PURE__*/_react["default"].forwardRef(function List(_ref, ref) {
|
|
19
19
|
var _ref$isVisible = _ref.isVisible,
|
|
20
20
|
isVisible = _ref$isVisible === void 0 ? false : _ref$isVisible,
|
|
21
|
-
displayMenu = _ref.displayMenu,
|
|
22
21
|
className = _ref.className,
|
|
23
22
|
children = _ref.children,
|
|
24
23
|
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
25
24
|
return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
|
|
26
25
|
as: "ul",
|
|
27
26
|
ref: ref,
|
|
28
|
-
className: (0, _clsx["default"])(className,
|
|
27
|
+
className: (0, _clsx["default"])(className, isVisible === false && 'ds-autocomplete__menu--hidden', true && 'ds-autocomplete__menu')
|
|
29
28
|
}, props), children);
|
|
30
29
|
});
|
|
31
30
|
var _default = exports["default"] = AutoCompleteResultList;
|
|
@@ -13,18 +13,4 @@ var _ref2 = /*#__PURE__*/_react["default"].createElement(_AutoCompleteResultList
|
|
|
13
13
|
}, "Hello");
|
|
14
14
|
it('renders the AutoCompleteResultList with isVisible props', function () {
|
|
15
15
|
expect((0, _enzyme.mount)(_ref2)).toMatchSnapshot();
|
|
16
|
-
});
|
|
17
|
-
var _ref3 = /*#__PURE__*/_react["default"].createElement(_AutoCompleteResultList["default"], {
|
|
18
|
-
isVisible: true,
|
|
19
|
-
displayMenu: "inline"
|
|
20
|
-
}, "Hello");
|
|
21
|
-
it('renders the AutoCompleteResultList with isVisible displayMenu="inline props', function () {
|
|
22
|
-
expect((0, _enzyme.mount)(_ref3)).toMatchSnapshot();
|
|
23
|
-
});
|
|
24
|
-
var _ref4 = /*#__PURE__*/_react["default"].createElement(_AutoCompleteResultList["default"], {
|
|
25
|
-
isVisible: true,
|
|
26
|
-
displayMenu: "overlay"
|
|
27
|
-
}, "Hello");
|
|
28
|
-
it('renders the AutoCompleteResultList with isVisible displayMenu="overlay props', function () {
|
|
29
|
-
expect((0, _enzyme.mount)(_ref4)).toMatchSnapshot();
|
|
30
16
|
});
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
2
|
|
|
3
3
|
exports[`renders the AdminContainer with no props 1`] = `
|
|
4
|
-
<ForwardRef(
|
|
4
|
+
<ForwardRef(AutoCompleteStatusContainer)>
|
|
5
5
|
<ForwardRef(Base)
|
|
6
6
|
aria-atomic="true"
|
|
7
7
|
aria-live="polite"
|
|
@@ -18,5 +18,5 @@ exports[`renders the AdminContainer with no props 1`] = `
|
|
|
18
18
|
hello
|
|
19
19
|
</div>
|
|
20
20
|
</ForwardRef(Base)>
|
|
21
|
-
</ForwardRef(
|
|
21
|
+
</ForwardRef(AutoCompleteStatusContainer)>
|
|
22
22
|
`;
|
|
@@ -13,9 +13,9 @@ var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
|
|
|
13
13
|
var _excluded = ["className", "children"];
|
|
14
14
|
/**
|
|
15
15
|
* AutoCompleteStatus is a div element for displaying the autocomplete status.
|
|
16
|
-
* Use AutoCompleteStatus inside
|
|
16
|
+
* Use AutoCompleteStatus inside AutoCompleteStatusContainer wrapper.
|
|
17
17
|
*/
|
|
18
|
-
var AutoCompleteStatus = exports.AutoCompleteStatus = /*#__PURE__*/_react["default"].forwardRef(function
|
|
18
|
+
var AutoCompleteStatus = exports.AutoCompleteStatus = /*#__PURE__*/_react["default"].forwardRef(function AutoCompleteStatusContainer(_ref, ref) {
|
|
19
19
|
var className = _ref.className,
|
|
20
20
|
children = _ref.children,
|
|
21
21
|
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
2
|
|
|
3
3
|
exports[`renders the AdminContainer with no props 1`] = `
|
|
4
|
-
<ForwardRef(
|
|
4
|
+
<ForwardRef(AutoCompleteStatusContainer)>
|
|
5
5
|
<ForwardRef(Base)
|
|
6
6
|
as="div"
|
|
7
|
-
className="ds-
|
|
7
|
+
className="ds-autocomplete__status__container"
|
|
8
8
|
>
|
|
9
9
|
<div
|
|
10
|
-
className="ds-
|
|
10
|
+
className="ds-autocomplete__status__container"
|
|
11
11
|
>
|
|
12
12
|
hello
|
|
13
13
|
</div>
|
|
14
14
|
</ForwardRef(Base)>
|
|
15
|
-
</ForwardRef(
|
|
15
|
+
</ForwardRef(AutoCompleteStatusContainer)>
|
|
16
16
|
`;
|
|
@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports["default"] = exports.
|
|
7
|
+
exports["default"] = exports.AutoCompleteStatusContainer = void 0;
|
|
8
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
9
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
10
10
|
var _react = _interopRequireDefault(require("react"));
|
|
@@ -12,17 +12,17 @@ var _clsx = _interopRequireDefault(require("clsx"));
|
|
|
12
12
|
var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
|
|
13
13
|
var _excluded = ["className", "children"];
|
|
14
14
|
/**
|
|
15
|
-
*
|
|
16
|
-
* Use
|
|
15
|
+
* AutoCompleteStatusContainer is a wrapper for autocomplete element.
|
|
16
|
+
* Use AutoCompleteStatusContainer to wrap autocomplete elements.
|
|
17
17
|
*/
|
|
18
|
-
var
|
|
18
|
+
var AutoCompleteStatusContainer = exports.AutoCompleteStatusContainer = /*#__PURE__*/_react["default"].forwardRef(function AutoCompleteStatusContainer(_ref, ref) {
|
|
19
19
|
var className = _ref.className,
|
|
20
20
|
children = _ref.children,
|
|
21
21
|
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
22
22
|
return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
|
|
23
23
|
as: "div",
|
|
24
24
|
ref: ref,
|
|
25
|
-
className: (0, _clsx["default"])(className, true && 'ds-
|
|
25
|
+
className: (0, _clsx["default"])(className, true && 'ds-autocomplete__status__container')
|
|
26
26
|
}, props), children);
|
|
27
27
|
});
|
|
28
|
-
var _default = exports["default"] =
|
|
28
|
+
var _default = exports["default"] = AutoCompleteStatusContainer;
|
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
4
|
var _react = _interopRequireDefault(require("react"));
|
|
5
5
|
var _enzyme = require("enzyme");
|
|
6
|
-
var
|
|
7
|
-
var _ref = /*#__PURE__*/_react["default"].createElement(
|
|
6
|
+
var _AutoCompleteStatusContainer = _interopRequireDefault(require("@digigov/react-core/AutoCompleteStatusContainer"));
|
|
7
|
+
var _ref = /*#__PURE__*/_react["default"].createElement(_AutoCompleteStatusContainer["default"], null, "hello");
|
|
8
8
|
it('renders the AdminContainer with no props', function () {
|
|
9
9
|
expect((0, _enzyme.mount)(_ref)).toMatchSnapshot();
|
|
10
10
|
});
|
package/cjs/Base/index.js
CHANGED
|
@@ -68,7 +68,7 @@ var Base = exports.Base = /*#__PURE__*/_react["default"].forwardRef(function Bas
|
|
|
68
68
|
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
69
69
|
var Component = as || 'span';
|
|
70
70
|
return /*#__PURE__*/_react["default"].createElement(Component, (0, _extends2["default"])({
|
|
71
|
-
className: (0, _clsx["default"])(className, (paddingBottom !== undefined ? true : undefined) && "ds-pb-".concat(paddingBottom), (marginBottom !== undefined ? true : undefined) && "ds-mb-".concat(marginBottom), (paddingRight !== undefined ? true : undefined) && "ds-pr-".concat(paddingRight), (marginRight !== undefined ? true : undefined) && "ds-mr-".concat(marginRight), (paddingLeft !== undefined ? true : undefined) && "ds-pl-".concat(paddingLeft), (marginLeft !== undefined ? true : undefined) && "ds-ml-".concat(marginLeft), (paddingTop !== undefined ? true : undefined) && "ds-pt-".concat(paddingTop), (marginTop !== undefined ? true : undefined) && "ds-mt-".concat(marginTop), (padding !== undefined ? true : undefined) && "ds-p-".concat(padding), (margin !== undefined ? true : undefined) && "ds-m-".concat(margin), (mt !== undefined ? true : undefined) && "ds-mt-".concat(mt), (mb !== undefined ? true : undefined) && "ds-mb-".concat(mb), (mr !== undefined ? true : undefined) && "ds-mr-".concat(mr), (ml !== undefined ? true : undefined) && "ds-ml-".concat(ml), (mx !== undefined ? true : undefined) && "ds-mx-".concat(mx), (my !== undefined ? true : undefined) && "ds-my-".concat(my), (pt !== undefined ? true : undefined) && "ds-pt-".concat(pt), (pb !== undefined ? true : undefined) && "ds-pb-".concat(pb), (pr !== undefined ? true : undefined) && "ds-pr-".concat(pr), (pl !== undefined ? true : undefined) && "ds-pl-".concat(pl), (px !== undefined ? true : undefined) && "ds-px-".concat(px), (py !== undefined ? true : undefined) && "ds-py-".concat(py), (m !== undefined ? true : undefined) && "ds-m-".concat(m), (p !== undefined ? true : undefined) && "ds-p-".concat(p), printVisible === 'inline' && 'ds-print-visible-inline', printVisible === 'block' && 'ds-print-visible-block', !!printHidden && 'ds-print-hidden', !!xsUpHidden && 'ds-hidden-xs
|
|
71
|
+
className: (0, _clsx["default"])(className, (paddingBottom !== undefined ? true : undefined) && "ds-pb-".concat(paddingBottom), (marginBottom !== undefined ? true : undefined) && "ds-mb-".concat(marginBottom), (paddingRight !== undefined ? true : undefined) && "ds-pr-".concat(paddingRight), (marginRight !== undefined ? true : undefined) && "ds-mr-".concat(marginRight), (paddingLeft !== undefined ? true : undefined) && "ds-pl-".concat(paddingLeft), (marginLeft !== undefined ? true : undefined) && "ds-ml-".concat(marginLeft), (paddingTop !== undefined ? true : undefined) && "ds-pt-".concat(paddingTop), (marginTop !== undefined ? true : undefined) && "ds-mt-".concat(marginTop), (padding !== undefined ? true : undefined) && "ds-p-".concat(padding), (margin !== undefined ? true : undefined) && "ds-m-".concat(margin), (mt !== undefined ? true : undefined) && "ds-mt-".concat(mt), (mb !== undefined ? true : undefined) && "ds-mb-".concat(mb), (mr !== undefined ? true : undefined) && "ds-mr-".concat(mr), (ml !== undefined ? true : undefined) && "ds-ml-".concat(ml), (mx !== undefined ? true : undefined) && "ds-mx-".concat(mx), (my !== undefined ? true : undefined) && "ds-my-".concat(my), (pt !== undefined ? true : undefined) && "ds-pt-".concat(pt), (pb !== undefined ? true : undefined) && "ds-pb-".concat(pb), (pr !== undefined ? true : undefined) && "ds-pr-".concat(pr), (pl !== undefined ? true : undefined) && "ds-pl-".concat(pl), (px !== undefined ? true : undefined) && "ds-px-".concat(px), (py !== undefined ? true : undefined) && "ds-py-".concat(py), (m !== undefined ? true : undefined) && "ds-m-".concat(m), (p !== undefined ? true : undefined) && "ds-p-".concat(p), printVisible === 'inline' && 'ds-print-visible-inline', printVisible === 'block' && 'ds-print-visible-block', !!printHidden && 'ds-print-hidden', !!xsUpHidden && 'ds-hidden-xs-up', !!smUpHidden && 'ds-hidden-sm-up', !!mdUpHidden && 'ds-hidden-md-up', !!lgUpHidden && 'ds-hidden-lg-up', !!xlUpHidden && 'ds-hidden-xl-up', !!xsHidden && 'ds-hidden-xs', !!smHidden && 'ds-hidden-sm', !!mdHidden && 'ds-hidden-md', !!lgHidden && 'ds-hidden-lg', !!xlHidden && 'ds-hidden-xl', !!hidden && 'ds-hidden'),
|
|
72
72
|
ref: ref
|
|
73
73
|
}, props), children);
|
|
74
74
|
});
|
|
@@ -42,6 +42,48 @@ exports[`renders the Card with dense props 1`] = `
|
|
|
42
42
|
</ForwardRef(Card)>
|
|
43
43
|
`;
|
|
44
44
|
|
|
45
|
+
exports[`renders the Card with dense" prop 1`] = `
|
|
46
|
+
<ForwardRef(Card)
|
|
47
|
+
dense={true}
|
|
48
|
+
>
|
|
49
|
+
<ForwardRef(Base)
|
|
50
|
+
as="div"
|
|
51
|
+
className="ds-card--dense ds-card"
|
|
52
|
+
>
|
|
53
|
+
<div
|
|
54
|
+
className="ds-card--dense ds-card"
|
|
55
|
+
>
|
|
56
|
+
<div
|
|
57
|
+
className="ds-card__body"
|
|
58
|
+
>
|
|
59
|
+
hello
|
|
60
|
+
</div>
|
|
61
|
+
</div>
|
|
62
|
+
</ForwardRef(Base)>
|
|
63
|
+
</ForwardRef(Card)>
|
|
64
|
+
`;
|
|
65
|
+
|
|
66
|
+
exports[`renders the Card with fullHeight" prop 1`] = `
|
|
67
|
+
<ForwardRef(Card)
|
|
68
|
+
fullHeight={true}
|
|
69
|
+
>
|
|
70
|
+
<ForwardRef(Base)
|
|
71
|
+
as="div"
|
|
72
|
+
className="ds-card--full-height ds-card"
|
|
73
|
+
>
|
|
74
|
+
<div
|
|
75
|
+
className="ds-card--full-height ds-card"
|
|
76
|
+
>
|
|
77
|
+
<div
|
|
78
|
+
className="ds-card__body"
|
|
79
|
+
>
|
|
80
|
+
hello
|
|
81
|
+
</div>
|
|
82
|
+
</div>
|
|
83
|
+
</ForwardRef(Base)>
|
|
84
|
+
</ForwardRef(Card)>
|
|
85
|
+
`;
|
|
86
|
+
|
|
45
87
|
exports[`renders the Card with no props 1`] = `
|
|
46
88
|
<ForwardRef(Card)>
|
|
47
89
|
<ForwardRef(Base)
|
package/cjs/Card/index.js
CHANGED
|
@@ -10,7 +10,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
|
|
|
10
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
11
|
var _clsx = _interopRequireDefault(require("clsx"));
|
|
12
12
|
var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
|
|
13
|
-
var _excluded = ["variant", "borderColor", "callToAction", "dense", "className", "children"];
|
|
13
|
+
var _excluded = ["variant", "borderColor", "callToAction", "dense", "fullHeight", "className", "children"];
|
|
14
14
|
/**
|
|
15
15
|
* Cards can be used to divide and organise interface content for better understandability and readability.
|
|
16
16
|
* Cards can help your users to scan through vast amounts of information quicker.
|
|
@@ -21,13 +21,14 @@ var Card = exports.Card = /*#__PURE__*/_react["default"].forwardRef(function Car
|
|
|
21
21
|
borderColor = _ref.borderColor,
|
|
22
22
|
callToAction = _ref.callToAction,
|
|
23
23
|
dense = _ref.dense,
|
|
24
|
+
fullHeight = _ref.fullHeight,
|
|
24
25
|
className = _ref.className,
|
|
25
26
|
children = _ref.children,
|
|
26
27
|
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
27
28
|
return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
|
|
28
29
|
as: "div",
|
|
29
30
|
ref: ref,
|
|
30
|
-
className: (0, _clsx["default"])(className, variant === 'border-top' && 'ds-card--border-top', borderColor === 'light' && 'ds-card--border-light', borderColor === 'dark' && 'ds-card--border-dark', variant === 'divider' && 'ds-card--divider', variant === 'border' && 'ds-card--border', callToAction && 'ds-card--cta', dense && 'ds-card--dense', true && 'ds-card')
|
|
31
|
+
className: (0, _clsx["default"])(className, variant === 'border-top' && 'ds-card--border-top', borderColor === 'light' && 'ds-card--border-light', borderColor === 'dark' && 'ds-card--border-dark', variant === 'divider' && 'ds-card--divider', variant === 'border' && 'ds-card--border', callToAction && 'ds-card--cta', fullHeight && 'ds-card--full-height', dense && 'ds-card--dense', true && 'ds-card')
|
|
31
32
|
}, props), /*#__PURE__*/_react["default"].createElement("div", {
|
|
32
33
|
className: (0, _clsx["default"])(true && 'ds-card__body')
|
|
33
34
|
}, children));
|
|
@@ -39,38 +39,50 @@ it('renders the Card with variant="border-top" props', function () {
|
|
|
39
39
|
expect((0, _enzyme.mount)(_ref6)).toMatchSnapshot();
|
|
40
40
|
});
|
|
41
41
|
var _ref7 = /*#__PURE__*/_react["default"].createElement(_Card["default"], {
|
|
42
|
+
dense: true
|
|
43
|
+
}, "hello");
|
|
44
|
+
it('renders the Card with dense" prop', function () {
|
|
45
|
+
expect((0, _enzyme.mount)(_ref7)).toMatchSnapshot();
|
|
46
|
+
});
|
|
47
|
+
var _ref8 = /*#__PURE__*/_react["default"].createElement(_Card["default"], {
|
|
48
|
+
fullHeight: true
|
|
49
|
+
}, "hello");
|
|
50
|
+
it('renders the Card with fullHeight" prop', function () {
|
|
51
|
+
expect((0, _enzyme.mount)(_ref8)).toMatchSnapshot();
|
|
52
|
+
});
|
|
53
|
+
var _ref9 = /*#__PURE__*/_react["default"].createElement(_Card["default"], {
|
|
42
54
|
variant: "border",
|
|
43
55
|
borderColor: "dark"
|
|
44
56
|
}, "hello");
|
|
45
57
|
it('renders the Card with variant="border" and borderColor="dark" props', function () {
|
|
46
|
-
expect((0, _enzyme.mount)(
|
|
58
|
+
expect((0, _enzyme.mount)(_ref9)).toMatchSnapshot();
|
|
47
59
|
});
|
|
48
|
-
var
|
|
60
|
+
var _ref10 = /*#__PURE__*/_react["default"].createElement(_Card["default"], {
|
|
49
61
|
variant: "border",
|
|
50
62
|
borderColor: "light"
|
|
51
63
|
}, "hello");
|
|
52
64
|
it('renders the Card with variant="border" and borderColor="light" props', function () {
|
|
53
|
-
expect((0, _enzyme.mount)(
|
|
65
|
+
expect((0, _enzyme.mount)(_ref10)).toMatchSnapshot();
|
|
54
66
|
});
|
|
55
|
-
var
|
|
67
|
+
var _ref11 = /*#__PURE__*/_react["default"].createElement(_Card["default"], {
|
|
56
68
|
variant: "border-top",
|
|
57
69
|
borderColor: "dark"
|
|
58
70
|
}, "hello");
|
|
59
71
|
it('renders the Card with variant="border-top" and borderColor="dark" props', function () {
|
|
60
|
-
expect((0, _enzyme.mount)(
|
|
72
|
+
expect((0, _enzyme.mount)(_ref11)).toMatchSnapshot();
|
|
61
73
|
});
|
|
62
|
-
var
|
|
74
|
+
var _ref12 = /*#__PURE__*/_react["default"].createElement(_Card["default"], {
|
|
63
75
|
variant: "border-top",
|
|
64
76
|
borderColor: "light"
|
|
65
77
|
}, "hello");
|
|
66
78
|
it('renders the Card with variant="border-top" and borderColor="light" props', function () {
|
|
67
|
-
expect((0, _enzyme.mount)(
|
|
79
|
+
expect((0, _enzyme.mount)(_ref12)).toMatchSnapshot();
|
|
68
80
|
});
|
|
69
|
-
var
|
|
81
|
+
var _ref13 = /*#__PURE__*/_react["default"].createElement(_Card["default"], {
|
|
70
82
|
variant: "border-top",
|
|
71
83
|
borderColor: "dark",
|
|
72
84
|
callToAction: true
|
|
73
85
|
}, "hello");
|
|
74
86
|
it('renders the Card with variant="border-top" and borderColor="dark" callToAction props', function () {
|
|
75
|
-
expect((0, _enzyme.mount)(
|
|
87
|
+
expect((0, _enzyme.mount)(_ref13)).toMatchSnapshot();
|
|
76
88
|
});
|
|
@@ -10,20 +10,21 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
|
|
|
10
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
11
|
var _clsx = _interopRequireDefault(require("clsx"));
|
|
12
12
|
var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
|
|
13
|
-
var _excluded = ["
|
|
13
|
+
var _excluded = ["fullWidth", "scrollable", "className", "children"];
|
|
14
14
|
/**
|
|
15
15
|
* You should use DropdownContent component inside Dropdown component.
|
|
16
16
|
*/
|
|
17
17
|
var DropdownContent = exports.DropdownContent = /*#__PURE__*/_react["default"].forwardRef(function DropdownContent(_ref, ref) {
|
|
18
|
-
var
|
|
19
|
-
children = _ref.children,
|
|
20
|
-
_ref$fullWidth = _ref.fullWidth,
|
|
18
|
+
var _ref$fullWidth = _ref.fullWidth,
|
|
21
19
|
fullWidth = _ref$fullWidth === void 0 ? true : _ref$fullWidth,
|
|
20
|
+
scrollable = _ref.scrollable,
|
|
21
|
+
className = _ref.className,
|
|
22
|
+
children = _ref.children,
|
|
22
23
|
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
23
24
|
return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
|
|
24
25
|
as: "div",
|
|
25
26
|
ref: ref,
|
|
26
|
-
className: (0, _clsx["default"])(className, fullWidth && 'ds-dropdown__content--full-width', true && 'ds-dropdown__content')
|
|
27
|
+
className: (0, _clsx["default"])(className, scrollable && 'ds-dropdown__content--scrollable', fullWidth && 'ds-dropdown__content--full-width', true && 'ds-dropdown__content')
|
|
27
28
|
}, props), children);
|
|
28
29
|
});
|
|
29
30
|
var _default = exports["default"] = DropdownContent;
|
|
@@ -4,10 +4,10 @@ exports[`renders the FooterContentLogos with no props 1`] = `
|
|
|
4
4
|
<ForwardRef(FooterContentLogos)>
|
|
5
5
|
<ForwardRef(Base)
|
|
6
6
|
as="div"
|
|
7
|
-
className="ds-
|
|
7
|
+
className="ds-footer__content__logos"
|
|
8
8
|
>
|
|
9
9
|
<div
|
|
10
|
-
className="ds-
|
|
10
|
+
className="ds-footer__content__logos"
|
|
11
11
|
>
|
|
12
12
|
hello
|
|
13
13
|
</div>
|
|
@@ -23,7 +23,7 @@ var FooterContentLogos = exports.FooterContentLogos = /*#__PURE__*/_react["defau
|
|
|
23
23
|
return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
|
|
24
24
|
as: "div",
|
|
25
25
|
ref: ref,
|
|
26
|
-
className: (0, _clsx["default"])(className, true && 'ds-
|
|
26
|
+
className: (0, _clsx["default"])(className, true && 'ds-footer__content__logos')
|
|
27
27
|
}, props), children);
|
|
28
28
|
});
|
|
29
29
|
var _default = exports["default"] = FooterContentLogos;
|