@digigov/ui 2.0.0-298cfc51 → 2.0.0-2a26e869

package/layouts/Screen/Screen.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/layouts/Screen/Screen.stories.js"],
-  "sourcesContent": ["import Screen from '@digigov/ui/layouts/Screen';\nexport default {\n  title: 'Digigov UI/layouts/Screen',\n  component: Screen,\n  displayName: 'Screen',\n};\nexport { Default } from '@digigov/ui/layouts/Screen/__stories__/Default';\nexport { SpecificScreenSize } from '@digigov/ui/layouts/Screen/__stories__/SpecificScreenSize';\nexport { ScreenDown } from '@digigov/ui/layouts/Screen/__stories__/ScreenDown';\nexport { ScreenUp } from '@digigov/ui/layouts/Screen/__stories__/ScreenUp';"],
+  "sourcesContent": ["import Screen from '@digigov/ui/layouts/Screen';\nexport default {\n  title: 'Digigov UI/layouts/Screen',\n  component: Screen,\n  displayName: 'Screen',\n};\nexport { Default } from '@digigov/ui/layouts/Screen/__stories__/Default';\nexport { SpecificScreenSize } from '@digigov/ui/layouts/Screen/__stories__/SpecificScreenSize';\nexport { ScreenDown } from '@digigov/ui/layouts/Screen/__stories__/ScreenDown';\nexport { ScreenUp } from '@digigov/ui/layouts/Screen/__stories__/ScreenUp';\n"],
   "mappings": "AAAA,OAAO,YAAY;AACnB,IAAO,yBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AACf;AACA,SAAS,eAAe;AACxB,SAAS,0BAA0B;AACnC,SAAS,kBAAkB;AAC3B,SAAS,gBAAgB;",
   "names": []
 }

package/layouts/Screen/__stories__/Default.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/layouts/Screen/__stories__/Default.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { Screen } from '@digigov/ui/layouts/Screen';\n\nexport const Default = () => {\n  return (\n    <>\n      <Screen size='mdUp'>\n        <div>This is a mdUp screen</div>\n      </Screen>\n      <Screen size='mdDown'>\n        <div>This is a mdDown screen</div>\n      </Screen>\n      <Screen size='xs'>\n        <div>This is a xs screen</div>\n      </Screen>\n      <Screen size='sm'>\n        <div>This is a sm screen</div>\n      </Screen>\n    </>\n  );\n};\nexport default Default;\n"],
+  "sourcesContent": ["import React from 'react';\nimport { Screen } from '@digigov/ui/layouts/Screen';\n\nexport const Default = () => {\n  return (\n    <>\n      <Screen size=\"mdUp\">\n        <div>This is a mdUp screen</div>\n      </Screen>\n      <Screen size=\"mdDown\">\n        <div>This is a mdDown screen</div>\n      </Screen>\n      <Screen size=\"xs\">\n        <div>This is a xs screen</div>\n      </Screen>\n      <Screen size=\"sm\">\n        <div>This is a sm screen</div>\n      </Screen>\n    </>\n  );\n};\nexport default Default;\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,cAAc;AAEhB,MAAM,UAAU,MAAM;AAC3B,SACE,0DACE,oCAAC,UAAO,MAAK,UACX,oCAAC,aAAI,uBAAqB,CAC5B,GACA,oCAAC,UAAO,MAAK,YACX,oCAAC,aAAI,yBAAuB,CAC9B,GACA,oCAAC,UAAO,MAAK,QACX,oCAAC,aAAI,qBAAmB,CAC1B,GACA,oCAAC,UAAO,MAAK,QACX,oCAAC,aAAI,qBAAmB,CAC1B,CACF;AAEJ;AACA,IAAO,kBAAQ;",
   "names": []
 }

package/layouts/Screen/__stories__/ScreenDown.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/layouts/Screen/__stories__/ScreenDown.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { Screen } from '@digigov/ui/layouts/Screen';\n\nexport const ScreenDown = () => {\n  return (\n    <Screen size='mdDown'>\n      <div>This is a mdDown screen</div>\n    </Screen>\n  );\n};\nexport default ScreenDown;\n"],
+  "sourcesContent": ["import React from 'react';\nimport { Screen } from '@digigov/ui/layouts/Screen';\n\nexport const ScreenDown = () => {\n  return (\n    <Screen size=\"mdDown\">\n      <div>This is a mdDown screen</div>\n    </Screen>\n  );\n};\nexport default ScreenDown;\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,cAAc;AAEhB,MAAM,aAAa,MAAM;AAC9B,SACE,oCAAC,UAAO,MAAK,YACX,oCAAC,aAAI,yBAAuB,CAC9B;AAEJ;AACA,IAAO,qBAAQ;",
   "names": []
 }

package/layouts/Screen/__stories__/ScreenUp.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/layouts/Screen/__stories__/ScreenUp.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { Screen } from '@digigov/ui/layouts/Screen';\n\nexport const ScreenUp = () => {\n  return (\n    <Screen size='mdUp'>\n      <div>This is a mdUp screen</div>\n    </Screen>\n  );\n};\nexport default ScreenUp;\n"],
+  "sourcesContent": ["import React from 'react';\nimport { Screen } from '@digigov/ui/layouts/Screen';\n\nexport const ScreenUp = () => {\n  return (\n    <Screen size=\"mdUp\">\n      <div>This is a mdUp screen</div>\n    </Screen>\n  );\n};\nexport default ScreenUp;\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,cAAc;AAEhB,MAAM,WAAW,MAAM;AAC5B,SACE,oCAAC,UAAO,MAAK,UACX,oCAAC,aAAI,uBAAqB,CAC5B;AAEJ;AACA,IAAO,mBAAQ;",
   "names": []
 }

