@originallyus/feedback-rn-sdk 4.0.0-beta.34 → 4.0.0-beta.36

package/lib/module/component/AIA/molecules/Dialog/Dialog.stories.tsx.temp

@@ -1,371 +0,0 @@
-/**
- *
- * @format
- *
- */
-
-import type {Meta, StoryObj} from '@storybook/react-native';
-import React, {useState} from 'react';
-import {View, Button, ScrollView, Text as RNText} from 'react-native';
-
-import Dialog from './Dialog';
-import Text from '../../atoms/Text';
-import dialogReadme from './README.md';
-
-const textColor = '#111111';
-const tableBorder = '#e3e3e3';
-const tableHeaderBg = '#f0f0f0';
-const codeBlockBg = '#f5f5f6';
-const columnStyle = {flex: 1, paddingRight: 8};
-const descriptionStyle = {flex: 2};
-
-const parseReadme = (readme: string) => {
-  const lines = readme.split('\n');
-  const codeLines: string[] = [];
-  const tableLines: string[] = [];
-  let inCode = false;
-
-  for (const line of lines) {
-    const trimmed = line.trim();
-    if (trimmed.startsWith('```')) {
-      inCode = !inCode;
-      continue;
-    }
-    if (inCode) {
-      codeLines.push(line);
-      continue;
-    }
-    if (line.includes('|')) {
-      tableLines.push(line);
-    }
-  }
-
-  const rawRows = tableLines
-    .map((line) =>
-      line
-        .split('|')
-        .map((cell) => cell.trim())
-        .filter(Boolean)
-    )
-    .filter((cells) => cells.length >= 3);
-
-  const rows = rawRows.filter((cells) =>
-    cells.some((cell) => !/^-+$/.test(cell.replace(/\s/g, '')))
-  );
-
-  const headerRow = rows[0]?.[0]?.toLowerCase() === 'key' ? rows[0] : null;
-  const bodyRows = headerRow ? rows.slice(1) : rows;
-
-  const props = bodyRows.map(([key, type, required, description]) => ({
-    key: key.replace(/`/g, ''),
-    type: type.replace(/`/g, ''),
-    required: required.replace(/`/g, ''),
-    description: description.replace(/`/g, ''),
-  }));
-
-  return {
-    code: codeLines.join('\n').trim(),
-    header: headerRow ?? ['Key', 'Type', 'Required', 'Description'],
-    props,
-  };
-};
-
-const readme = parseReadme(dialogReadme);
-
-const meta = {
-  title: 'Molecules/Dialog',
-  component: Dialog,
-  args: {} as any,
-} satisfies Meta<typeof Dialog>;
-
-export default meta;
-
-type Story = StoryObj<typeof meta>;
-
-export const Examples: Story = {
-  render: () => {
-    const [isDialogVisible, setDialogVisible] = useState(false);
-    const [isDialogVisible1, setDialogVisible1] = useState(false);
-    const [isDialogVisible2, setDialogVisible2] = useState(false);
-    const [isDialogVisible3, setDialogVisible3] = useState(false);
-    const [isDialogVisible4, setDialogVisible4] = useState(false);
-    const [isDialogVisible5, setDialogVisible5] = useState(false);
-    const [isDialogVisible6, setDialogVisible6] = useState(false);
-    const [isDialogVisible7, setDialogVisible7] = useState(false);
-
-    return (
-      <ScrollView>
-        <View
-          style={{
-            flexDirection: 'column',
-            height: '100%',
-            paddingTop: 20,
-            marginBottom: 150,
-          }}>
-          <Text customStyle={{width: '100%', textAlign: 'center', marginBottom: 50}}>
-            Dialog - V3.0.0
-          </Text>
-          <Button title="Open Dialog" onPress={() => setDialogVisible(true)} />
-          <Dialog
-            isVisible={isDialogVisible}
-            onClose={() => setDialogVisible(false)}
-            title="Dialog Title"
-            isShowCloseButton
-            allowBackdropOnClose>
-            <View
-              style={{height: 150, width: '100%', alignItems: 'center', justifyContent: 'center'}}>
-              <Text>Component Slot</Text>
-            </View>
-          </Dialog>
-
-          <Button
-            title="Open Dialog without close button"
-            onPress={() => setDialogVisible1(true)}
-          />
-          <Dialog
-            isVisible={isDialogVisible1}
-            onClose={() => setDialogVisible1(false)}
-            title="Dialog Title">
-            <View
-              style={{height: 150, width: '100%', alignItems: 'center', justifyContent: 'center'}}>
-              <Text>Component Slot</Text>
-            </View>
-          </Dialog>
-
-          <Button title="Open Dialog with primary button" onPress={() => setDialogVisible2(true)} />
-          <Dialog
-            isVisible={isDialogVisible2}
-            onClose={() => setDialogVisible2(false)}
-            isShowButton
-            primaryButtonLabel="Button"
-            primaryOnPress={() => console.log('Primary Pressed')}
-            title="Dialog Title"
-            isShowCloseButton
-            allowBackdropOnClose>
-            <View
-              style={{height: 150, width: '100%', alignItems: 'center', justifyContent: 'center'}}>
-              <Text>Component Slot</Text>
-            </View>
-          </Dialog>
-
-          <Button
-            title="Open Dialog with primary and secondary button"
-            onPress={() => setDialogVisible3(true)}
-          />
-          <Dialog
-            isVisible={isDialogVisible3}
-            onClose={() => setDialogVisible3(false)}
-            isShowButton
-            primaryButtonLabel="Button"
-            primaryOnPress={() => console.log('Primary Pressed')}
-            secondaryButtonLabel="Button"
-            secondaryOnPress={() => console.log('Secondary Pressed')}
-            title="Dialog Title"
-            isShowCloseButton
-            allowBackdropOnClose>
-            <View
-              style={{height: 150, width: '100%', alignItems: 'center', justifyContent: 'center'}}>
-              <Text>Component Slot</Text>
-            </View>
-          </Dialog>
-
-          <Button title="Open Dialog with side button" onPress={() => setDialogVisible4(true)} />
-          <Dialog
-            isVisible={isDialogVisible4}
-            onClose={() => setDialogVisible4(false)}
-            isShowButton
-            primaryButtonLabel="Button"
-            primaryOnPress={() => console.log('Primary Pressed')}
-            secondaryButtonLabel="Button"
-            buttonPlacement="side"
-            title="Dialog Title"
-            isShowCloseButton
-            allowBackdropOnClose>
-            <View
-              style={{height: 150, width: '100%', alignItems: 'center', justifyContent: 'center'}}>
-              <Text>Component Slot</Text>
-            </View>
-          </Dialog>
-
-          <Button title="Open Alert Dialog" onPress={() => setDialogVisible5(true)} />
-          <Dialog
-            isVisible={isDialogVisible5}
-            onClose={() => setDialogVisible5(false)}
-            variant="alert"
-            title="Dialog Title"
-            alertIcon={{group: 'general', name: 'warning', color: 'yellow'}}
-            alertBody="Lorem ipsum dolor sit amet, consectetur adipiscing elit"
-            primaryButtonLabel="Button"
-            isShowButton
-            isShowCloseButton
-            allowBackdropOnClose
-          />
-
-          <Button
-            title="Open Alert Dialog with Secondary"
-            onPress={() => setDialogVisible6(true)}
-          />
-          <Dialog
-            isVisible={isDialogVisible6}
-            onClose={() => setDialogVisible6(false)}
-            variant="alert"
-            title="Dialog Title"
-            alertIcon={{group: 'general', name: 'warning', color: 'yellow'}}
-            alertBody="Lorem ipsum dolor sit amet, consectetur adipiscing elit"
-            primaryButtonLabel="Button"
-            primaryOnPress={() => console.log('Primary Pressed')}
-            secondaryButtonLabel="Button"
-            isShowButton
-            isShowCloseButton
-            allowBackdropOnClose
-            secondaryOnPress={() => console.log('Secondary Pressed')}
-          />
-
-          <Button
-            title="Open Alert Dialog with Side Button"
-            onPress={() => setDialogVisible7(true)}
-          />
-          <Dialog
-            isVisible={isDialogVisible7}
-            onClose={() => setDialogVisible7(false)}
-            variant="alert"
-            title="Dialog Title"
-            alertIcon={{group: 'general', name: 'warning', color: 'yellow'}}
-            alertBody="Lorem ipsum dolor sit amet, consectetur adipiscing elit"
-            primaryButtonLabel="Button"
-            primaryOnPress={() => console.log('Primary Pressed')}
-            secondaryButtonLabel="Button"
-            isShowButton
-            isShowCloseButton
-            allowBackdropOnClose
-            buttonPlacement="side"
-            secondaryOnPress={() => console.log('Secondary Pressed')}
-          />
-        </View>
-      </ScrollView>
-    );
-  },
-};
-
-export const Playground: Story = {
-  render: (args) => {
-    const [isVisible, setIsVisible] = useState(false);
-    return (
-      <View style={{paddingHorizontal: 16, paddingBottom: 24, paddingTop: 24}}>
-        <Text variant="headline-6-medium" color={textColor} customStyle={{marginBottom: 12}}>
-          Playground
-        </Text>
-        <Button title="Open Dialog" onPress={() => setIsVisible(true)} />
-        <Dialog
-          isVisible={isVisible}
-          onClose={() => setIsVisible(false)}
-          title="Dialog Title"
-          isShowButton
-          primaryButtonLabel="Button"
-          primaryOnPress={() => console.log('Primary Pressed')}
-          isShowCloseButton
-          allowBackdropOnClose>
-          <View
-            style={{height: 150, width: '100%', alignItems: 'center', justifyContent: 'center'}}>
-            <Text>Component Slot</Text>
-          </View>
-        </Dialog>
-        <Text color={textColor} customStyle={{marginTop: 20}}>
-          Use the Controls panel to change props.
-        </Text>
-      </View>
-    );
-  },
-};
-
-export const Usage: Story = {
-  render: () => {
-    return (
-      <ScrollView style={{flex: 1}}>
-        <View style={{paddingHorizontal: 16, paddingBottom: 32, paddingTop: 24}}>
-          <Text variant="headline-6-medium" color={textColor} customStyle={{marginBottom: 12}}>
-            Example UI
-          </Text>
-          <Text color={textColor} customStyle={{marginTop: 16, marginBottom: 24}}>
-            Dialog Component - Click the buttons in Examples or Playground to see different dialog
-            variants
-          </Text>
-
-          <Text variant="headline-6-medium" color={textColor} customStyle={{marginBottom: 12}}>
-            Sample Code
-          </Text>
-          <View
-            style={{
-              backgroundColor: codeBlockBg,
-              borderRadius: 8,
-              padding: 12,
-              marginBottom: 24,
-            }}>
-            <Text
-              customStyle={{
-                color: textColor,
-                fontFamily: 'monospace',
-                fontSize: 12,
-                lineHeight: 18,
-              }}>
-              {readme.code}
-            </Text>
-          </View>
-
-          <Text variant="headline-6-medium" color={textColor} customStyle={{marginBottom: 12}}>
-            Props
-          </Text>
-          <View
-            style={{
-              borderRadius: 8,
-              overflow: 'hidden',
-              borderWidth: 1,
-              borderColor: tableBorder,
-            }}>
-            <View
-              style={{
-                backgroundColor: tableHeaderBg,
-                flexDirection: 'row',
-                paddingVertical: 8,
-                paddingHorizontal: 10,
-              }}>
-              <RNText style={[{color: textColor, fontSize: 12, fontWeight: '600'}, columnStyle]}>
-                {readme.header[0]}
-              </RNText>
-              <RNText style={[{color: textColor, fontSize: 12, fontWeight: '600'}, columnStyle]}>
-                {readme.header[1]}
-              </RNText>
-              <RNText style={[{color: textColor, fontSize: 12, fontWeight: '600'}, columnStyle]}>
-                {readme.header[2]}
-              </RNText>
-              <RNText
-                style={[{color: textColor, fontSize: 12, fontWeight: '600'}, descriptionStyle]}>
-                {readme.header[3]}
-              </RNText>
-            </View>
-            {readme.props.map((row) => (
-              <View
-                key={row.key}
-                style={{
-                  flexDirection: 'row',
-                  paddingVertical: 8,
-                  paddingHorizontal: 10,
-                  borderTopWidth: 1,
-                  borderTopColor: tableBorder,
-                }}>
-                <RNText style={[{color: textColor, fontSize: 12}, columnStyle]}>{row.key}</RNText>
-                <RNText style={[{color: textColor, fontSize: 12}, columnStyle]}>{row.type}</RNText>
-                <RNText style={[{color: textColor, fontSize: 12}, columnStyle]}>
-                  {row.required}
-                </RNText>
-                <RNText style={[{color: textColor, fontSize: 12}, descriptionStyle]}>
-                  {row.description}
-                </RNText>
-              </View>
-            ))}
-          </View>
-        </View>
-      </ScrollView>
-    );
-  },
-};

