npm - @digigov/ui - Versions diffs - 2.0.0-b4cd6916 → 2.0.0-d0adc9fb - Mend

@digigov/ui 2.0.0-b4cd6916 → 2.0.0-d0adc9fb

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.

Files changed (879) hide show

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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": []
 }