@sebgroup/green-react 3.29.0 → 3.29.1-rc.20250730101609805

package/.babelrc

@@ -0,0 +1,7 @@
+{
+  "presets": ["@babel/preset-env", ["@nx/react/babel"]],
+  "plugins": [
+    ["@babel/plugin-transform-private-property-in-object", { "loose": true }],
+    ["@babel/plugin-transform-private-methods", { "loose": true }]
+  ]
+}

package/.eslintrc.json

@@ -0,0 +1,21 @@
+{
+  "extends": ["plugin:@nx/react", "../../.eslintrc.json"],
+  "ignorePatterns": ["!**/*", "storybook-static"],
+  "rules": {
+    "no-console": "error"
+  },
+  "overrides": [
+    {
+      "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
+      "rules": {}
+    },
+    {
+      "files": ["*.ts", "*.tsx"],
+      "rules": {}
+    },
+    {
+      "files": ["*.js", "*.jsx"],
+      "rules": {}
+    }
+  ]
+}

package/.storybook/designlibrary.json

@@ -0,0 +1,451 @@
+[
+  {
+    "id": "components-modal--modal-default",
+    "name": "Modal Default",
+    "title": "Components/Modal",
+    "customParams": {
+      "componentIds": [
+        "component-dialogue",
+        "component-slideout",
+        "component-foldout",
+        "component-takeover"
+      ]
+    }
+  },
+  {
+    "id": "components-modal--slide-out-small",
+    "name": "Slide Out Small",
+    "title": "Components/Modal",
+    "customParams": {
+      "componentIds": [
+        "component-dialogue",
+        "component-slideout",
+        "component-foldout",
+        "component-takeover"
+      ]
+    }
+  },
+  {
+    "id": "components-modal--slide-out-medium",
+    "name": "Slide Out Medium",
+    "title": "Components/Modal",
+    "customParams": {
+      "componentIds": [
+        "component-dialogue",
+        "component-slideout",
+        "component-foldout",
+        "component-takeover"
+      ]
+    }
+  },
+  {
+    "id": "components-modal--slide-out-large",
+    "name": "Slide Out Large",
+    "title": "Components/Modal",
+    "customParams": {
+      "componentIds": [
+        "component-dialogue",
+        "component-slideout",
+        "component-foldout",
+        "component-takeover"
+      ]
+    }
+  },
+  {
+    "id": "components-modal--take-over",
+    "name": "Take Over",
+    "title": "Components/Modal",
+    "customParams": {
+      "componentIds": [
+        "component-dialogue",
+        "component-slideout",
+        "component-foldout",
+        "component-takeover"
+      ]
+    }
+  },
+  {
+    "id": "components-table--table",
+    "name": "Table",
+    "title": "Components/Table",
+    "customParams": {
+      "componentIds": ["component-table"]
+    }
+  },
+  {
+    "id": "components-table--sortable-table",
+    "name": "Sortable table",
+    "title": "Components/Table",
+    "customParams": {
+      "componentIds": ["component-sortable"]
+    }
+  },
+  {
+    "id": "components-table--selectable-table",
+    "name": "Selectable table",
+    "title": "Components/Table",
+    "customParams": {
+      "componentIds": ["component-selectable"]
+    }
+  },
+  {
+    "id": "components-table--expandable-table",
+    "name": "Expandable table",
+    "title": "Components/Table",
+    "customParams": {
+      "componentIds": ["component-expandable"]
+    }
+  },
+  {
+    "id": "components-layout-flexbox--flexbox",
+    "name": "Flexbox",
+    "title": "Components/Layout/Flexbox",
+    "customParams": {}
+  },
+  {
+    "id": "components-form-textarea--text-area",
+    "name": "TextArea",
+    "title": "Components/Form/TextArea",
+    "customParams": {
+      "componentIds": ["component-textarea"]
+    }
+  },
+  {
+    "id": "components-form--text",
+    "name": "Text",
+    "title": "Components/Form",
+    "customParams": {}
+  },
+  {
+    "id": "components-form-radiogroup--default-story",
+    "name": "Default",
+    "title": "Components/Form/RadioGroup",
+    "customParams": {
+      "componentIds": ["component-radiogroup"]
+    }
+  },
+  {
+    "id": "components-form-radiogroup--expandable-information",
+    "name": "Expandable information",
+    "title": "Components/Form/RadioGroup",
+    "customParams": {}
+  },
+  {
+    "id": "components-form-radiogroup--validation",
+    "name": "Validation",
+    "title": "Components/Form/RadioGroup",
+    "customParams": {}
+  },
+  {
+    "id": "components-form-radiogroup--horizontal",
+    "name": "Horizontal",
+    "title": "Components/Form/RadioGroup",
+    "customParams": {}
+  },
+  {
+    "id": "components-form-radiobutton--radio-button",
+    "name": "RadioButton",
+    "title": "Components/Form/RadioButton",
+    "customParams": {
+      "componentIds": ["component-radiobutton"]
+    }
+  },
+  {
+    "id": "components-form-input--input",
+    "name": "Input",
+    "title": "Components/Form/Input",
+    "customParams": {
+      "componentIds": ["component-input"]
+    }
+  },
+  {
+    "id": "components-iconbutton--default-story",
+    "name": "Default",
+    "title": "Components/IconButton",
+    "customParams": {}
+  },
+  {
+    "id": "components-form-group--page",
+    "name": "Page",
+    "title": "Components/Form/Group",
+    "customParams": {}
+  },
+  {
+    "id": "components-form-checkbox--checkbox",
+    "name": "Checkbox",
+    "title": "Components/Form/Checkbox",
+    "customParams": {
+      "componentIds": ["component-checkbox"]
+    }
+  },
+  {
+    "id": "components-form--button-group",
+    "name": "Button Group",
+    "title": "Components/Form",
+    "customParams": {
+      "componentIds": ["component-segmented-control"]
+    }
+  },
+  {
+    "id": "components-form-button--button",
+    "name": "Button",
+    "title": "Components/Form/Button",
+    "customParams": {
+      "componentIds": ["component-button"]
+    }
+  },
+  {
+    "id": "components-tabs--tabs",
+    "name": "Tabs",
+    "title": "Components/Tabs",
+    "customParams": {
+      "componentIds": ["component-tabs"]
+    }
+  },
+  {
+    "id": "components-stepper--stepper",
+    "name": "Stepper",
+    "title": "Components/Stepper",
+    "customParams": {
+      "componentIds": ["component-stepper"]
+    }
+  },
+  {
+    "id": "components-stepper--basic-stepper",
+    "name": "Basic stepper",
+    "title": "Components/Stepper",
+    "customParams": {}
+  },
+  {
+    "id": "components-stepper--primitive-stepper",
+    "name": "Primitive Stepper",
+    "title": "Components/Stepper",
+    "customParams": {}
+  },
+  {
+    "id": "components-stepper--stepper-validation",
+    "name": "Stepper validation",
+    "title": "Components/Stepper",
+    "customParams": {}
+  },
+  {
+    "id": "components-slider--default-story",
+    "name": "Default",
+    "title": "Components/Slider",
+    "customParams": {}
+  },
+  {
+    "id": "components-slider--textbox",
+    "name": "Textbox",
+    "title": "Components/Slider",
+    "customParams": {}
+  },
+  {
+    "id": "components-slider--unit-textbox",
+    "name": "UnitTextbox",
+    "title": "Components/Slider",
+    "customParams": {}
+  },
+  {
+    "id": "components-slider--error",
+    "name": "Error",
+    "title": "Components/Slider",
+    "customParams": {}
+  },
+  {
+    "id": "components-slider--disabled",
+    "name": "Disabled",
+    "title": "Components/Slider",
+    "customParams": {}
+  },
+  {
+    "id": "components-select--with-options",
+    "name": "With options",
+    "title": "Components/Select",
+    "customParams": {}
+  },
+  {
+    "id": "components-select--with-placeholder",
+    "name": "With placeholder",
+    "title": "Components/Select",
+    "customParams": {}
+  },
+  {
+    "id": "components-select--with-option-groups",
+    "name": "With option groups",
+    "title": "Components/Select",
+    "customParams": {}
+  },
+  {
+    "id": "components-select--with-disabled-group",
+    "name": "With disabled group",
+    "title": "Components/Select",
+    "customParams": {}
+  },
+  {
+    "id": "components-select--with-validation",
+    "name": "With validation",
+    "title": "Components/Select",
+    "customParams": {}
+  },
+  {
+    "id": "components-select--expandable-information",
+    "name": "Expandable information",
+    "title": "Components/Select",
+    "customParams": {}
+  },
+  {
+    "id": "components-navbar--component",
+    "name": "Component",
+    "title": "Components/Navbar",
+    "customParams": {}
+  },
+  {
+    "id": "components-valuelist--value-list",
+    "name": "ValueList",
+    "title": "Components/ValueList",
+    "customParams": {}
+  },
+  {
+    "id": "components-lists--ordered-list",
+    "name": "Ordered-list",
+    "title": "Components/Lists",
+    "customParams": {}
+  },
+  {
+    "id": "components-lists--unordered-list",
+    "name": "Unordered-list",
+    "title": "Components/Lists",
+    "customParams": {}
+  },
+  {
+    "id": "components-lists--check-list",
+    "name": "Check-list",
+    "title": "Components/Lists",
+    "customParams": {}
+  },
+  {
+    "id": "components-link--link",
+    "name": "Link",
+    "title": "Components/Link",
+    "customParams": {
+      "componentIds": ["component-inlinelinks"]
+    }
+  },
+  {
+    "id": "components-inpagewizardstepcard--in-page-wizard-step-card",
+    "name": "InPageWizardStepCard",
+    "title": "Components/InPageWizardStepCard",
+    "customParams": {}
+  },
+  {
+    "id": "components-grouped-list--page",
+    "name": "Page",
+    "title": "Components/Grouped list",
+    "customParams": {}
+  },
+  {
+    "id": "components-formitem--text-input",
+    "name": "TextInput",
+    "title": "Components/FormItem",
+    "customParams": {
+      "componentIds": ["component-input"]
+    }
+  },
+  {
+    "id": "components-formitem--expandable-information",
+    "name": "Expandable information",
+    "title": "Components/FormItem",
+    "customParams": {}
+  },
+  {
+    "id": "components-formitem--expandable-information-jsx",
+    "name": "Expandable information JSX",
+    "title": "Components/FormItem",
+    "customParams": {}
+  },
+  {
+    "id": "components-form--form",
+    "name": "Form",
+    "title": "Components/Form",
+    "customParams": {}
+  },
+  {
+    "id": "components-filter-chips--page",
+    "name": "Page",
+    "title": "Components/Filter Chips",
+    "customParams": {}
+  },
+  {
+    "id": "components-dropdown--dropdown",
+    "name": "Dropdown",
+    "title": "Components/Dropdown",
+    "customParams": {
+      "componentIds": ["component-dropdown"]
+    }
+  },
+  {
+    "id": "components-datepicker--datepicker",
+    "name": "Datepicker",
+    "title": "Components/Datepicker",
+    "customParams": {
+      "componentIds": ["component-datepicker"]
+    }
+  },
+  {
+    "id": "components-context-menu--page",
+    "name": "Page",
+    "title": "Components/Context Menu",
+    "customParams": {}
+  },
+  {
+    "id": "components-card--card",
+    "name": "Card",
+    "title": "Components/Card",
+    "customParams": {
+      "componentIds": ["component-card"]
+    }
+  },
+  {
+    "id": "components-badge--badge",
+    "name": "Badge",
+    "title": "Components/Badge",
+    "customParams": {
+      "componentIds": ["component-badge"]
+    }
+  },
+  {
+    "id": "components-alertribbon--alert-ribbon",
+    "name": "AlertRibbon",
+    "title": "Components/AlertRibbon",
+    "customParams": {
+      "componentIds": ["component-alertribbon"]
+    }
+  },
+  {
+    "id": "components-accordion--accordion",
+    "name": "Accordion",
+    "title": "Components/Accordion",
+    "customParams": {
+      "componentIds": ["component-accordion"]
+    }
+  },
+  {
+    "id": "use--page",
+    "name": "Page",
+    "title": "Use",
+    "customParams": {}
+  },
+  {
+    "id": "testing--page",
+    "name": "Page",
+    "title": "Testing",
+    "customParams": {}
+  },
+  {
+    "id": "install--page",
+    "name": "Page",
+    "title": "Install",
+    "customParams": {}
+  }
+]