package/lib/module/component/AIA/molecules/Dialog/README.md

@@ -1,66 +0,0 @@
-# Dialog
-
-## Usage & Example
-
-```js
-import Dialog from '@/Dialog';
-
-<Dialog
-isVisible={isDialogVisible7}
-onClose={() => setDialogVisible7(false)}
-variant="alert"
-title="Dialog Title"
-alertIcon={{group: 'general', name: 'warning', color: 'yellow'}}
-alertBody="Lorem ipsum dolor sit amet, consectetur adipiscing elit"
-primaryButtonLabel="Button"
-primaryOnPress={() => console.log('Primary Pressed')}
-secondaryButtonLabel="Button"
-isShowButton
-isShowCloseButton
-allowBackdropOnClose
-buttonPlacement="side"
-secondaryOnPress={() => console.log('Secondary Pressed')}
-/>
-
-or
-
-<Dialog
-isVisible={isDialogVisible4}
-onClose={() => setDialogVisible4(false)}
-isShowButton
-primaryButtonLabel="Button"
-primaryOnPress={() => console.log('Primary Pressed')}
-secondaryButtonLabel="Button"
-buttonPlacement="side"
-title="Dialog Title"
-isShowCloseButton
-allowBackdropOnClose>
-<View
-  style={{height: 150, width: '100%', alignItems: 'center', justifyContent: 'center'}}>
-  <Text>Component Slot</Text>
-</View>
-</Dialog>
-
-```
-
-Key                 | Type           | Required  | Description                                      |
----------------     | -------------- | --------- | ------------------------------------------------ |
-children            | `react.node`   | `False`   | Children node display in dialog.                 |
-buttonPlacement     | `string`       | `False`   | Button display as stacked or side.               |
-alertIcon           | `Object`       | `False`   | Alert dialog icon set.                           |
-alertBody           | `string`       | `False`   | Alert body text.                                 |
-variant             | `string`       | `False`   | Dialog variant - normal | alert.                 |
-isShowButton        | `boolean`      | `False`   | Show bottom button.                              |
-isShowCloseButton   | `boolean`      | `False`   | Show close button.                               |
-allowBackdropOnClose| `boolean`      | `False`   | Allow backdrop call onClose.                     |
-secondaryType       | `string`       | `False`   | Secondary button type.                           |
-onClose             | `function`     | `True`    | On close function.                               |
-isVisible           | `boolean`      | `True`    | Show/Dismiss dialog.                             |
-title               | `string`       | `True`    | Title of Dialog.                                 |
-primaryButtonLabel  | `string`       | `False`   | Primary button label title.                      |
-primaryOnPress      | `function`     | `False`   | Primary button onPress function.                 |
-secondaryButtonLabel| `string`       | `False`   | Secondary button label title.                    |
-secondaryOnPress    | `function`     | `False`   | Secondary button onPress function.               |
-secondButtonVariant | `string`       | `False`   | Second button display as secondary or tertiary.  |
-thirdButtonLabel    | `string`       | `False`   | Third button label title.                        |
-thirdButtonOnPress  | `function`     | `False`   | Third button onPress function.                   |

