fluent-styles 1.31.0 → 1.32.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/lib/commonjs/package/dialog/index.js +23 -2
  2. package/lib/commonjs/package/dialog/index.js.map +1 -1
  3. package/lib/module/package/dialog/index.js +23 -2
  4. package/lib/module/package/dialog/index.js.map +1 -1
  5. package/package.json +1 -1
  6. package/src/package/dialog/index.jsx +75 -41
package/lib/commonjs/package/dialog/index.js CHANGED
@@ -51,7 +51,9 @@ const StyledConfirmDialog = ({
51
51
  title,
52
52
  description,
53
53
  cancel = 'Cancel',
54
- confirm = 'Confirm'
54
+ onNeural,
55
+ confirm = 'Confirm',
56
+ neutral = 'Neutral'
55
57
  } = rest;
56
58
  const handleConfirm = () => {
57
59
  setShow(false);
@@ -69,6 +71,12 @@ const StyledConfirmDialog = ({
69
71
  onCancel();
70
72
  }
71
73
  };
74
+ const handleNeural = () => {
75
+ setShow(false);
76
+ if (typeof onNeural === 'function') {
77
+ onNeural();
78
+ }
79
+ };
72
80
  return /*#__PURE__*/_react.default.createElement(Dialog, _extends({
73
81
  visible: show,
74
82
  transparent: transparent,
@@ -112,7 +120,20 @@ const StyledConfirmDialog = ({
112
120
  fontWeight: _theme.theme.fontWeight.normal
113
121
  }, cancel)), /*#__PURE__*/_react.default.createElement(_spacer.StyledSpacer, {
114
122
  marginHorizontal: 2
115
- }), /*#__PURE__*/_react.default.createElement(_button.StyledButton, {
123
+ }), onNeural && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_button.StyledButton, {
124
+ backgroundColor: _theme.theme.colors.orange[400],
125
+ borderColor: _theme.theme.colors.orange[400],
126
+ borderRadius: 30,
127
+ onPress: () => handleNeural()
128
+ }, /*#__PURE__*/_react.default.createElement(_text.StyledText, {
129
+ paddingHorizontal: 20,
130
+ paddingVertical: 4,
131
+ color: _theme.theme.colors.gray[1],
132
+ fontSize: _theme.theme.fontSize.large,
133
+ fontWeight: _theme.theme.fontWeight.normal
134
+ }, neutral)), /*#__PURE__*/_react.default.createElement(_spacer.StyledSpacer, {
135
+ marginHorizontal: 2
136
+ })), /*#__PURE__*/_react.default.createElement(_button.StyledButton, {
116
137
  backgroundColor: _theme.theme.colors.green[500],
117
138
  borderColor: _theme.theme.colors.green[500],
118
139
  onPress: () => handleConfirm(),
package/lib/commonjs/package/dialog/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_stack","_text","_button","_spacer","_styled","_theme","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","Dialog","styled","Modal","base","backgroundColor","theme","colors","gray","padding","borderRadius","StyledDialog","children","animationType","transparent","visible","rest","createElement","exports","StyledConfirmDialog","row","onCancel","onConfirm","dialogProps","show","setShow","useState","title","description","cancel","confirm","handleConfirm","handleCancel","YStack","flex","justifyContent","alignItems","width","paddingVertical","paddingHorizontal","StyledText","color","fontSize","normal","fontWeight","bold","StyledSpacer","marginVertical","large","XStack","StyledButton","red","borderColor","onPress","marginHorizontal","green","StyledOkDialog","ok","onOk","handleOk","cyan"],"sources":["index.jsx"],"sourcesContent":["import React, { useState } from 'react'\r\nimport { Modal } from 'react-native'\r\nimport { XStack, YStack } from '../stack'\r\nimport { StyledText } from '../text'\r\nimport { StyledButton } from '../button'\r\nimport { StyledSpacer } from '../spacer'\r\nimport { styled } from '../styled'\r\nimport { theme } from '../theme'\r\n\r\nconst Dialog = styled(Modal, {\r\n base: {\r\n backgroundColor: theme.colors.gray[100],\r\n padding: 20,\r\n borderRadius: 10\r\n }\r\n})\r\n\r\nconst StyledDialog = ({\r\n\tchildren,\r\n\tanimationType = 'fade',\r\n\ttransparent = true,\r\n\tvisible = false,\r\n\t...rest\r\n}) => {\r\n return (\r\n <Dialog\r\n visible={visible}\r\n transparent={transparent}\r\n animationType={animationType}\r\n {...rest}\r\n\t\t>\r\n {children}\r\n </Dialog>\r\n )\r\n}\r\n\r\nconst StyledConfirmDialog = ({\r\n\tvisible = false,\r\n\trow,\r\n\tanimationType = 'fade',\r\n\tonCancel,\r\n\tonConfirm,\r\n\ttransparent = true,\r\n\tdialogProps,\r\n\t...rest\r\n}) => {\r\n const [show, setShow] = useState(visible)\r\n const { title, description, cancel = 'Cancel', confirm = 'Confirm' } = rest\r\n\r\n const handleConfirm = () => {\r\n setShow(false)\r\n if (typeof onConfirm === 'function') {\r\n if (typeof row === 'object' && row !== null) {\r\n onConfirm(row)\r\n } else {\r\n onConfirm()\r\n }\r\n }\r\n }\r\n const handleCancel = () => {\r\n setShow(false)\r\n if (typeof onCancel === 'function') {\r\n onCancel()\r\n }\r\n }\r\n\r\n return (\r\n <Dialog\r\n visible={show}\r\n transparent={transparent}\r\n animationType={animationType}\r\n {...rest}\r\n\t\t>\r\n <YStack\r\n transparent\r\n flex={1}\r\n justifyContent='center'\r\n alignItems='center'\r\n {...dialogProps}\r\n\t\t\t>\r\n <YStack\r\n width={'90%'}\r\n borderRadius={8}\r\n paddingVertical={16}\r\n paddingHorizontal={16}\r\n backgroundColor={theme.colors.gray[1]}\r\n\t\t\t\t>\r\n <StyledText\r\n color={theme.colors.gray[800]}\r\n fontSize={theme.fontSize.normal}\r\n fontWeight={theme.fontWeight.bold}\r\n\t\t\t\t\t>\r\n {title}\r\n </StyledText>\r\n <StyledSpacer marginVertical={1} />\r\n <StyledText\r\n color={theme.colors.gray[800]}\r\n fontSize={theme.fontSize.large}\r\n fontWeight={theme.fontWeight.normal}\r\n\t\t\t\t\t>\r\n {description}\r\n </StyledText>\r\n <StyledSpacer marginVertical={4} />\r\n <XStack justifyContent='flex-end' alignItems='center'>\r\n <StyledButton\r\n backgroundColor={theme.colors.red[400]}\r\n borderColor={theme.colors.red[400]}\r\n borderRadius={30}\r\n onPress={() => handleCancel()}\r\n\t\t\t\t\t\t>\r\n <StyledText\r\n paddingHorizontal={20}\r\n paddingVertical={4}\r\n color={theme.colors.gray[1]}\r\n fontSize={theme.fontSize.large}\r\n fontWeight={theme.fontWeight.normal}\r\n\t\t\t\t\t\t\t>\r\n {cancel}\r\n </StyledText>\r\n </StyledButton>\r\n <StyledSpacer marginHorizontal={2} />\r\n <StyledButton\r\n backgroundColor={theme.colors.green[500]}\r\n borderColor={theme.colors.green[500]}\r\n onPress={() => handleConfirm()}\r\n borderRadius={30}\r\n\t\t\t\t\t\t>\r\n <StyledText\r\n paddingHorizontal={20}\r\n paddingVertical={4}\r\n color={theme.colors.gray[1]}\r\n fontSize={theme.fontSize.large}\r\n fontWeight={theme.fontWeight.normal}\r\n\t\t\t\t\t\t\t>\r\n {confirm}\r\n </StyledText>\r\n </StyledButton>\r\n </XStack>\r\n </YStack>\r\n </YStack>\r\n </Dialog>\r\n )\r\n}\r\n\r\nconst StyledOkDialog = ({\r\n\tvisible = false,\r\n\tanimationType = 'fade',\r\n\ttransparent = true,\r\n\tdialogProps,\r\n\t...rest\r\n}) => {\r\n const [show, setShow] = useState(visible)\r\n const {\r\n\t\ttitle = \"We're sorry, something went wrong.\",\r\n\t\tdescription = 'Please try again later',\r\n\t\tok = 'Ok',\r\n\t\tonOk\r\n\t} = rest\r\n\r\n const handleOk = () => {\r\n setShow(false)\r\n if (typeof onOk === 'function') {\r\n onOk()\r\n }\r\n }\r\n return (\r\n <Dialog\r\n visible={show}\r\n transparent={transparent}\r\n animationType={animationType}\r\n {...rest}\r\n\t\t>\r\n <YStack\r\n transparent\r\n flex={1}\r\n justifyContent='center'\r\n alignItems='center'\r\n {...dialogProps}\r\n\t\t\t>\r\n <YStack\r\n width={'90%'}\r\n borderRadius={8}\r\n paddingVertical={16}\r\n paddingHorizontal={16}\r\n backgroundColor={theme.colors.gray[1]}\r\n\t\t\t\t>\r\n <StyledText\r\n color={theme.colors.gray[800]}\r\n fontSize={theme.fontSize.normal}\r\n fontWeight={theme.fontWeight.bold}\r\n\t\t\t\t\t>\r\n {title}\r\n </StyledText>\r\n <StyledSpacer marginVertical={2} />\r\n <StyledText\r\n color={theme.colors.gray[800]}\r\n fontSize={theme.fontSize.normal}\r\n fontWeight={theme.fontWeight.normal}\r\n\t\t\t\t\t>\r\n {description}\r\n </StyledText>\r\n <StyledSpacer marginVertical={8} />\r\n <XStack justifyContent='flex-end' alignItems='center'>\r\n <StyledButton\r\n flex={1}\r\n backgroundColor={theme.colors.cyan[500]}\r\n borderColor={theme.colors.cyan[500]}\r\n onPress={handleOk}\r\n borderRadius={30}\r\n\t\t\t\t\t\t>\r\n <StyledText\r\n paddingHorizontal={20}\r\n paddingVertical={8}\r\n color={theme.colors.gray[1]}\r\n fontSize={theme.fontSize.large}\r\n fontWeight={theme.fontWeight.bold}\r\n\t\t\t\t\t\t\t>\r\n {ok}\r\n </StyledText>\r\n </StyledButton>\r\n </XStack>\r\n </YStack>\r\n </YStack>\r\n </Dialog>\r\n )\r\n}\r\n\r\nexport { StyledDialog, StyledConfirmDialog, StyledOkDialog }\r\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_stack","_text","_button","_spacer","_styled","_theme","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","Dialog","styled","Modal","base","backgroundColor","theme","colors","gray","padding","borderRadius","StyledDialog","children","animationType","transparent","visible","rest","createElement","exports","StyledConfirmDialog","row","onCancel","onConfirm","dialogProps","show","setShow","useState","title","description","cancel","onNeural","confirm","neutral","handleConfirm","handleCancel","handleNeural","YStack","flex","justifyContent","alignItems","width","paddingVertical","paddingHorizontal","StyledText","color","fontSize","normal","fontWeight","bold","StyledSpacer","marginVertical","large","XStack","StyledButton","red","borderColor","onPress","marginHorizontal","Fragment","orange","green","StyledOkDialog","ok","onOk","handleOk","cyan"],"sources":["index.jsx"],"sourcesContent":["import React, { useState } from 'react'\r\nimport { Modal } from 'react-native'\r\nimport { XStack, YStack } from '../stack'\r\nimport { StyledText } from '../text'\r\nimport { StyledButton } from '../button'\r\nimport { StyledSpacer } from '../spacer'\r\nimport { styled } from '../styled'\r\nimport { theme } from '../theme'\r\n\r\nconst Dialog = styled(Modal, {\r\n base: {\r\n backgroundColor: theme.colors.gray[100],\r\n padding: 20,\r\n borderRadius: 10\r\n }\r\n})\r\n\r\nconst StyledDialog = ({\r\n children,\r\n animationType = 'fade',\r\n transparent = true,\r\n visible = false,\r\n ...rest\r\n}) => {\r\n return (\r\n <Dialog\r\n visible={visible}\r\n transparent={transparent}\r\n animationType={animationType}\r\n {...rest}\r\n >\r\n {children}\r\n </Dialog>\r\n )\r\n}\r\n\r\nconst StyledConfirmDialog = ({\r\n visible = false,\r\n row,\r\n animationType = 'fade',\r\n onCancel,\r\n onConfirm,\r\n transparent = true,\r\n dialogProps,\r\n ...rest\r\n}) => {\r\n const [show, setShow] = useState(visible)\r\n const {\r\n title,\r\n description,\r\n cancel = 'Cancel',\r\n onNeural,\r\n confirm = 'Confirm',\r\n neutral = 'Neutral'\r\n } = rest\r\n\r\n const handleConfirm = () => {\r\n setShow(false)\r\n if (typeof onConfirm === 'function') {\r\n if (typeof row === 'object' && row !== null) {\r\n onConfirm(row)\r\n } else {\r\n onConfirm()\r\n }\r\n }\r\n }\r\n const handleCancel = () => {\r\n setShow(false)\r\n if (typeof onCancel === 'function') {\r\n onCancel()\r\n }\r\n }\r\n\r\n const handleNeural = () => {\r\n setShow(false)\r\n if (typeof onNeural === 'function') {\r\n onNeural()\r\n }\r\n }\r\n return (\r\n <Dialog\r\n visible={show}\r\n transparent={transparent}\r\n animationType={animationType}\r\n {...rest}\r\n >\r\n <YStack\r\n transparent\r\n flex={1}\r\n justifyContent='center'\r\n alignItems='center'\r\n {...dialogProps}\r\n >\r\n <YStack\r\n width={'90%'}\r\n borderRadius={8}\r\n paddingVertical={16}\r\n paddingHorizontal={16}\r\n backgroundColor={theme.colors.gray[1]}\r\n >\r\n <StyledText\r\n color={theme.colors.gray[800]}\r\n fontSize={theme.fontSize.normal}\r\n fontWeight={theme.fontWeight.bold}\r\n >\r\n {title}\r\n </StyledText>\r\n <StyledSpacer marginVertical={1} />\r\n <StyledText\r\n color={theme.colors.gray[800]}\r\n fontSize={theme.fontSize.large}\r\n fontWeight={theme.fontWeight.normal}\r\n >\r\n {description}\r\n </StyledText>\r\n <StyledSpacer marginVertical={4} />\r\n <XStack justifyContent='flex-end' alignItems='center'>\r\n <StyledButton\r\n backgroundColor={theme.colors.red[400]}\r\n borderColor={theme.colors.red[400]}\r\n borderRadius={30}\r\n onPress={() => handleCancel()}\r\n >\r\n <StyledText\r\n paddingHorizontal={20}\r\n paddingVertical={4}\r\n color={theme.colors.gray[1]}\r\n fontSize={theme.fontSize.large}\r\n fontWeight={theme.fontWeight.normal}\r\n >\r\n {cancel}\r\n </StyledText>\r\n </StyledButton>\r\n <StyledSpacer marginHorizontal={2} />\r\n {onNeural && (\r\n <>\r\n <StyledButton\r\n backgroundColor={theme.colors.orange[400]}\r\n borderColor={theme.colors.orange[400]}\r\n borderRadius={30}\r\n onPress={() => handleNeural()}\r\n >\r\n <StyledText\r\n paddingHorizontal={20}\r\n paddingVertical={4}\r\n color={theme.colors.gray[1]}\r\n fontSize={theme.fontSize.large}\r\n fontWeight={theme.fontWeight.normal}\r\n >\r\n {neutral}\r\n </StyledText>\r\n </StyledButton>\r\n <StyledSpacer marginHorizontal={2} />\r\n </>\r\n )}\r\n <StyledButton\r\n backgroundColor={theme.colors.green[500]}\r\n borderColor={theme.colors.green[500]}\r\n onPress={() => handleConfirm()}\r\n borderRadius={30}\r\n >\r\n <StyledText\r\n paddingHorizontal={20}\r\n paddingVertical={4}\r\n color={theme.colors.gray[1]}\r\n fontSize={theme.fontSize.large}\r\n fontWeight={theme.fontWeight.normal}\r\n >\r\n {confirm}\r\n </StyledText>\r\n </StyledButton>\r\n </XStack>\r\n </YStack>\r\n </YStack>\r\n </Dialog>\r\n )\r\n}\r\n\r\nconst StyledOkDialog = ({\r\n visible = false,\r\n animationType = 'fade',\r\n transparent = true,\r\n dialogProps,\r\n ...rest\r\n}) => {\r\n const [show, setShow] = useState(visible)\r\n const {\r\n title = \"We're sorry, something went wrong.\",\r\n description = 'Please try again later',\r\n ok = 'Ok',\r\n onOk\r\n } = rest\r\n\r\n const handleOk = () => {\r\n setShow(false)\r\n if (typeof onOk === 'function') {\r\n onOk()\r\n }\r\n }\r\n return (\r\n <Dialog\r\n visible={show}\r\n transparent={transparent}\r\n animationType={animationType}\r\n {...rest}\r\n >\r\n <YStack\r\n transparent\r\n flex={1}\r\n justifyContent='center'\r\n alignItems='center'\r\n {...dialogProps}\r\n >\r\n <YStack\r\n width={'90%'}\r\n borderRadius={8}\r\n paddingVertical={16}\r\n paddingHorizontal={16}\r\n backgroundColor={theme.colors.gray[1]}\r\n >\r\n <StyledText\r\n color={theme.colors.gray[800]}\r\n fontSize={theme.fontSize.normal}\r\n fontWeight={theme.fontWeight.bold}\r\n >\r\n {title}\r\n </StyledText>\r\n <StyledSpacer marginVertical={2} />\r\n <StyledText\r\n color={theme.colors.gray[800]}\r\n fontSize={theme.fontSize.normal}\r\n fontWeight={theme.fontWeight.normal}\r\n >\r\n {description}\r\n </StyledText>\r\n <StyledSpacer marginVertical={8} />\r\n <XStack justifyContent='flex-end' alignItems='center'>\r\n <StyledButton\r\n flex={1}\r\n backgroundColor={theme.colors.cyan[500]}\r\n borderColor={theme.colors.cyan[500]}\r\n onPress={handleOk}\r\n borderRadius={30}\r\n >\r\n <StyledText\r\n paddingHorizontal={20}\r\n paddingVertical={8}\r\n color={theme.colors.gray[1]}\r\n fontSize={theme.fontSize.large}\r\n fontWeight={theme.fontWeight.bold}\r\n >\r\n {ok}\r\n </StyledText>\r\n </StyledButton>\r\n </XStack>\r\n </YStack>\r\n </YStack>\r\n </Dialog>\r\n )\r\n}\r\n\r\nexport { StyledDialog, StyledConfirmDialog, StyledOkDialog }\r\n"],"mappings":"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","ignoreList":[]}
package/lib/module/package/dialog/index.js CHANGED
@@ -42,7 +42,9 @@ const StyledConfirmDialog = ({
42
42
  title,
43
43
  description,
44
44
  cancel = 'Cancel',
45
- confirm = 'Confirm'
45
+ onNeural,
46
+ confirm = 'Confirm',
47
+ neutral = 'Neutral'
46
48
  } = rest;
47
49
  const handleConfirm = () => {
48
50
  setShow(false);
@@ -60,6 +62,12 @@ const StyledConfirmDialog = ({
60
62
  onCancel();
61
63
  }
62
64
  };
65
+ const handleNeural = () => {
66
+ setShow(false);
67
+ if (typeof onNeural === 'function') {
68
+ onNeural();
69
+ }
70
+ };
63
71
  return /*#__PURE__*/React.createElement(Dialog, _extends({
64
72
  visible: show,
65
73
  transparent: transparent,
@@ -103,7 +111,20 @@ const StyledConfirmDialog = ({
103
111
  fontWeight: theme.fontWeight.normal
104
112
  }, cancel)), /*#__PURE__*/React.createElement(StyledSpacer, {
105
113
  marginHorizontal: 2
106
- }), /*#__PURE__*/React.createElement(StyledButton, {
114
+ }), onNeural && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledButton, {
115
+ backgroundColor: theme.colors.orange[400],
116
+ borderColor: theme.colors.orange[400],
117
+ borderRadius: 30,
118
+ onPress: () => handleNeural()
119
+ }, /*#__PURE__*/React.createElement(StyledText, {
120
+ paddingHorizontal: 20,
121
+ paddingVertical: 4,
122
+ color: theme.colors.gray[1],
123
+ fontSize: theme.fontSize.large,
124
+ fontWeight: theme.fontWeight.normal
125
+ }, neutral)), /*#__PURE__*/React.createElement(StyledSpacer, {
126
+ marginHorizontal: 2
127
+ })), /*#__PURE__*/React.createElement(StyledButton, {
107
128
  backgroundColor: theme.colors.green[500],
108
129
  borderColor: theme.colors.green[500],
109
130
  onPress: () => handleConfirm(),
package/lib/module/package/dialog/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["React","useState","Modal","XStack","YStack","StyledText","StyledButton","StyledSpacer","styled","theme","Dialog","base","backgroundColor","colors","gray","padding","borderRadius","StyledDialog","children","animationType","transparent","visible","rest","createElement","_extends","StyledConfirmDialog","row","onCancel","onConfirm","dialogProps","show","setShow","title","description","cancel","confirm","handleConfirm","handleCancel","flex","justifyContent","alignItems","width","paddingVertical","paddingHorizontal","color","fontSize","normal","fontWeight","bold","marginVertical","large","red","borderColor","onPress","marginHorizontal","green","StyledOkDialog","ok","onOk","handleOk","cyan"],"sources":["index.jsx"],"sourcesContent":["import React, { useState } from 'react'\r\nimport { Modal } from 'react-native'\r\nimport { XStack, YStack } from '../stack'\r\nimport { StyledText } from '../text'\r\nimport { StyledButton } from '../button'\r\nimport { StyledSpacer } from '../spacer'\r\nimport { styled } from '../styled'\r\nimport { theme } from '../theme'\r\n\r\nconst Dialog = styled(Modal, {\r\n base: {\r\n backgroundColor: theme.colors.gray[100],\r\n padding: 20,\r\n borderRadius: 10\r\n }\r\n})\r\n\r\nconst StyledDialog = ({\r\n\tchildren,\r\n\tanimationType = 'fade',\r\n\ttransparent = true,\r\n\tvisible = false,\r\n\t...rest\r\n}) => {\r\n return (\r\n <Dialog\r\n visible={visible}\r\n transparent={transparent}\r\n animationType={animationType}\r\n {...rest}\r\n\t\t>\r\n {children}\r\n </Dialog>\r\n )\r\n}\r\n\r\nconst StyledConfirmDialog = ({\r\n\tvisible = false,\r\n\trow,\r\n\tanimationType = 'fade',\r\n\tonCancel,\r\n\tonConfirm,\r\n\ttransparent = true,\r\n\tdialogProps,\r\n\t...rest\r\n}) => {\r\n const [show, setShow] = useState(visible)\r\n const { title, description, cancel = 'Cancel', confirm = 'Confirm' } = rest\r\n\r\n const handleConfirm = () => {\r\n setShow(false)\r\n if (typeof onConfirm === 'function') {\r\n if (typeof row === 'object' && row !== null) {\r\n onConfirm(row)\r\n } else {\r\n onConfirm()\r\n }\r\n }\r\n }\r\n const handleCancel = () => {\r\n setShow(false)\r\n if (typeof onCancel === 'function') {\r\n onCancel()\r\n }\r\n }\r\n\r\n return (\r\n <Dialog\r\n visible={show}\r\n transparent={transparent}\r\n animationType={animationType}\r\n {...rest}\r\n\t\t>\r\n <YStack\r\n transparent\r\n flex={1}\r\n justifyContent='center'\r\n alignItems='center'\r\n {...dialogProps}\r\n\t\t\t>\r\n <YStack\r\n width={'90%'}\r\n borderRadius={8}\r\n paddingVertical={16}\r\n paddingHorizontal={16}\r\n backgroundColor={theme.colors.gray[1]}\r\n\t\t\t\t>\r\n <StyledText\r\n color={theme.colors.gray[800]}\r\n fontSize={theme.fontSize.normal}\r\n fontWeight={theme.fontWeight.bold}\r\n\t\t\t\t\t>\r\n {title}\r\n </StyledText>\r\n <StyledSpacer marginVertical={1} />\r\n <StyledText\r\n color={theme.colors.gray[800]}\r\n fontSize={theme.fontSize.large}\r\n fontWeight={theme.fontWeight.normal}\r\n\t\t\t\t\t>\r\n {description}\r\n </StyledText>\r\n <StyledSpacer marginVertical={4} />\r\n <XStack justifyContent='flex-end' alignItems='center'>\r\n <StyledButton\r\n backgroundColor={theme.colors.red[400]}\r\n borderColor={theme.colors.red[400]}\r\n borderRadius={30}\r\n onPress={() => handleCancel()}\r\n\t\t\t\t\t\t>\r\n <StyledText\r\n paddingHorizontal={20}\r\n paddingVertical={4}\r\n color={theme.colors.gray[1]}\r\n fontSize={theme.fontSize.large}\r\n fontWeight={theme.fontWeight.normal}\r\n\t\t\t\t\t\t\t>\r\n {cancel}\r\n </StyledText>\r\n </StyledButton>\r\n <StyledSpacer marginHorizontal={2} />\r\n <StyledButton\r\n backgroundColor={theme.colors.green[500]}\r\n borderColor={theme.colors.green[500]}\r\n onPress={() => handleConfirm()}\r\n borderRadius={30}\r\n\t\t\t\t\t\t>\r\n <StyledText\r\n paddingHorizontal={20}\r\n paddingVertical={4}\r\n color={theme.colors.gray[1]}\r\n fontSize={theme.fontSize.large}\r\n fontWeight={theme.fontWeight.normal}\r\n\t\t\t\t\t\t\t>\r\n {confirm}\r\n </StyledText>\r\n </StyledButton>\r\n </XStack>\r\n </YStack>\r\n </YStack>\r\n </Dialog>\r\n )\r\n}\r\n\r\nconst StyledOkDialog = ({\r\n\tvisible = false,\r\n\tanimationType = 'fade',\r\n\ttransparent = true,\r\n\tdialogProps,\r\n\t...rest\r\n}) => {\r\n const [show, setShow] = useState(visible)\r\n const {\r\n\t\ttitle = \"We're sorry, something went wrong.\",\r\n\t\tdescription = 'Please try again later',\r\n\t\tok = 'Ok',\r\n\t\tonOk\r\n\t} = rest\r\n\r\n const handleOk = () => {\r\n setShow(false)\r\n if (typeof onOk === 'function') {\r\n onOk()\r\n }\r\n }\r\n return (\r\n <Dialog\r\n visible={show}\r\n transparent={transparent}\r\n animationType={animationType}\r\n {...rest}\r\n\t\t>\r\n <YStack\r\n transparent\r\n flex={1}\r\n justifyContent='center'\r\n alignItems='center'\r\n {...dialogProps}\r\n\t\t\t>\r\n <YStack\r\n width={'90%'}\r\n borderRadius={8}\r\n paddingVertical={16}\r\n paddingHorizontal={16}\r\n backgroundColor={theme.colors.gray[1]}\r\n\t\t\t\t>\r\n <StyledText\r\n color={theme.colors.gray[800]}\r\n fontSize={theme.fontSize.normal}\r\n fontWeight={theme.fontWeight.bold}\r\n\t\t\t\t\t>\r\n {title}\r\n </StyledText>\r\n <StyledSpacer marginVertical={2} />\r\n <StyledText\r\n color={theme.colors.gray[800]}\r\n fontSize={theme.fontSize.normal}\r\n fontWeight={theme.fontWeight.normal}\r\n\t\t\t\t\t>\r\n {description}\r\n </StyledText>\r\n <StyledSpacer marginVertical={8} />\r\n <XStack justifyContent='flex-end' alignItems='center'>\r\n <StyledButton\r\n flex={1}\r\n backgroundColor={theme.colors.cyan[500]}\r\n borderColor={theme.colors.cyan[500]}\r\n onPress={handleOk}\r\n borderRadius={30}\r\n\t\t\t\t\t\t>\r\n <StyledText\r\n paddingHorizontal={20}\r\n paddingVertical={8}\r\n color={theme.colors.gray[1]}\r\n fontSize={theme.fontSize.large}\r\n fontWeight={theme.fontWeight.bold}\r\n\t\t\t\t\t\t\t>\r\n {ok}\r\n </StyledText>\r\n </StyledButton>\r\n </XStack>\r\n </YStack>\r\n </YStack>\r\n </Dialog>\r\n )\r\n}\r\n\r\nexport { StyledDialog, StyledConfirmDialog, StyledOkDialog }\r\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["React","useState","Modal","XStack","YStack","StyledText","StyledButton","StyledSpacer","styled","theme","Dialog","base","backgroundColor","colors","gray","padding","borderRadius","StyledDialog","children","animationType","transparent","visible","rest","createElement","_extends","StyledConfirmDialog","row","onCancel","onConfirm","dialogProps","show","setShow","title","description","cancel","onNeural","confirm","neutral","handleConfirm","handleCancel","handleNeural","flex","justifyContent","alignItems","width","paddingVertical","paddingHorizontal","color","fontSize","normal","fontWeight","bold","marginVertical","large","red","borderColor","onPress","marginHorizontal","Fragment","orange","green","StyledOkDialog","ok","onOk","handleOk","cyan"],"sources":["index.jsx"],"sourcesContent":["import React, { useState } from 'react'\r\nimport { Modal } from 'react-native'\r\nimport { XStack, YStack } from '../stack'\r\nimport { StyledText } from '../text'\r\nimport { StyledButton } from '../button'\r\nimport { StyledSpacer } from '../spacer'\r\nimport { styled } from '../styled'\r\nimport { theme } from '../theme'\r\n\r\nconst Dialog = styled(Modal, {\r\n base: {\r\n backgroundColor: theme.colors.gray[100],\r\n padding: 20,\r\n borderRadius: 10\r\n }\r\n})\r\n\r\nconst StyledDialog = ({\r\n children,\r\n animationType = 'fade',\r\n transparent = true,\r\n visible = false,\r\n ...rest\r\n}) => {\r\n return (\r\n <Dialog\r\n visible={visible}\r\n transparent={transparent}\r\n animationType={animationType}\r\n {...rest}\r\n >\r\n {children}\r\n </Dialog>\r\n )\r\n}\r\n\r\nconst StyledConfirmDialog = ({\r\n visible = false,\r\n row,\r\n animationType = 'fade',\r\n onCancel,\r\n onConfirm,\r\n transparent = true,\r\n dialogProps,\r\n ...rest\r\n}) => {\r\n const [show, setShow] = useState(visible)\r\n const {\r\n title,\r\n description,\r\n cancel = 'Cancel',\r\n onNeural,\r\n confirm = 'Confirm',\r\n neutral = 'Neutral'\r\n } = rest\r\n\r\n const handleConfirm = () => {\r\n setShow(false)\r\n if (typeof onConfirm === 'function') {\r\n if (typeof row === 'object' && row !== null) {\r\n onConfirm(row)\r\n } else {\r\n onConfirm()\r\n }\r\n }\r\n }\r\n const handleCancel = () => {\r\n setShow(false)\r\n if (typeof onCancel === 'function') {\r\n onCancel()\r\n }\r\n }\r\n\r\n const handleNeural = () => {\r\n setShow(false)\r\n if (typeof onNeural === 'function') {\r\n onNeural()\r\n }\r\n }\r\n return (\r\n <Dialog\r\n visible={show}\r\n transparent={transparent}\r\n animationType={animationType}\r\n {...rest}\r\n >\r\n <YStack\r\n transparent\r\n flex={1}\r\n justifyContent='center'\r\n alignItems='center'\r\n {...dialogProps}\r\n >\r\n <YStack\r\n width={'90%'}\r\n borderRadius={8}\r\n paddingVertical={16}\r\n paddingHorizontal={16}\r\n backgroundColor={theme.colors.gray[1]}\r\n >\r\n <StyledText\r\n color={theme.colors.gray[800]}\r\n fontSize={theme.fontSize.normal}\r\n fontWeight={theme.fontWeight.bold}\r\n >\r\n {title}\r\n </StyledText>\r\n <StyledSpacer marginVertical={1} />\r\n <StyledText\r\n color={theme.colors.gray[800]}\r\n fontSize={theme.fontSize.large}\r\n fontWeight={theme.fontWeight.normal}\r\n >\r\n {description}\r\n </StyledText>\r\n <StyledSpacer marginVertical={4} />\r\n <XStack justifyContent='flex-end' alignItems='center'>\r\n <StyledButton\r\n backgroundColor={theme.colors.red[400]}\r\n borderColor={theme.colors.red[400]}\r\n borderRadius={30}\r\n onPress={() => handleCancel()}\r\n >\r\n <StyledText\r\n paddingHorizontal={20}\r\n paddingVertical={4}\r\n color={theme.colors.gray[1]}\r\n fontSize={theme.fontSize.large}\r\n fontWeight={theme.fontWeight.normal}\r\n >\r\n {cancel}\r\n </StyledText>\r\n </StyledButton>\r\n <StyledSpacer marginHorizontal={2} />\r\n {onNeural && (\r\n <>\r\n <StyledButton\r\n backgroundColor={theme.colors.orange[400]}\r\n borderColor={theme.colors.orange[400]}\r\n borderRadius={30}\r\n onPress={() => handleNeural()}\r\n >\r\n <StyledText\r\n paddingHorizontal={20}\r\n paddingVertical={4}\r\n color={theme.colors.gray[1]}\r\n fontSize={theme.fontSize.large}\r\n fontWeight={theme.fontWeight.normal}\r\n >\r\n {neutral}\r\n </StyledText>\r\n </StyledButton>\r\n <StyledSpacer marginHorizontal={2} />\r\n </>\r\n )}\r\n <StyledButton\r\n backgroundColor={theme.colors.green[500]}\r\n borderColor={theme.colors.green[500]}\r\n onPress={() => handleConfirm()}\r\n borderRadius={30}\r\n >\r\n <StyledText\r\n paddingHorizontal={20}\r\n paddingVertical={4}\r\n color={theme.colors.gray[1]}\r\n fontSize={theme.fontSize.large}\r\n fontWeight={theme.fontWeight.normal}\r\n >\r\n {confirm}\r\n </StyledText>\r\n </StyledButton>\r\n </XStack>\r\n </YStack>\r\n </YStack>\r\n </Dialog>\r\n )\r\n}\r\n\r\nconst StyledOkDialog = ({\r\n visible = false,\r\n animationType = 'fade',\r\n transparent = true,\r\n dialogProps,\r\n ...rest\r\n}) => {\r\n const [show, setShow] = useState(visible)\r\n const {\r\n title = \"We're sorry, something went wrong.\",\r\n description = 'Please try again later',\r\n ok = 'Ok',\r\n onOk\r\n } = rest\r\n\r\n const handleOk = () => {\r\n setShow(false)\r\n if (typeof onOk === 'function') {\r\n onOk()\r\n }\r\n }\r\n return (\r\n <Dialog\r\n visible={show}\r\n transparent={transparent}\r\n animationType={animationType}\r\n {...rest}\r\n >\r\n <YStack\r\n transparent\r\n flex={1}\r\n justifyContent='center'\r\n alignItems='center'\r\n {...dialogProps}\r\n >\r\n <YStack\r\n width={'90%'}\r\n borderRadius={8}\r\n paddingVertical={16}\r\n paddingHorizontal={16}\r\n backgroundColor={theme.colors.gray[1]}\r\n >\r\n <StyledText\r\n color={theme.colors.gray[800]}\r\n fontSize={theme.fontSize.normal}\r\n fontWeight={theme.fontWeight.bold}\r\n >\r\n {title}\r\n </StyledText>\r\n <StyledSpacer marginVertical={2} />\r\n <StyledText\r\n color={theme.colors.gray[800]}\r\n fontSize={theme.fontSize.normal}\r\n fontWeight={theme.fontWeight.normal}\r\n >\r\n {description}\r\n </StyledText>\r\n <StyledSpacer marginVertical={8} />\r\n <XStack justifyContent='flex-end' alignItems='center'>\r\n <StyledButton\r\n flex={1}\r\n backgroundColor={theme.colors.cyan[500]}\r\n borderColor={theme.colors.cyan[500]}\r\n onPress={handleOk}\r\n borderRadius={30}\r\n >\r\n <StyledText\r\n paddingHorizontal={20}\r\n paddingVertical={8}\r\n color={theme.colors.gray[1]}\r\n fontSize={theme.fontSize.large}\r\n fontWeight={theme.fontWeight.bold}\r\n >\r\n {ok}\r\n </StyledText>\r\n </StyledButton>\r\n </XStack>\r\n </YStack>\r\n </YStack>\r\n </Dialog>\r\n )\r\n}\r\n\r\nexport { StyledDialog, StyledConfirmDialog, StyledOkDialog }\r\n"],"mappings":"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","ignoreList":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "fluent-styles",
3
- "version": "1.31.0",
3
+ "version": "1.32.0",
4
4
  "description": "Develop different styled versions of UI components.",
5
5
  "main": "lib/commonjs/index.js",
6
6
  "module": "lib/module/index.js",
package/src/package/dialog/index.jsx CHANGED
@@ -16,11 +16,11 @@ const Dialog = styled(Modal, {
16
16
  })
17
17
 
18
18
  const StyledDialog = ({
19
- children,
20
- animationType = 'fade',
21
- transparent = true,
22
- visible = false,
23
- ...rest
19
+ children,
20
+ animationType = 'fade',
21
+ transparent = true,
22
+ visible = false,
23
+ ...rest
24
24
  }) => {
25
25
  return (
26
26
  <Dialog
@@ -28,24 +28,31 @@ const StyledDialog = ({
28
28
  transparent={transparent}
29
29
  animationType={animationType}
30
30
  {...rest}
31
- >
31
+ >
32
32
  {children}
33
33
  </Dialog>
34
34
  )
35
35
  }
36
36
 
37
37
  const StyledConfirmDialog = ({
38
- visible = false,
39
- row,
40
- animationType = 'fade',
41
- onCancel,
42
- onConfirm,
43
- transparent = true,
44
- dialogProps,
45
- ...rest
38
+ visible = false,
39
+ row,
40
+ animationType = 'fade',
41
+ onCancel,
42
+ onConfirm,
43
+ transparent = true,
44
+ dialogProps,
45
+ ...rest
46
46
  }) => {
47
47
  const [show, setShow] = useState(visible)
48
- const { title, description, cancel = 'Cancel', confirm = 'Confirm' } = rest
48
+ const {
49
+ title,
50
+ description,
51
+ cancel = 'Cancel',
52
+ onNeural,
53
+ confirm = 'Confirm',
54
+ neutral = 'Neutral'
55
+ } = rest
49
56
 
50
57
  const handleConfirm = () => {
51
58
  setShow(false)
@@ -64,32 +71,38 @@ const StyledConfirmDialog = ({
64
71
  }
65
72
  }
66
73
 
74
+ const handleNeural = () => {
75
+ setShow(false)
76
+ if (typeof onNeural === 'function') {
77
+ onNeural()
78
+ }
79
+ }
67
80
  return (
68
81
  <Dialog
69
82
  visible={show}
70
83
  transparent={transparent}
71
84
  animationType={animationType}
72
85
  {...rest}
73
- >
86
+ >
74
87
  <YStack
75
88
  transparent
76
89
  flex={1}
77
90
  justifyContent='center'
78
91
  alignItems='center'
79
92
  {...dialogProps}
80
- >
93
+ >
81
94
  <YStack
82
95
  width={'90%'}
83
96
  borderRadius={8}
84
97
  paddingVertical={16}
85
98
  paddingHorizontal={16}
86
99
  backgroundColor={theme.colors.gray[1]}
87
- >
100
+ >
88
101
  <StyledText
89
102
  color={theme.colors.gray[800]}
90
103
  fontSize={theme.fontSize.normal}
91
104
  fontWeight={theme.fontWeight.bold}
92
- >
105
+ >
93
106
  {title}
94
107
  </StyledText>
95
108
  <StyledSpacer marginVertical={1} />
@@ -97,7 +110,7 @@ const StyledConfirmDialog = ({
97
110
  color={theme.colors.gray[800]}
98
111
  fontSize={theme.fontSize.large}
99
112
  fontWeight={theme.fontWeight.normal}
100
- >
113
+ >
101
114
  {description}
102
115
  </StyledText>
103
116
  <StyledSpacer marginVertical={4} />
@@ -107,31 +120,52 @@ const StyledConfirmDialog = ({
107
120
  borderColor={theme.colors.red[400]}
108
121
  borderRadius={30}
109
122
  onPress={() => handleCancel()}
110
- >
123
+ >
111
124
  <StyledText
112
125
  paddingHorizontal={20}
113
126
  paddingVertical={4}
114
127
  color={theme.colors.gray[1]}
115
128
  fontSize={theme.fontSize.large}
116
129
  fontWeight={theme.fontWeight.normal}
117
- >
130
+ >
118
131
  {cancel}
119
132
  </StyledText>
120
133
  </StyledButton>
121
134
  <StyledSpacer marginHorizontal={2} />
135
+ {onNeural && (
136
+ <>
137
+ <StyledButton
138
+ backgroundColor={theme.colors.orange[400]}
139
+ borderColor={theme.colors.orange[400]}
140
+ borderRadius={30}
141
+ onPress={() => handleNeural()}
142
+ >
143
+ <StyledText
144
+ paddingHorizontal={20}
145
+ paddingVertical={4}
146
+ color={theme.colors.gray[1]}
147
+ fontSize={theme.fontSize.large}
148
+ fontWeight={theme.fontWeight.normal}
149
+ >
150
+ {neutral}
151
+ </StyledText>
152
+ </StyledButton>
153
+ <StyledSpacer marginHorizontal={2} />
154
+ </>
155
+ )}
122
156
  <StyledButton
123
157
  backgroundColor={theme.colors.green[500]}
124
158
  borderColor={theme.colors.green[500]}
125
159
  onPress={() => handleConfirm()}
126
160
  borderRadius={30}
127
- >
161
+ >
128
162
  <StyledText
129
163
  paddingHorizontal={20}
130
164
  paddingVertical={4}
131
165
  color={theme.colors.gray[1]}
132
166
  fontSize={theme.fontSize.large}
133
167
  fontWeight={theme.fontWeight.normal}
134
- >
168
+ >
135
169
  {confirm}
136
170
  </StyledText>
137
171
  </StyledButton>
@@ -143,19 +177,19 @@ const StyledConfirmDialog = ({
143
177
  }
144
178
 
145
179
  const StyledOkDialog = ({
146
- visible = false,
147
- animationType = 'fade',
148
- transparent = true,
149
- dialogProps,
150
- ...rest
180
+ visible = false,
181
+ animationType = 'fade',
182
+ transparent = true,
183
+ dialogProps,
184
+ ...rest
151
185
  }) => {
152
186
  const [show, setShow] = useState(visible)
153
187
  const {
154
- title = "We're sorry, something went wrong.",
155
- description = 'Please try again later',
156
- ok = 'Ok',
157
- onOk
158
- } = rest
188
+ title = "We're sorry, something went wrong.",
189
+ description = 'Please try again later',
190
+ ok = 'Ok',
191
+ onOk
192
+ } = rest
159
193
 
160
194
  const handleOk = () => {
161
195
  setShow(false)
@@ -169,26 +203,26 @@ const StyledOkDialog = ({
169
203
  transparent={transparent}
170
204
  animationType={animationType}
171
205
  {...rest}
172
- >
206
+ >
173
207
  <YStack
174
208
  transparent
175
209
  flex={1}
176
210
  justifyContent='center'
177
211
  alignItems='center'
178
212
  {...dialogProps}
179
- >
213
+ >
180
214
  <YStack
181
215
  width={'90%'}
182
216
  borderRadius={8}
183
217
  paddingVertical={16}
184
218
  paddingHorizontal={16}
185
219
  backgroundColor={theme.colors.gray[1]}
186
- >
220
+ >
187
221
  <StyledText
188
222
  color={theme.colors.gray[800]}
189
223
  fontSize={theme.fontSize.normal}
190
224
  fontWeight={theme.fontWeight.bold}
191
- >
225
+ >
192
226
  {title}
193
227
  </StyledText>
194
228
  <StyledSpacer marginVertical={2} />
@@ -196,7 +230,7 @@ const StyledOkDialog = ({
196
230
  color={theme.colors.gray[800]}
197
231
  fontSize={theme.fontSize.normal}
198
232
  fontWeight={theme.fontWeight.normal}
199
- >
233
+ >
200
234
  {description}
201
235
  </StyledText>
202
236
  <StyledSpacer marginVertical={8} />
@@ -207,14 +241,14 @@ const StyledOkDialog = ({
207
241
  borderColor={theme.colors.cyan[500]}
208
242
  onPress={handleOk}
209
243
  borderRadius={30}
210
- >
244
+ >
211
245
  <StyledText
212
246
  paddingHorizontal={20}
213
247
  paddingVertical={8}
214
248
  color={theme.colors.gray[1]}
215
249
  fontSize={theme.fontSize.large}
216
250
  fontWeight={theme.fontWeight.bold}
217
- >
251
+ >
218
252
  {ok}
219
253
  </StyledText>
220
254
  </StyledButton>