package/.storybook/main.ts

@@ -0,0 +1,20 @@
+/* eslint-disable @nx/enforce-module-boundaries */
+import type { StorybookConfig } from '@storybook/react-webpack5'
+
+import defaultConfig from '../../../.storybook/main'
+
+const config: StorybookConfig = {
+  ...defaultConfig,
+  framework: {
+    name: '@storybook/react-webpack5',
+    options: {},
+  },
+}
+
+config.addons?.push('@nx/react/plugins/storybook')
+
+export default config
+
+// To customize your webpack configuration you can use the webpackFinal field.
+// Check https://storybook.js.org/docs/react/builders/webpack#extending-storybooks-webpack-config
+// and https://nx.dev/recipes/storybook/custom-builder-configs

package/.storybook/manager.ts

@@ -0,0 +1,2 @@
+/* eslint-disable @nx/enforce-module-boundaries */
+import '../../../.storybook/manager'

package/.storybook/preview.ts

@@ -0,0 +1,2 @@
+/* eslint-disable @nx/enforce-module-boundaries */
+import '../../../.storybook/preview'

package/.storybook/tsconfig.json

@@ -0,0 +1,23 @@
+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../../dist/out-tsc",
+    "types": ["node"]
+  },
+  "files": [
+    "../../../node_modules/@nx/react/typings/cssmodule.d.ts",
+    "../../../node_modules/@nx/react/typings/image.d.ts"
+  ],
+  "exclude": [
+    "**/*.spec.ts",
+    "**/*.test.ts",
+    "**/*.spec.tsx",
+    "**/*.test.tsx",
+    "**/*.stories.ts",
+    "**/*.stories.js",
+    "**/*.stories.jsx",
+    "**/*.stories.tsx",
+    "jest.config.ts"
+  ],
+  "include": ["**/*.js", "**/*.jsx", "**/*.ts", "**/*.tsx"]
+}