package/lib/module/component/AIA/molecules/Dialog/changelog.txt

@@ -1,18 +0,0 @@
-# DDS 3.0
-## Dialog Changelog
-
-## Dec 8, 2023
-### Added
-- Added secondButtonVariant, thirdButtonLabel, thirdButtonOnPress
-
-## Sep 5, 2023
-### Added
-- Added testID
-
-## Jul 25, 2023
-### Added
-- Added new package.
-- Adopt DDS spacing, size token
-- Follow DDS 3.0 Design
-- Added children, buttonPlacement, alertIcon, alertBody, variant, isShowButton, isShowCloseButton, allowBackdropOnClose,
-  secondaryType, onClose, isVisible, title, primaryButtonLabel, primaryOnPress, secondaryButtonLabel, secondaryOnPress as props

package/lib/module/component/AIA/molecules/Dialog/config/index.js

@@ -1,7 +0,0 @@
-/**
- *
- * @format
- *
- */
-"use strict";
-//# sourceMappingURL=index.js.map

package/lib/module/component/AIA/molecules/Dialog/config/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sourceRoot":"../../../../../../../src","sources":["component/AIA/molecules/Dialog/config/index.ts"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AAJA","ignoreList":[]}

package/lib/module/component/AIA/molecules/Dialog/index.js