package/layouts/Screen/__stories__/SpecificScreenSize.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/layouts/Screen/__stories__/SpecificScreenSize.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { Screen } from '@digigov/ui/layouts/Screen';\n\nexport const SpecificScreenSize = () => {\n  return (\n    <Screen size='md'>\n      <div>This is a md screen</div>\n    </Screen>\n  );\n};\nexport default SpecificScreenSize;\n"],
+  "sourcesContent": ["import React from 'react';\nimport { Screen } from '@digigov/ui/layouts/Screen';\n\nexport const SpecificScreenSize = () => {\n  return (\n    <Screen size=\"md\">\n      <div>This is a md screen</div>\n    </Screen>\n  );\n};\nexport default SpecificScreenSize;\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,cAAc;AAEhB,MAAM,qBAAqB,MAAM;AACtC,SACE,oCAAC,UAAO,MAAK,QACX,oCAAC,aAAI,qBAAmB,CAC1B;AAEJ;AACA,IAAO,6BAAQ;",
   "names": []
 }

package/layouts/Screen/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/layouts/Screen/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport {\n  useScreenSize,\n  breakpointKeys,\n  Breakpoints,\n} from '@digigov/ui/utils/hooks/useScreen';\n\nexport interface ScreenProps {\n  size:\n    | 'xs'\n    | 'sm'\n    | 'md'\n    | 'lg'\n    | 'xl'\n    | 'xsUp'\n    | 'smUp'\n    | 'mdUp'\n    | 'lgUp'\n    | 'xlUp'\n    | 'xsDown'\n    | 'smDown'\n    | 'mdDown'\n    | 'lgDown'\n    | 'xlDown';\n  children?: React.ReactNode;\n}\n\nexport const Screen: React.FC<ScreenProps> = ({ size, children }) => {\n  const { screenSize } = useScreenSize();\n  if (size?.endsWith('Up')) {\n    const breakpoint = size.replace('Up', '') as Breakpoints;\n    if (\n      breakpointKeys.indexOf(breakpoint) <= breakpointKeys.indexOf(screenSize)\n    ) {\n      return <>{children}</>;\n    } else {\n      return null;\n    }\n  } else if (size.endsWith('Down')) {\n    const breakpoint = size.replace('Down', '') as Breakpoints;\n    if (\n      breakpointKeys.indexOf(breakpoint) > breakpointKeys.indexOf(screenSize)\n    ) {\n      return <>{children}</>;\n    } else {\n      return null;\n    }\n  } else if (size && size !== screenSize) {\n    return null;\n  }\n  return <>{children}</>;\n};\n\nexport default Screen;\n\n"],
+  "sourcesContent": ["import React from 'react';\nimport {\n  useScreenSize,\n  breakpointKeys,\n  Breakpoints,\n} from '@digigov/ui/utils/hooks/useScreen';\n\nexport interface ScreenProps {\n  size:\n    | 'xs'\n    | 'sm'\n    | 'md'\n    | 'lg'\n    | 'xl'\n    | 'xsUp'\n    | 'smUp'\n    | 'mdUp'\n    | 'lgUp'\n    | 'xlUp'\n    | 'xsDown'\n    | 'smDown'\n    | 'mdDown'\n    | 'lgDown'\n    | 'xlDown';\n  children?: React.ReactNode;\n}\n\nexport const Screen: React.FC<ScreenProps> = ({ size, children }) => {\n  const { screenSize } = useScreenSize();\n  if (size?.endsWith('Up')) {\n    const breakpoint = size.replace('Up', '') as Breakpoints;\n    if (\n      breakpointKeys.indexOf(breakpoint) <= breakpointKeys.indexOf(screenSize)\n    ) {\n      return <>{children}</>;\n    } else {\n      return null;\n    }\n  } else if (size.endsWith('Down')) {\n    const breakpoint = size.replace('Down', '') as Breakpoints;\n    if (\n      breakpointKeys.indexOf(breakpoint) > breakpointKeys.indexOf(screenSize)\n    ) {\n      return <>{children}</>;\n    } else {\n      return null;\n    }\n  } else if (size && size !== screenSize) {\n    return null;\n  }\n  return <>{children}</>;\n};\n\nexport default Screen;\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AAsBA,MAAM,SAAgC,CAAC,EAAE,MAAM,SAAS,MAAM;AACnE,QAAM,EAAE,WAAW,IAAI,cAAc;AACrC,MAAI,MAAM,SAAS,IAAI,GAAG;AACxB,UAAM,aAAa,KAAK,QAAQ,MAAM,EAAE;AACxC,QACE,eAAe,QAAQ,UAAU,KAAK,eAAe,QAAQ,UAAU,GACvE;AACA,aAAO,0DAAG,QAAS;AAAA,IACrB,OAAO;AACL,aAAO;AAAA,IACT;AAAA,EACF,WAAW,KAAK,SAAS,MAAM,GAAG;AAChC,UAAM,aAAa,KAAK,QAAQ,QAAQ,EAAE;AAC1C,QACE,eAAe,QAAQ,UAAU,IAAI,eAAe,QAAQ,UAAU,GACtE;AACA,aAAO,0DAAG,QAAS;AAAA,IACrB,OAAO;AACL,aAAO;AAAA,IACT;AAAA,EACF,WAAW,QAAQ,SAAS,YAAY;AACtC,WAAO;AAAA,EACT;AACA,SAAO,0DAAG,QAAS;AACrB;AAEA,IAAO,iBAAQ;",
   "names": []
 }