@kubit-ui-web/react-components 1.0.0-beta.3 → 1.0.0-beta.4

package/README.md

@@ -70,19 +70,15 @@ This will render the button with the default styles and functionality.
 
 > Note: The `KubitProvider` is required to use the components. It provides the theme and other context to the components.
 
-You can foud more information about change the theme and other options in the [Customize theme](https://kubit-ui.com/docs/web-components/getting-started)
+You can foud more information about change the theme and other options in the [Customize theme](https://kubit-ui.com)
 
 ## Documentation
 
-You can find the documentation for the web components in the [Kubit UI website](https://kubit-ui.com/docs/web-components/getting-started)
+You can find the documentation for the web components in the [Kubit UI website](https://kubit-ui.com)
 
-## Contributing
-
-To contribute to the project, you can follow the [development guide](https://kubit-ui.com/docs/web-components/development-guide)
-
-### Storybook
+## Storybook
 
-To run the storybook, you can use the following command:
+To run the storybook, first of all clone the repository and install the dependencies. Then run the following command:
 
 ```bash
 npm run storybook
@@ -92,7 +88,7 @@ yarn storybook
 
 This will start the storybook server and you can see the components in action.
 
-### Tests
+## Tests
 
 To run the tests, you can use the following command:
 
@@ -103,3 +99,41 @@ yarn test
 ```
 
 This will run the tests and show the results in the terminal.
+
+## Contributing
+
+We are open to contributions. If you want to contribute to the project, please follow the steps below:
+
+1. **Fork the Repository**: Click the "Fork" button in the upper right corner of the repository's page on GitHub. This will create a copy of the repository in your account.
+
+2. **Clone the Repository**: Use `git clone` to clone the repository to your local machine.
+
+   ```sh
+   git clone
+   ```
+
+3. **Create a Branch**: Use `git checkout` to create a new branch for your changes.
+
+   ```sh
+   git checkout -b <branch-name>
+   ```
+
+4. **Make Changes**: Make any necessary changes to the codebase. And **test** the changes.
+
+5. **Commit Changes**: Use `git commit` to commit your changes to the branch.
+
+   ```sh
+   git commit -m "Your commit message"
+   ```
+
+6. **Push Changes**: Use `git push` to push your changes to your forked repository.
+
+   ```sh
+   git push origin <branch-name>
+   ```
+
+7. **Open a Pull Request**: Go to the original repository on GitHub and click the "New pull request" button. Fill out the form with details about your changes and submit the pull request.
+
+Once your pull request has been submitted, a maintainer will review your changes and provide feedback. If everything looks good, your pull request will be merged and your changes will become part of the project.
+
+For more information on contributing to our projects, please refer to the `CONTRIBUTING.md` file.

package/dist/cjs/components/index.js

@@ -94,4 +94,5 @@ __exportStar(require("./dropdownSelected"), exports);
 __exportStar(require("./portal"), exports);
 __exportStar(require("./mediaButton"), exports);
 __exportStar(require("./mediaProgressBar"), exports);
+__exportStar(require("./summaryDetails"), exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA4B;AAC5B,wDAAsC;AACtC,2CAAyB;AACzB,6CAA2B;AAC3B,sDAAoC;AACpC,wCAAsB;AACtB,yCAAuB;AACvB,0CAAwB;AACxB,0CAAwB;AACxB,yCAAuB;AACvB,yCAAuB;AACvB,4CAA0B;AAC1B,wCAAsB;AACtB,yCAAuB;AACvB,2CAAyB;AACzB,yCAAuB;AACvB,2CAAyB;AACzB,iDAA+B;AAC/B,kDAAgC;AAChC,0CAAwB;AACxB,4CAA0B;AAC1B,6CAA2B;AAC3B,4CAA0B;AAC1B,6CAA2B;AAC3B,4CAA0B;AAC1B,kDAAgC;AAChC,2CAAyB;AACzB,iDAA+B;AAC/B,0DAAwC;AACxC,mDAAiC;AACjC,8CAA4B;AAC5B,2CAAyB;AACzB,8CAA4B;AAC5B,gDAA8B;AAC9B,sDAAoC;AACpC,2CAAyB;AACzB,+CAA6B;AAC7B,iDAA+B;AAC/B,4CAA0B;AAC1B,0CAAwB;AACxB,8CAA4B;AAC5B,iDAA+B;AAC/B,gDAA8B;AAC9B,6CAA2B;AAC3B,kDAAgC;AAChC,6CAA2B;AAC3B,oDAAkC;AAClC,gDAA8B;AAC9B,8CAA4B;AAC5B,0CAAwB;AACxB,iDAA+B;AAC/B,kDAAgC;AAChC,kDAAgC;AAChC,+CAA6B;AAC7B,8CAA4B;AAC5B,kDAAgC;AAChC,gDAA8B;AAC9B,qDAAmC;AACnC,mDAAiC;AACjC,gDAA8B;AAC9B,wDAAsC;AACtC,wDAAsC;AACtC,6CAA2B;AAC3B,sDAAoC;AACpC,6CAA2B;AAC3B,2CAAyB;AACzB,oDAAkC;AAClC,oDAAkC;AAClC,qDAAmC;AACnC,0DAAwC;AACxC,2CAAyB;AACzB,2CAAyB;AACzB,oDAAkC;AAClC,yCAAuB;AACvB,qDAAmC;AACnC,8CAA4B;AAC5B,qDAAmC;AACnC,2CAAyB;AACzB,gDAA8B;AAC9B,qDAAmC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA4B;AAC5B,wDAAsC;AACtC,2CAAyB;AACzB,6CAA2B;AAC3B,sDAAoC;AACpC,wCAAsB;AACtB,yCAAuB;AACvB,0CAAwB;AACxB,0CAAwB;AACxB,yCAAuB;AACvB,yCAAuB;AACvB,4CAA0B;AAC1B,wCAAsB;AACtB,yCAAuB;AACvB,2CAAyB;AACzB,yCAAuB;AACvB,2CAAyB;AACzB,iDAA+B;AAC/B,kDAAgC;AAChC,0CAAwB;AACxB,4CAA0B;AAC1B,6CAA2B;AAC3B,4CAA0B;AAC1B,6CAA2B;AAC3B,4CAA0B;AAC1B,kDAAgC;AAChC,2CAAyB;AACzB,iDAA+B;AAC/B,0DAAwC;AACxC,mDAAiC;AACjC,8CAA4B;AAC5B,2CAAyB;AACzB,8CAA4B;AAC5B,gDAA8B;AAC9B,sDAAoC;AACpC,2CAAyB;AACzB,+CAA6B;AAC7B,iDAA+B;AAC/B,4CAA0B;AAC1B,0CAAwB;AACxB,8CAA4B;AAC5B,iDAA+B;AAC/B,gDAA8B;AAC9B,6CAA2B;AAC3B,kDAAgC;AAChC,6CAA2B;AAC3B,oDAAkC;AAClC,gDAA8B;AAC9B,8CAA4B;AAC5B,0CAAwB;AACxB,iDAA+B;AAC/B,kDAAgC;AAChC,kDAAgC;AAChC,+CAA6B;AAC7B,8CAA4B;AAC5B,kDAAgC;AAChC,gDAA8B;AAC9B,qDAAmC;AACnC,mDAAiC;AACjC,gDAA8B;AAC9B,wDAAsC;AACtC,wDAAsC;AACtC,6CAA2B;AAC3B,sDAAoC;AACpC,6CAA2B;AAC3B,2CAAyB;AACzB,oDAAkC;AAClC,oDAAkC;AAClC,qDAAmC;AACnC,0DAAwC;AACxC,2CAAyB;AACzB,2CAAyB;AACzB,oDAAkC;AAClC,yCAAuB;AACvB,qDAAmC;AACnC,8CAA4B;AAC5B,qDAAmC;AACnC,2CAAyB;AACzB,gDAA8B;AAC9B,qDAAmC;AACnC,mDAAgC"}

package/dist/cjs/components/summaryDetails/index.js

@@ -0,0 +1,22 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SummaryDetails = void 0;
+__exportStar(require("./types"), exports);
+var summaryDetailsUnControlled_1 = require("./summaryDetailsUnControlled");
+Object.defineProperty(exports, "SummaryDetails", { enumerable: true, get: function () { return summaryDetailsUnControlled_1.SummaryDetailsUnControlled; } });
+__exportStar(require("./summaryDetailsControlled"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/summaryDetails/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/summaryDetails/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,0CAAwB;AACxB,2EAA4F;AAAnF,4HAAA,0BAA0B,OAAkB;AACrD,6DAA2C"}

package/dist/cjs/components/summaryDetails/stories/argtypes.js

@@ -0,0 +1,165 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.argtypes = void 0;
+const constants_1 = require("../../../constants");
+const argtypes = (variantsObject, themeSelected) => {
+    return {
+        variant: {
+            description: 'Variant',
+            type: { name: 'string', required: true },
+            control: { type: 'select' },
+            options: Object.keys(variantsObject[themeSelected].SummaryDetailsVariantType || {}),
+            table: {
+                type: {
+                    summary: 'string',
+                },
+                category: constants_1.CATEGORY_CONTROL.MODIFIERS,
+            },
+        },
+        title: {
+            description: 'Object with title properties',
+            type: { name: 'object', required: true },
+            control: { type: 'object' },
+            table: {
+                type: {
+                    summary: 'SummaryDetailsTextType',
+                },
+                category: constants_1.CATEGORY_CONTROL.CONTENT,
+            },
+        },
+        leftIcon: {
+            description: 'Object with left icon properties. Decorative left icon',
+            type: { name: 'object' },
+            control: { type: 'object' },
+            table: {
+                type: {
+                    summary: 'IElementOrIcon',
+                },
+                category: constants_1.CATEGORY_CONTROL.CONTENT,
+            },
+        },
+        leftOpenIcon: {
+            description: 'Object with open icon properties. Left trigger icon when is Opened',
+            type: { name: 'object' },
+            control: { type: 'object' },
+            table: {
+                type: {
+                    summary: 'IElementOrIcon',
+                },
+                category: constants_1.CATEGORY_CONTROL.CONTENT,
+            },
+        },
+        icon: {
+            description: 'Object with icon properties.Trigger icon',
+            type: { name: 'object', required: true },
+            control: { type: 'object' },
+            table: {
+                type: {
+                    summary: 'IElementOrIcon',
+                },
+                category: constants_1.CATEGORY_CONTROL.CONTENT,
+            },
+        },
+        openIcon: {
+            description: 'Object with open icon properties. Trigger icon when is Opened',
+            type: { name: 'object' },
+            control: { type: 'object' },
+            table: {
+                type: {
+                    summary: 'IElementOrIcon',
+                },
+                category: constants_1.CATEGORY_CONTROL.CONTENT,
+            },
+        },
+        rotateOpenIcon: {
+            description: 'Value of rotate deg when summary is opened',
+            type: { name: 'string' },
+            control: { type: 'text' },
+            table: {
+                type: {
+                    summary: 'string',
+                },
+                category: constants_1.CATEGORY_CONTROL.CONTENT,
+            },
+        },
+        description: {
+            description: 'Object with description properties',
+            type: { name: 'object' },
+            control: { type: 'object' },
+            table: {
+                type: {
+                    summary: 'SummaryDetailsTextType',
+                },
+                category: constants_1.CATEGORY_CONTROL.CONTENT,
+            },
+        },
+        children: {
+            description: 'You can add the content as children of the component',
+            type: { name: 'string', required: true },
+            control: false,
+            table: {
+                type: {
+                    summary: 'ReactNode',
+                },
+                category: constants_1.CATEGORY_CONTROL.CONTENT,
+            },
+        },
+        open: {
+            description: 'default open state',
+            type: { name: 'boolean' },
+            control: { type: 'boolean' },
+            table: {
+                type: {
+                    summary: 'boolean',
+                },
+                category: constants_1.CATEGORY_CONTROL.MODIFIERS,
+            },
+        },
+        onOpenClose: {
+            description: 'onHandleOpen callback',
+            type: { name: 'function' },
+            control: false,
+            table: {
+                type: {
+                    summary: '(open: boolean, event: React.MouseEvent<HTMLDetailsElement>) => void',
+                },
+                category: constants_1.CATEGORY_CONTROL.FUNCTIONS,
+            },
+        },
+        dataTestId: {
+            description: 'Test id',
+            type: { name: 'string' },
+            control: false,
+            table: {
+                type: {
+                    summary: 'string',
+                },
+                category: constants_1.CATEGORY_CONTROL.TESTING,
+            },
+        },
+        ctv: {
+            description: 'Object used for update variant styles',
+            type: { name: 'object' },
+            control: { type: 'object' },
+            table: {
+                type: {
+                    summary: 'object',
+                },
+                category: constants_1.CATEGORY_CONTROL.CUSTOMIZATION,
+            },
+        },
+        extraCt: {
+            description: 'Object used for update lineSeparator styles',
+            type: { name: 'object' },
+            control: { type: 'object' },
+            table: {
+                type: {
+                    summary: 'object',
+                },
+                category: constants_1.CATEGORY_CONTROL.CUSTOMIZATION,
+            },
+        },
+    };
+};
+exports.argtypes = argtypes;
+//# sourceMappingURL=argtypes.js.map

package/dist/cjs/components/summaryDetails/stories/argtypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"argtypes.js","sourceRoot":"","sources":["../../../../../src/components/summaryDetails/stories/argtypes.ts"],"names":[],"mappings":"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"}

package/dist/cjs/components/summaryDetails/summaryDetails.styled.js

@@ -0,0 +1,49 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BodyStyled = exports.RightIconWrapper = exports.LeftIconWrapper = exports.TitleWrapper = exports.HeaderTitleIconStyled = exports.HeaderStyled = exports.ContainerStyled = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const lineSeparator_1 = require("../../components/lineSeparator");
+// styles
+const utils_1 = require("../../utils");
+exports.ContainerStyled = styled_components_1.default.details `
+  ${({ styles }) => (0, utils_1.getStyles)(styles.container)};
+`;
+exports.HeaderStyled = styled_components_1.default.summary `
+  ${({ styles }) => (0, utils_1.getStyles)(styles.header)};
+  user-select: none;
+  // hide default agent arrow
+  list-style: none;
+  ::-webkit-details-marker {
+    display: none;
+  }
+  > :last-child {
+    ${({ styles }) => (0, utils_1.getStyles)(styles.header?.lastChild)};
+    ${({ styles, lineSeparatorLineStyles, $isOpen, hasLineSeparator }) => styles.hasLineSeparator && !$isOpen && hasLineSeparator
+    ? lineSeparatorLineStyles.buildLineStyles?.(lineSeparator_1.LineSeparatorPositionType.BOTTOM)
+    : undefined}
+  }
+`;
+exports.HeaderTitleIconStyled = styled_components_1.default.span `
+  ${({ styles }) => (0, utils_1.getStyles)(styles.header?.firstChild)};
+`;
+exports.TitleWrapper = styled_components_1.default.span `
+  ${({ styles }) => (0, utils_1.getStyles)(styles.titleContainer)};
+`;
+exports.LeftIconWrapper = styled_components_1.default.span `
+  ${({ styles }) => (0, utils_1.getStyles)(styles.leftIconContainer)};
+`;
+exports.RightIconWrapper = styled_components_1.default.span `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transform: rotate(0deg);
+  transition: 'transform 0.15s ease-in-out';
+  ${({ styles }) => (0, utils_1.getStyles)(styles.rightIconContainer)};
+`;
+exports.BodyStyled = styled_components_1.default.div `
+  ${({ styles }) => (0, utils_1.getStyles)(styles.body)};
+`;
+//# sourceMappingURL=summaryDetails.styled.js.map

package/dist/cjs/components/summaryDetails/summaryDetails.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"summaryDetails.styled.js","sourceRoot":"","sources":["../../../../src/components/summaryDetails/summaryDetails.styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAuC;AAEvC,8DAGoC;AACpC,SAAS;AACT,mCAAoC;AAIvB,QAAA,eAAe,GAAG,2BAAM,CAAC,OAAO,CAA2C;IACpF,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,iBAAS,EAAC,MAAM,CAAC,SAAS,CAAC;CAC9C,CAAC;AAEW,QAAA,YAAY,GAAG,2BAAM,CAAC,OAAO,CAKxC;IACE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,iBAAS,EAAC,MAAM,CAAC,MAAM,CAAC;;;;;;;;MAQtC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,iBAAS,EAAC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC;MACnD,CAAC,EAAE,MAAM,EAAE,uBAAuB,EAAE,OAAO,EAAE,gBAAgB,EAAE,EAAE,EAAE,CACnE,MAAM,CAAC,gBAAgB,IAAI,CAAC,OAAO,IAAI,gBAAgB;IACrD,CAAC,CAAC,uBAAuB,CAAC,eAAe,EAAE,CAAC,yCAAyB,CAAC,MAAM,CAAC;IAC7E,CAAC,CAAC,SAAS;;CAElB,CAAC;AAEW,QAAA,qBAAqB,GAAG,2BAAM,CAAC,IAAI,CAA2C;IACvF,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,iBAAS,EAAC,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC;CACvD,CAAC;AAEW,QAAA,YAAY,GAAG,2BAAM,CAAC,IAAI,CAA2C;IAC9E,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,iBAAS,EAAC,MAAM,CAAC,cAAc,CAAC;CACnD,CAAC;AAEW,QAAA,eAAe,GAAG,2BAAM,CAAC,IAAI,CAA2C;IACjF,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,iBAAS,EAAC,MAAM,CAAC,iBAAiB,CAAC;CACtD,CAAC;AAEW,QAAA,gBAAgB,GAAG,2BAAM,CAAC,IAAI,CAA2C;;;;;;IAMlF,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,iBAAS,EAAC,MAAM,CAAC,kBAAkB,CAAC;CACvD,CAAC;AAEW,QAAA,UAAU,GAAG,2BAAM,CAAC,GAAG,CAA2C;IAC3E,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,iBAAS,EAAC,MAAM,CAAC,IAAI,CAAC;CACzC,CAAC"}

package/dist/cjs/components/summaryDetails/summaryDetailsControlled.js

@@ -0,0 +1,47 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SummaryDetailsControlled = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const hooks_1 = require("../../hooks");
+const errorBoundary_1 = require("../../provider/errorBoundary");
+const summaryDetailsStandAlone_1 = require("./summaryDetailsStandAlone");
+const SUMMARY_DETAILS_STYLES = 'SUMMARY_DETAILS_STYLES';
+const LINE_SEPARATOR_STYLES = 'LINE_SEPARATOR_STYLES';
+const SummaryDetailsControlledComponent = React.forwardRef(({ variant, ctv, extraCt, ...props }, ref) => {
+    const styles = (0, hooks_1.useStyles)(SUMMARY_DETAILS_STYLES, variant, ctv);
+    const lineSeparatorLineStyles = (0, hooks_1.useStyles)(LINE_SEPARATOR_STYLES, styles.lineSeparatorVariant, extraCt);
+    const handleBodyClick = event => {
+        event.preventDefault();
+        event.stopPropagation();
+    };
+    return ((0, jsx_runtime_1.jsx)(summaryDetailsStandAlone_1.SummaryDetailsStandAlone, { ...props, ref: ref, lineSeparatorLineStyles: lineSeparatorLineStyles, styles: styles, onBodyClick: handleBodyClick }));
+});
+SummaryDetailsControlledComponent.displayName = 'SummaryDetailsControlledComponent';
+const SummaryDetailsBoundary = (props, ref) => ((0, jsx_runtime_1.jsx)(errorBoundary_1.ErrorBoundary, { fallBackComponent: (0, jsx_runtime_1.jsx)(errorBoundary_1.FallbackComponent, { children: (0, jsx_runtime_1.jsx)(summaryDetailsStandAlone_1.SummaryDetailsStandAlone, { ...props }) }), children: (0, jsx_runtime_1.jsx)(SummaryDetailsControlledComponent, { ...props, ref: ref }) }));
+const SummaryDetailsControlled = React.forwardRef(SummaryDetailsBoundary);
+exports.SummaryDetailsControlled = SummaryDetailsControlled;
+//# sourceMappingURL=summaryDetailsControlled.js.map

package/dist/cjs/components/summaryDetails/summaryDetailsControlled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"summaryDetailsControlled.js","sourceRoot":"","sources":["../../../../src/components/summaryDetails/summaryDetailsControlled.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAG/B,mCAAoC;AACpC,4DAA4E;AAE5E,yEAAsE;AAOtE,MAAM,sBAAsB,GAAG,wBAAwB,CAAC;AACxD,MAAM,qBAAqB,GAAG,uBAAuB,CAAC;AAEtD,MAAM,iCAAiC,GAAG,KAAK,CAAC,UAAU,CACxD,CACE,EAAE,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,KAAK,EAAyD,EAC1F,GAA8D,EACjD,EAAE;IACf,MAAM,MAAM,GAAG,IAAA,iBAAS,EACtB,sBAAsB,EACtB,OAAO,EACP,GAAG,CACJ,CAAC;IACF,MAAM,uBAAuB,GAAG,IAAA,iBAAS,EACvC,qBAAqB,EACrB,MAAM,CAAC,oBAAoB,EAC3B,OAAO,CACR,CAAC;IAEF,MAAM,eAAe,GAA4C,KAAK,CAAC,EAAE;QACvE,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;IAC1B,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,mDAAwB,OACnB,KAAK,EACT,GAAG,EAAE,GAAG,EACR,uBAAuB,EAAE,uBAAuB,EAChD,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,eAAe,GAC5B,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,iCAAiC,CAAC,WAAW,GAAG,mCAAmC,CAAC;AAEpF,MAAM,sBAAsB,GAAG,CAC7B,KAA4D,EAC5D,GAA8D,EACjD,EAAE,CAAC,CAChB,uBAAC,6BAAa,IACZ,iBAAiB,EACf,uBAAC,iCAAiB,cAChB,uBAAC,mDAAwB,OAAM,KAA8C,GAAI,GAC/D,YAGtB,uBAAC,iCAAiC,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GAC5C,CACjB,CAAC;AAEF,MAAM,wBAAwB,GAAG,KAAK,CAAC,UAAU,CAAC,sBAAsB,CAM1B,CAAC;AAEtC,4DAAwB"}

package/dist/cjs/components/summaryDetails/summaryDetailsStandAlone.js

@@ -0,0 +1,47 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SummaryDetailsStandAlone = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/* eslint-disable complexity */
+const React = __importStar(require("react"));
+const elementOrIcon_1 = require("../../components/elementOrIcon");
+const text_1 = require("../../components/text");
+const summaryDetails_styled_1 = require("./summaryDetails.styled");
+const SummaryDetailsStandAloneComponent = ({ dataTestId = 'summaryDetails', rotateOpenIcon = '180deg', hasLineSeparator = true, ...props }, ref) => {
+    const leftIcon = props.open && props.leftOpenIcon ? props.leftOpenIcon : props.leftIcon;
+    const rightIcon = props.open && props.openIcon ? props.openIcon : props.icon;
+    const leftIconStyles = props.open ? props.styles.leftOpenIcon : props.styles.leftClosedIcon;
+    const rightIconStyles = props.open ? props.styles.rightOpenIcon : props.styles.rightClosedIcon;
+    const leftRotateOpen = props.leftOpenIcon ? '0deg' : rotateOpenIcon;
+    const rightRotateOpen = props.openIcon ? '0deg' : rotateOpenIcon;
+    return ((0, jsx_runtime_1.jsxs)(summaryDetails_styled_1.ContainerStyled, { ref: ref, "data-testid": `${dataTestId}Details`, open: props.open, styles: props.styles, onClick: props.onClick, children: [(0, jsx_runtime_1.jsxs)(summaryDetails_styled_1.HeaderStyled, { "$isOpen": props.open, "data-testid": `${dataTestId}Summary`, hasLineSeparator: hasLineSeparator, lineSeparatorLineStyles: props.lineSeparatorLineStyles, styles: props.styles, children: [(0, jsx_runtime_1.jsxs)(summaryDetails_styled_1.HeaderTitleIconStyled, { as: props.title.component, styles: props.styles, children: [leftIcon && ((0, jsx_runtime_1.jsx)(summaryDetails_styled_1.LeftIconWrapper, { styles: props.styles, children: (0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { customIconStyles: leftIconStyles, dataTestId: `${dataTestId}SummaryLeftIcon`, rotate: props.styles.leftIconContainer?.allowRotate && props.open
+                                        ? leftRotateOpen
+                                        : '0deg', ...leftIcon }) })), (0, jsx_runtime_1.jsx)(summaryDetails_styled_1.TitleWrapper, { styles: props.styles, children: (0, jsx_runtime_1.jsx)(text_1.Text, { customTypography: props.styles.title, dataTestId: `${dataTestId}SummaryTitle`, ...props.title, component: text_1.TextComponentType.SPAN, children: props.title.content }) }), rightIcon && ((0, jsx_runtime_1.jsx)(summaryDetails_styled_1.RightIconWrapper, { styles: props.styles, children: (0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { customIconStyles: rightIconStyles, dataTestId: `${dataTestId}SummaryIcon`, rotate: props.styles.rightIconContainer?.allowRotate && props.open
+                                        ? rightRotateOpen
+                                        : '0deg', ...rightIcon }) }))] }), (0, jsx_runtime_1.jsx)(text_1.Text, { component: text_1.TextComponentType.SPAN, customTypography: props.styles.description, dataTestId: `${dataTestId}SummaryDescription`, ...props.description, children: props.description?.content })] }), (0, jsx_runtime_1.jsx)(summaryDetails_styled_1.BodyStyled, { "data-testid": `${dataTestId}Content`, styles: props.styles, onClick: props.onBodyClick, children: props.children })] }));
+};
+exports.SummaryDetailsStandAlone = React.forwardRef(SummaryDetailsStandAloneComponent);
+//# sourceMappingURL=summaryDetailsStandAlone.js.map

package/dist/cjs/components/summaryDetails/summaryDetailsStandAlone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"summaryDetailsStandAlone.js","sourceRoot":"","sources":["../../../../src/components/summaryDetails/summaryDetailsStandAlone.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/summaryDetails/summaryDetailsUnControlled.js

@@ -0,0 +1,42 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SummaryDetailsUnControlled = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const summaryDetailsControlled_1 = require("./summaryDetailsControlled");
+const SummaryDetailsUnControlledComponent = ({ open = false, onOpenClose, ...props }, ref) => {
+    const [isOpen, setIsOpen] = React.useState(open);
+    const handleClick = event => {
+        event.preventDefault();
+        const newOpenState = !isOpen;
+        setIsOpen(newOpenState);
+        onOpenClose?.(newOpenState, event);
+    };
+    return (0, jsx_runtime_1.jsx)(summaryDetailsControlled_1.SummaryDetailsControlled, { ...props, ref: ref, open: isOpen, onClick: handleClick });
+};
+const SummaryDetailsUnControlled = React.forwardRef(SummaryDetailsUnControlledComponent);
+exports.SummaryDetailsUnControlled = SummaryDetailsUnControlled;
+//# sourceMappingURL=summaryDetailsUnControlled.js.map

package/dist/cjs/components/summaryDetails/summaryDetailsUnControlled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"summaryDetailsUnControlled.js","sourceRoot":"","sources":["../../../../src/components/summaryDetails/summaryDetailsUnControlled.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,yEAAsE;AAGtE,MAAM,mCAAmC,GAAG,CAC1C,EAAE,IAAI,GAAG,KAAK,EAAE,WAAW,EAAE,GAAG,KAAK,EAA2D,EAChG,GAA8D,EACjD,EAAE;IACf,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEjD,MAAM,WAAW,GAAgD,KAAK,CAAC,EAAE;QACvE,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,MAAM,YAAY,GAAG,CAAC,MAAM,CAAC;QAC7B,SAAS,CAAC,YAAY,CAAC,CAAC;QACxB,WAAW,EAAE,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;IACrC,CAAC,CAAC;IAEF,OAAO,uBAAC,mDAAwB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,GAAI,CAAC;AAC/F,CAAC,CAAC;AAEF,MAAM,0BAA0B,GAAG,KAAK,CAAC,UAAU,CAAC,mCAAmC,CAM5B,CAAC;AAEnD,gEAA0B"}

package/dist/cjs/components/summaryDetails/types/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./summaryDetails"), exports);
+__exportStar(require("./summaryDetailsTheme"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/summaryDetails/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/summaryDetails/types/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mDAAiC;AACjC,wDAAsC"}

package/dist/cjs/components/summaryDetails/types/summaryDetails.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=summaryDetails.js.map

package/dist/cjs/components/summaryDetails/types/summaryDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"summaryDetails.js","sourceRoot":"","sources":["../../../../../src/components/summaryDetails/types/summaryDetails.ts"],"names":[],"mappings":""}

package/dist/cjs/components/summaryDetails/types/summaryDetailsTheme.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=summaryDetailsTheme.js.map

package/dist/cjs/components/summaryDetails/types/summaryDetailsTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"summaryDetailsTheme.js","sourceRoot":"","sources":["../../../../../src/components/summaryDetails/types/summaryDetailsTheme.ts"],"names":[],"mappings":""}

package/dist/cjs/designSystem/kubit/components/styles.js

@@ -82,4 +82,5 @@ __exportStar(require("./loadingState/styles"), exports);
 __exportStar(require("./mediaButton/styles"), exports);
 __exportStar(require("./mediaProgressBar/styles"), exports);
 __exportStar(require("./pageControlAutomate/styles"), exports);
+__exportStar(require("./summaryDetails/styles"), exports);
 //# sourceMappingURL=styles.js.map

package/dist/cjs/designSystem/kubit/components/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/designSystem/kubit/components/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAgC;AAChC,oDAAkC;AAClC,6DAA2C;AAC3C,gDAA8B;AAC9B,qDAAmC;AACnC,yDAAuC;AACvC,gDAA8B;AAC9B,kDAAgC;AAChC,mDAAiC;AACjC,mDAAiC;AACjC,+CAA6B;AAC7B,gDAA8B;AAC9B,6DAA2C;AAC3C,qDAAmC;AACnC,uDAAqC;AACrC,oDAAkC;AAClC,+DAA6C;AAC7C,kDAAgC;AAChC,sDAAoC;AACpC,kDAAgC;AAChC,2DAAyC;AACzC,iDAA+B;AAC/B,wDAAsC;AACtC,yDAAuC;AACvC,qDAAmC;AACnC,yDAAuC;AACvC,yDAAuC;AACvC,sDAAoC;AACpC,uDAAqC;AACrC,uDAAqC;AACrC,mDAAiC;AACjC,iDAA+B;AAC/B,uDAAqC;AACrC,uDAAqC;AACrC,oDAAkC;AAClC,kDAAgC;AAChC,4DAA0C;AAC1C,kDAAgC;AAChC,qDAAmC;AACnC,kDAAgC;AAChC,mDAAiC;AACjC,+CAA6B;AAC7B,iEAA+C;AAC/C,0DAAwC;AACxC,qDAAmC;AACnC,2DAAyC;AACzC,gDAA8B;AAC9B,wDAAsC;AACtC,4DAA0C;AAC1C,iDAA+B;AAC/B,qDAAmC;AACnC,kDAAgC;AAChC,2DAAyC;AACzC,mDAAiC;AACjC,oDAAkC;AAClC,qDAAmC;AACnC,kDAAgC;AAChC,4DAA0C;AAC1C,kDAAgC;AAChC,2DAAyC;AACzC,oDAAkC;AAClC,yDAAuC;AACvC,+DAA6C;AAC7C,oDAAkC;AAClC,wDAAsC;AACtC,uDAAqC;AACrC,4DAA0C;AAC1C,+DAA6C"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/designSystem/kubit/components/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAgC;AAChC,oDAAkC;AAClC,6DAA2C;AAC3C,gDAA8B;AAC9B,qDAAmC;AACnC,yDAAuC;AACvC,gDAA8B;AAC9B,kDAAgC;AAChC,mDAAiC;AACjC,mDAAiC;AACjC,+CAA6B;AAC7B,gDAA8B;AAC9B,6DAA2C;AAC3C,qDAAmC;AACnC,uDAAqC;AACrC,oDAAkC;AAClC,+DAA6C;AAC7C,kDAAgC;AAChC,sDAAoC;AACpC,kDAAgC;AAChC,2DAAyC;AACzC,iDAA+B;AAC/B,wDAAsC;AACtC,yDAAuC;AACvC,qDAAmC;AACnC,yDAAuC;AACvC,yDAAuC;AACvC,sDAAoC;AACpC,uDAAqC;AACrC,uDAAqC;AACrC,mDAAiC;AACjC,iDAA+B;AAC/B,uDAAqC;AACrC,uDAAqC;AACrC,oDAAkC;AAClC,kDAAgC;AAChC,4DAA0C;AAC1C,kDAAgC;AAChC,qDAAmC;AACnC,kDAAgC;AAChC,mDAAiC;AACjC,+CAA6B;AAC7B,iEAA+C;AAC/C,0DAAwC;AACxC,qDAAmC;AACnC,2DAAyC;AACzC,gDAA8B;AAC9B,wDAAsC;AACtC,4DAA0C;AAC1C,iDAA+B;AAC/B,qDAAmC;AACnC,kDAAgC;AAChC,2DAAyC;AACzC,mDAAiC;AACjC,oDAAkC;AAClC,qDAAmC;AACnC,kDAAgC;AAChC,4DAA0C;AAC1C,kDAAgC;AAChC,2DAAyC;AACzC,oDAAkC;AAClC,yDAAuC;AACvC,+DAA6C;AAC7C,oDAAkC;AAClC,wDAAsC;AACtC,uDAAqC;AACrC,4DAA0C;AAC1C,+DAA6C;AAC7C,0DAAwC"}

package/dist/cjs/designSystem/kubit/components/summaryDetails/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./styles"), exports);
+__exportStar(require("./variants"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/designSystem/kubit/components/summaryDetails/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/designSystem/kubit/components/summaryDetails/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAyB;AACzB,6CAA2B"}