@@ -1,4 +0,0 @@
-"use strict";
-
-export { default } from "./Dialog.js";
-//# sourceMappingURL=index.js.map

package/lib/module/component/AIA/molecules/Dialog/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["default"],"sourceRoot":"../../../../../../src","sources":["component/AIA/molecules/Dialog/index.ts"],"mappings":";;AAAA,SAASA,OAAO","ignoreList":[]}

package/lib/module/component/AIA/molecules/Dialog/styles/index.js

@@ -1,64 +0,0 @@
-"use strict";
-
-/**
- *
- * @format
- *
- */
-
-import { StyleSheet } from 'react-native';
-const DialogStyles = spacing => StyleSheet.create({
-  buttonSideContainer: {
-    flexDirection: 'row',
-    width: '100%'
-  },
-  //to be removed after merge atoms icon button
-  iconContainer: {
-    width: 44,
-    marginLeft: spacing['md'],
-    marginRight: -spacing['md'] + spacing['2xs'],
-    marginTop: -spacing['xl'] + spacing['2xs'],
-    paddingLeft: spacing['md'],
-    justifyContent: 'center'
-  },
-  titleContainer: {
-    width: '100%',
-    flexDirection: 'row',
-    marginBottom: spacing['md']
-  },
-  buttonTopSpacing: {
-    marginTop: spacing['md']
-  },
-  buttonSideFlex: {
-    flex: 1
-  },
-  buttonSideMargin: {
-    marginRight: spacing['md']
-  },
-  alertIconContainer: {
-    width: '100%',
-    alignItems: 'center'
-  },
-  alertTitleWrapper: {
-    width: '100%',
-    marginTop: spacing['md']
-  },
-  alertBodyWrapper: {
-    width: '100%',
-    marginTop: spacing['xs']
-  },
-  textAlignCenter: {
-    textAlign: 'center'
-  },
-  flexGrow: {
-    flexGrow: 1
-  },
-  maxHeightNormal: {
-    maxHeight: 300
-  },
-  maxHeightStackButton: {
-    maxHeight: 240
-  }
-});
-export default DialogStyles;
-//# sourceMappingURL=index.js.map

package/lib/module/component/AIA/molecules/Dialog/styles/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["StyleSheet","DialogStyles","spacing","create","buttonSideContainer","flexDirection","width","iconContainer","marginLeft","marginRight","marginTop","paddingLeft","justifyContent","titleContainer","marginBottom","buttonTopSpacing","buttonSideFlex","flex","buttonSideMargin","alertIconContainer","alignItems","alertTitleWrapper","alertBodyWrapper","textAlignCenter","textAlign","flexGrow","maxHeightNormal","maxHeight","maxHeightStackButton"],"sourceRoot":"../../../../../../../src","sources":["component/AIA/molecules/Dialog/styles/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,SAAQA,UAAU,QAAO,cAAc;AAGvC,MAAMC,YAAY,GAAIC,OAAqB,IACzCF,UAAU,CAACG,MAAM,CAAC;EAChBC,mBAAmB,EAAE;IACnBC,aAAa,EAAE,KAAK;IACpBC,KAAK,EAAE;EACT,CAAC;EACD;EACAC,aAAa,EAAE;IACbD,KAAK,EAAE,EAAE;IACTE,UAAU,EAAEN,OAAO,CAAC,IAAI,CAAC;IACzBO,WAAW,EAAE,CAACP,OAAO,CAAC,IAAI,CAAC,GAAGA,OAAO,CAAC,KAAK,CAAC;IAC5CQ,SAAS,EAAE,CAACR,OAAO,CAAC,IAAI,CAAC,GAAGA,OAAO,CAAC,KAAK,CAAC;IAC1CS,WAAW,EAAET,OAAO,CAAC,IAAI,CAAC;IAC1BU,cAAc,EAAE;EAClB,CAAC;EACDC,cAAc,EAAE;IACdP,KAAK,EAAE,MAAM;IACbD,aAAa,EAAE,KAAK;IACpBS,YAAY,EAAEZ,OAAO,CAAC,IAAI;EAC5B,CAAC;EACDa,gBAAgB,EAAE;IAChBL,SAAS,EAAER,OAAO,CAAC,IAAI;EACzB,CAAC;EACDc,cAAc,EAAE;IACdC,IAAI,EAAE;EACR,CAAC;EACDC,gBAAgB,EAAE;IAChBT,WAAW,EAAEP,OAAO,CAAC,IAAI;EAC3B,CAAC;EACDiB,kBAAkB,EAAE;IAClBb,KAAK,EAAE,MAAM;IACbc,UAAU,EAAE;EACd,CAAC;EACDC,iBAAiB,EAAE;IACjBf,KAAK,EAAE,MAAM;IACbI,SAAS,EAAER,OAAO,CAAC,IAAI;EACzB,CAAC;EACDoB,gBAAgB,EAAE;IAChBhB,KAAK,EAAE,MAAM;IACbI,SAAS,EAAER,OAAO,CAAC,IAAI;EACzB,CAAC;EACDqB,eAAe,EAAE;IACfC,SAAS,EAAE;EACb,CAAC;EACDC,QAAQ,EAAE;IACRA,QAAQ,EAAE;EACZ,CAAC;EACDC,eAAe,EAAE;IACfC,SAAS,EAAE;EACb,CAAC;EACDC,oBAAoB,EAAE;IACpBD,SAAS,EAAE;EACb;AACF,CAAC,CAAC;AAEJ,eAAe1B,YAAY","ignoreList":[]}

package/lib/module/component/AIA/molecules/Dialog/types/index.js

@@ -1,4 +0,0 @@
-"use strict";
-
-export {};
-//# sourceMappingURL=index.js.map

package/lib/module/component/AIA/molecules/Dialog/types/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sourceRoot":"../../../../../../../src","sources":["component/AIA/molecules/Dialog/types/index.ts"],"mappings":"","ignoreList":[]}